:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}button{outline:none;-webkit-tap-highlight-color:transparent}button:focus{outline:none}button:focus-visible{outline:none}.write-container{display:flex;flex-direction:column;height:calc(100vh + -0px);background:#f5f5f5;width:100%;min-width:0}.write-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid;border-image:linear-gradient(90deg,#667eea33,#764ba233,#f093fb33) 1;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;max-width:100%;margin:0;width:100%;gap:16px;box-sizing:border-box;box-shadow:0 2px 8px #667eea1a}.toolbar-left{flex:1;min-width:0}.title-input{width:100%;max-width:400px;padding:8px 16px;font-size:18px;font-weight:600;border:2px solid transparent;border-radius:12px;outline:none;transition:all .3s ease;box-sizing:border-box;color:#444;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea4d,#764ba24d) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.title-input::placeholder{color:#999;font-weight:400;opacity:1}.title-input:focus::placeholder{opacity:0;transition:opacity .2s}.title-input:focus{background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea99,#764ba299) border-box;box-shadow:0 4px 12px #667eea33;transform:translateY(-1px)}.toolbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:nowrap}.word-count{font-size:14px;color:#666;padding:6px 12px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border:none;white-space:nowrap;flex-shrink:0;box-sizing:border-box;font-weight:500;box-shadow:0 2px 4px #667eea1a}.toolbar-btn{padding:8px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;box-sizing:border-box;min-width:fit-content;position:relative;overflow:hidden;outline:none;-webkit-tap-highlight-color:transparent}.toolbar-btn:focus{outline:none}.toolbar-btn:focus-visible{outline:none}.save-btn{background:linear-gradient(135deg,#667eeae6,#764ba2e6)!important;color:#fff!important;box-shadow:0 2px 8px #667eea4d;border:none}.save-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.save-btn:active{transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.export-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.export-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.export-btn:active{transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.progress-btn{background:linear-gradient(135deg,#4facfe33,#00f2fe33);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#4facfe;box-shadow:0 2px 8px #4facfe33;padding:8px;display:flex;align-items:center;justify-content:center}.progress-btn svg{width:18px!important;height:18px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0;pointer-events:none}.progress-btn path,.progress-btn line,.progress-btn polyline{stroke:#4facfe!important;fill:none!important;stroke-width:2.5!important}.progress-btn:hover{background:linear-gradient(135deg,#00f2fe4d,#4facfe4d);transform:translateY(-2px);box-shadow:0 4px 12px #4facfe4d}.progress-btn:hover svg,.progress-btn:hover path,.progress-btn:hover line,.progress-btn:hover polyline{stroke:#00f2fe!important}.progress-btn:active{transform:translateY(0);box-shadow:0 2px 6px #4facfe33}.assistant-btn{background:linear-gradient(135deg,#4facfe33,#00f2fe33);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#4facfe;box-shadow:0 2px 8px #4facfe33;padding:8px;display:flex;align-items:center;justify-content:center}.assistant-btn svg{width:18px!important;height:18px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0;pointer-events:none}.assistant-btn path,.assistant-btn line,.assistant-btn polyline{stroke:#4facfe!important;fill:none!important;stroke-width:2.5!important}.assistant-btn:hover{background:linear-gradient(135deg,#00f2fe4d,#4facfe4d);transform:translateY(-2px);box-shadow:0 4px 12px #4facfe4d}.assistant-btn:hover svg,.assistant-btn:hover path,.assistant-btn:hover line,.assistant-btn:hover polyline{stroke:#00f2fe!important}.assistant-btn:active{transform:translateY(0);box-shadow:0 2px 6px #4facfe33}.story-structure-btn{background:linear-gradient(135deg,#4facfe33,#00f2fe33);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#4facfe;box-shadow:0 2px 8px #4facfe33;padding:8px;display:flex;align-items:center;justify-content:center}.story-structure-btn svg{width:18px!important;height:18px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0;pointer-events:none}.story-structure-btn path,.story-structure-btn line,.story-structure-btn polyline{stroke:#4facfe!important;fill:none!important;stroke-width:2.5!important}.story-structure-btn:hover{background:linear-gradient(135deg,#00f2fe4d,#4facfe4d);transform:translateY(-2px);box-shadow:0 4px 12px #4facfe4d}.story-structure-btn:hover svg,.story-structure-btn:hover path,.story-structure-btn:hover line,.story-structure-btn:hover polyline{stroke:#00f2fe!important}.story-structure-btn:active{transform:translateY(0);box-shadow:0 2px 6px #4facfe33}.toc-toggle-btn{background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#333;font-size:16px;padding:8px 12px;border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;box-shadow:0 2px 4px #667eea1a}.toc-toggle-btn:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.format-toolbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid;border-image:linear-gradient(90deg,#667eea26,#764ba226) 1;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;flex-shrink:0;max-width:100%;margin:0;width:100%;padding:12px 24px;box-sizing:border-box}.toolbar-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.ai-actions-group{gap:8px;margin:0 4px}.rewrite-btn,.continue-btn{min-width:80px;padding:6px 14px}.continue-btn{font-size:14px;min-width:70px;padding:6px 12px;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid;border-image:linear-gradient(135deg,#667eea4d,#764ba24d) 1;border-radius:8px;font-weight:500;color:#333;white-space:nowrap;transition:all .3s ease;box-shadow:0 2px 4px #667eea1a}.continue-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea1a,#764ba21a);border-image:linear-gradient(135deg,#667eea99,#764ba299) 1;color:#667eea;transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.toolbar-separator{width:1px;height:24px;background:#e8e8e8;margin:0 4px;flex-shrink:0}.toolbar-icon{width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#4facfe;transition:all .3s ease;flex-shrink:0;position:relative;box-shadow:0 2px 4px #667eea1a}.toolbar-icon svg{width:18px!important;height:18px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0;pointer-events:none}.toolbar-icon path,.toolbar-icon line,.toolbar-icon polyline{stroke:#4facfe!important;fill:none!important;stroke-width:2.5!important}.toolbar-icon:hover:not(:disabled){background:linear-gradient(135deg,#00f2fe4d,#4facfe4d);transform:translateY(-2px);box-shadow:0 4px 12px #4facfe4d}.toolbar-icon:hover:not(:disabled) svg,.toolbar-icon:hover:not(:disabled) path,.toolbar-icon:hover:not(:disabled) line,.toolbar-icon:hover:not(:disabled) polyline{stroke:#00f2fe!important}.toolbar-icon:disabled{cursor:not-allowed;opacity:.5}.toolbar-icon strong,.toolbar-icon u,.toolbar-icon s{color:inherit;font-size:16px;font-weight:600}.toolbar-icon.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 2px 8px #4facfe4d}.toolbar-icon.active strong,.toolbar-icon.active u,.toolbar-icon.active s{color:#fff}.toolbar-icon.active svg,.toolbar-icon.active path,.toolbar-icon.active line,.toolbar-icon.active polyline{stroke:#fff!important}.toolbar-icon.active:hover{background:linear-gradient(135deg,#00f2fe,#4facfe);transform:scale(1.08);box-shadow:0 4px 12px #4facfe66}.rewrite-btn{background:transparent;color:#4facfe;padding:8px;display:flex;align-items:center;justify-content:center;min-width:36px;box-shadow:0 2px 8px #4facfe33;position:relative}.rewrite-btn svg{width:18px!important;height:18px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0;pointer-events:none}.rewrite-btn path,.rewrite-btn line,.rewrite-btn polyline{stroke:#4facfe!important;fill:none!important;stroke-width:2.5!important}.rewrite-btn:hover:not(:disabled){background:linear-gradient(135deg,#00f2fe4d,#4facfe4d);transform:translateY(-2px);box-shadow:0 4px 12px #4facfe4d}.rewrite-btn:hover:not(:disabled) svg,.rewrite-btn:hover:not(:disabled) path,.rewrite-btn:hover:not(:disabled) line,.rewrite-btn:hover:not(:disabled) polyline{stroke:#00f2fe!important}.rewrite-btn:active{transform:translateY(0);box-shadow:0 2px 6px #4facfe33}.rewrite-btn.loading svg,.rewrite-btn.loading path,.rewrite-btn.loading line,.rewrite-btn.loading polyline{opacity:0;transition:opacity .2s}.continue-btn{background:transparent;color:#4facfe;padding:8px;display:flex;align-items:center;justify-content:center;min-width:36px;box-shadow:0 2px 8px #4facfe33;position:relative}.continue-btn svg{width:18px!important;height:18px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0;pointer-events:none;transition:opacity .2s}.continue-btn path,.continue-btn line,.continue-btn polyline{stroke:#4facfe!important;fill:none!important;stroke-width:2.5!important}.continue-btn:hover:not(:disabled){background:linear-gradient(135deg,#00f2fe4d,#4facfe4d);transform:translateY(-2px);box-shadow:0 4px 12px #4facfe4d}.continue-btn:hover:not(:disabled) svg,.continue-btn:hover:not(:disabled) path,.continue-btn:hover:not(:disabled) line,.continue-btn:hover:not(:disabled) polyline{stroke:#00f2fe!important}.continue-btn:active{transform:translateY(0);box-shadow:0 2px 6px #4facfe33}.continue-btn.loading svg,.continue-btn.loading path,.continue-btn.loading line,.continue-btn.loading polyline{opacity:0;transition:opacity .2s}.rewrite-btn.loading,.continue-btn.loading,.describe-btn.loading{opacity:.8;cursor:wait;pointer-events:none;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.describe-btn.loading svg,.describe-btn.loading path,.describe-btn.loading line,.describe-btn.loading polyline{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.rewrite-btn.loading:after,.continue-btn.loading:after,.describe-btn.loading:after{content:"";position:absolute;width:18px;height:18px;border:2.5px solid #4facfe;border-top-color:transparent;border-right-color:transparent;border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #4facfe66}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.align-icon{font-size:0}.align-lines{display:flex;flex-direction:column;gap:3px;width:16px;height:12px}.align-line{height:2px;background:currentColor;border-radius:1px;width:100%}.align-line.short{width:60%}.align-left .align-lines{align-items:flex-start}.align-center .align-lines{align-items:center}.align-right .align-lines{align-items:flex-end}.toolbar-select{padding:6px 12px;border:none;border-radius:12px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;font-size:14px;color:#4facfe;outline:none;flex-shrink:0;box-sizing:border-box;transition:all .3s ease;box-shadow:0 2px 4px #667eea1a;font-weight:500;appearance:none;-webkit-appearance:none;-moz-appearance:none}.toolbar-select:focus{box-shadow:0 4px 8px #667eea33;transform:translateY(-1px)}.toolbar-select:hover{box-shadow:0 3px 6px #667eea26}.toolbar-color{width:32px;height:32px;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;padding:2px;background:#fff;flex-shrink:0;box-sizing:border-box}.toolbar-color::-webkit-color-swatch-wrapper{padding:0}.toolbar-color::-webkit-color-swatch{border:none;border-radius:2px}.indent-icon{font-size:0;gap:2px}.indent-arrow{font-size:12px;color:currentColor;line-height:1;display:flex;align-items:center;width:8px;justify-content:center}.indent-line{width:2px;height:12px;background:currentColor;border-radius:1px;display:block}.indent-decrease,.indent-increase{flex-direction:row}.progress-panel{width:380px;background:linear-gradient(180deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:8px;padding:0;flex-shrink:0;height:100%;overflow:hidden;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;align-self:flex-start}.progress-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0;background:#fff;gap:16px}.progress-panel-target{display:flex;align-items:center;gap:8px;flex:1}.target-words-label{font-size:14px;color:#666;font-weight:500;white-space:nowrap}.target-words-input{width:120px;padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-weight:500;color:#333;text-align:center;background:#fff;transition:all .2s;-moz-appearance:textfield}.target-words-input::-webkit-outer-spin-button,.target-words-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.target-words-input:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 2px #4facfe33}.target-words-input:hover{border-color:#4facfe}.target-words-unit{font-size:14px;color:#666;white-space:nowrap}.progress-panel-controls{display:flex;gap:8px;align-items:center}.progress-panel-close{width:36px;height:36px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.progress-panel-close svg{width:20px!important;height:20px!important;stroke:#666!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0}.progress-panel-close path,.progress-panel-close line,.progress-panel-close polyline,.progress-panel-close circle,.progress-panel-close rect{stroke:#666!important;fill:none!important;stroke-width:2.5!important}.progress-panel-close:hover{background:#667eea1a;color:#667eea;transform:scale(1.05)}.progress-panel-close:hover svg,.progress-panel-close:hover path,.progress-panel-close:hover line,.progress-panel-close:hover polyline,.progress-panel-close:hover circle,.progress-panel-close:hover rect{stroke:#667eea!important}.progress-panel-content{flex:1;overflow-y:auto;padding:16px;background:#fafafa}.editor-main-area{display:flex;flex:1;overflow:hidden;gap:16px;padding:24px;background:#f5f5f5;min-height:0;height:100%}.toc-sidebar{width:240px;background:linear-gradient(180deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:8px;padding:0;flex-shrink:0;height:100%;max-height:100%;overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:width .3s ease;display:flex;flex-direction:column;align-self:flex-start}.toc-sidebar.collapsed{width:64px}.toc-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid;border-image:linear-gradient(90deg,#667eea26,#764ba226) 1;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);gap:12px}.toc-sidebar.collapsed .toc-header{justify-content:center;padding:16px 8px}.toc-collapse-btn{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#667eea;transition:all .3s ease;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent;position:relative}.toc-collapse-btn svg{width:18px!important;height:18px!important;stroke:#667eea!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0;pointer-events:none;position:relative;z-index:1}.toc-collapse-btn *{color:#667eea!important}.toc-collapse-btn path,.toc-collapse-btn line,.toc-collapse-btn polyline{stroke:#667eea!important;fill:none!important;stroke-width:2.5!important}.toc-collapse-btn:focus{outline:none}.toc-collapse-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #667eea33}.toc-collapse-btn:hover{background:#667eea1a;transform:scale(1.05)}.toc-collapse-btn:active{transform:scale(.98)}.toc-header h3{margin:0;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1;white-space:nowrap;overflow:hidden}.toc-sidebar.collapsed .toc-header h3{display:none}.toc-count{font-size:12px;color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:2px 8px;border-radius:12px;white-space:nowrap;font-weight:500;border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1}.toc-sidebar.collapsed .toc-count{display:none}.toc-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;min-height:0}.toc-empty{padding:20px;text-align:center;color:#999;font-size:14px;line-height:1.6}.toc-item{padding:12px 16px;cursor:pointer;border-radius:8px;transition:all .2s;font-size:14px;color:#666;line-height:1.5;word-break:break-word;position:relative}.toc-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .2s;border-radius:0 2px 2px 0}.toc-item:hover{background:#f0f0f0;color:#667eea;transform:translate(2px)}.toc-item:hover:before{transform:scaleY(1)}.toc-level-1{font-weight:600;color:#333;font-size:15px;padding-left:16px}.toc-level-2{padding-left:32px;font-size:14px}.toc-level-3{padding-left:48px;font-size:13px;color:#888}.toc-level-4{padding-left:64px;font-size:12px;color:#999}.editor-wrapper{flex:1;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;min-width:0;height:100%;align-self:flex-start}.editor-content{width:100%;max-width:1400px;min-width:400px;height:100%;min-height:500px;padding:48px 60px;font-size:17px;line-height:1.9;border:1px solid #e0e0e0;border-radius:8px;outline:none;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#fff;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s;box-sizing:border-box;display:flex;flex-direction:column}.editor-content:empty:before{content:"开始创作您的故事...";color:#999;font-style:normal}.editor-content:focus{border-color:#667eea;box-shadow:0 4px 16px #667eea26}.editor-content h1,.editor-content h2,.editor-content h3,.editor-content h4{scroll-margin-top:20px;margin-top:24px;margin-bottom:16px}.editor-content h1{font-size:2em;font-weight:700}.editor-content h2{font-size:1.5em;font-weight:600}.editor-content h3{font-size:1.25em;font-weight:600}.editor-content h4{font-size:1.1em;font-weight:600}.rewrite-panel{width:320px;background:linear-gradient(180deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:8px;padding:0;flex-shrink:0;height:100%;overflow:hidden;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column}.rewrite-panel-header{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0;background:#fff}.rewrite-panel-close{width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#999;transition:all .2s;padding:0;line-height:1}.rewrite-panel-close:hover{background:#f0f0f0;color:#333}.rewrite-panel-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.rewrite-original,.rewrite-result{display:flex;flex-direction:column;gap:8px}.rewrite-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.rewrite-text{padding:12px;border-radius:6px;font-size:14px;line-height:1.6;word-break:break-word}.original-text{background:#f5f5f5;border:1px solid #e0e0e0;color:#666}.rewritten-text{background:#e8f4fd;border:1px solid #b3d9f2;color:#333}.rewrite-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.rewrite-loading-spinner{width:32px;height:32px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.rewrite-loading-text{font-size:14px;color:#667eea;font-weight:500}.rewrite-arrow{display:none}.rewrite-panel-actions{display:flex;gap:8px;padding:16px;border-top:1px solid #e0e0e0;background:#fff}.rewrite-panel-actions .rewrite-btn{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;white-space:nowrap}.rewrite-panel-actions .rewrite-btn:disabled{opacity:.6;cursor:not-allowed}.replace-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.replace-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.replace-btn:active{transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.rerewrite-btn{background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#333;border:1px solid;border-image:linear-gradient(135deg,#667eea4d,#764ba24d) 1}.rerewrite-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea1a,#764ba21a);border-image:linear-gradient(135deg,#667eea99,#764ba299) 1;color:#667eea;transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.write-footer{border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;max-width:100%;margin:0;width:100%;padding:12px 24px;box-sizing:border-box}.write-footer p{margin:0;font-size:12px;color:#999;text-align:center}.editor-content::-webkit-scrollbar,.toc-sidebar::-webkit-scrollbar,.rewrite-panel-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track,.toc-sidebar::-webkit-scrollbar-track,.rewrite-panel-content::-webkit-scrollbar-track{background:#f1f1f1}.editor-content::-webkit-scrollbar-thumb,.toc-sidebar::-webkit-scrollbar-thumb,.rewrite-panel-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.editor-content::-webkit-scrollbar-thumb:hover,.toc-sidebar::-webkit-scrollbar-thumb:hover,.rewrite-panel-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.toc-sidebar::-webkit-scrollbar,.rewrite-panel-content::-webkit-scrollbar{width:6px}.toc-sidebar::-webkit-scrollbar-thumb,.rewrite-panel-content::-webkit-scrollbar-thumb{border-radius:3px}@media(max-width:1400px){.rewrite-panel{width:280px}}@media(max-width:1024px){.write-toolbar,.format-toolbar,.write-footer{max-width:100%;padding-left:16px;padding-right:16px}.editor-main-area{flex-direction:column;padding:16px}.toc-sidebar{width:100%;max-height:200px;order:2}.toc-sidebar.collapsed{width:100%;max-height:60px}.editor-wrapper{order:1;padding:0}.editor-content{max-width:100%;min-width:100%;height:100%;min-height:400px;padding:32px 40px}.rewrite-panel{width:100%;max-height:300px;order:3}}@media(max-width:768px){.write-toolbar{flex-wrap:wrap;gap:12px;padding:12px 16px}.toolbar-left{width:100%;order:1}.title-input{max-width:100%}.toolbar-right{width:100%;justify-content:flex-start;order:2;gap:8px;flex-wrap:wrap}.word-count{font-size:12px;padding:4px 8px}.toolbar-btn{padding:8px 16px;font-size:13px}.format-toolbar{padding:8px 12px;gap:4px}.editor-main-area{padding:12px}.toc-sidebar{max-height:150px}.toc-sidebar.collapsed{max-height:60px}.editor-content{padding:24px 20px;min-height:300px;height:100%;font-size:16px;line-height:1.8}.rewrite-panel{max-height:250px}}@media(max-width:480px){.toolbar-right{justify-content:space-between}.toolbar-btn{flex:1;min-width:70px;max-width:none}.editor-content{padding:20px 16px;min-height:250px;height:100%;font-size:15px}.rewrite-panel{max-height:200px}.rewrite-panel-actions{flex-direction:column}.rewrite-panel-actions .rewrite-btn{width:100%}}.continue-panel{width:320px;background:linear-gradient(180deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:8px;padding:0;flex-shrink:0;height:100%;overflow:hidden;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column}.continue-panel-header{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0;background:#fff}.continue-panel-close{width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#999;transition:all .2s;padding:0;line-height:1}.continue-panel-close:hover{background:#f0f0f0;color:#333}.continue-panel-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.continue-original,.continue-result{display:flex;flex-direction:column;gap:8px}.continue-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.continue-text{padding:12px;border-radius:6px;font-size:14px;line-height:1.6;word-break:break-word}.continue-text.original-text{background:#f5f5f5;border:1px solid #e0e0e0;color:#666}.continue-text.continued-text{background:#e8f4fd;border:1px solid #b3d9f2;color:#333}.continue-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.continue-loading-spinner{width:32px;height:32px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.continue-loading-text{font-size:14px;color:#667eea;font-weight:500}.continue-arrow{display:none}.continue-panel-actions{display:flex;gap:8px;padding:16px;border-top:1px solid #e0e0e0;background:#fff}.continue-panel-actions .continue-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;white-space:nowrap;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid;border-image:linear-gradient(135deg,#667eea4d,#764ba24d) 1;color:#333;box-shadow:0 2px 4px #667eea1a}.continue-panel-actions .continue-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea1a,#764ba21a);border-image:linear-gradient(135deg,#667eea99,#764ba299) 1;color:#667eea;transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.continue-panel-actions .continue-btn:disabled{opacity:.5;cursor:not-allowed}.continue-panel-actions .replace-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.continue-panel-actions .replace-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;background:#5568d3;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.continue-panel-actions .recontinue-btn{background:#f0f0f0;color:#333;border:1px solid #d0d0d0}.continue-panel-actions .recontinue-btn:hover:not(:disabled){background:#e0e0e0;border-color:#667eea;color:#667eea}@media(max-width:1024px){.continue-panel{width:100%;max-height:300px;order:3}}@media(max-width:768px){.continue-panel{max-height:250px}}@media(max-width:480px){.continue-panel{max-height:200px}.continue-panel-actions{flex-direction:column}.continue-panel-actions .continue-btn{width:100%}}.describe-group,.describe-dropdown{position:relative}.describe-btn{background:transparent;color:#4facfe;padding:8px;display:flex;align-items:center;justify-content:center;min-width:36px;box-shadow:0 2px 8px #4facfe33;position:relative}.describe-btn svg{width:18px!important;height:18px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0;pointer-events:none}.describe-btn path,.describe-btn line,.describe-btn polyline{stroke:#4facfe!important;fill:none!important;stroke-width:2.5!important}.describe-btn:hover:not(:disabled){background:linear-gradient(135deg,#00f2fe4d,#4facfe4d);transform:translateY(-2px);box-shadow:0 4px 12px #4facfe4d}.describe-btn:hover:not(:disabled) svg,.describe-btn:hover:not(:disabled) path,.describe-btn:hover:not(:disabled) line,.describe-btn:hover:not(:disabled) polyline{stroke:#00f2fe!important}.describe-btn:active{transform:translateY(0);box-shadow:0 2px 6px #4facfe33}.describe-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:120px;overflow:hidden}.describe-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:#fff;text-align:left;font-size:14px;color:#4facfe;cursor:pointer;transition:all .2s}.describe-menu-item:hover{background:#4facfe1a;color:#00f2fe}.describe-menu-item svg{width:18px!important;height:18px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important;flex-shrink:0}.describe-menu-item:hover svg,.describe-menu-item:hover path,.describe-menu-item:hover line,.describe-menu-item:hover polyline{stroke:#00f2fe!important}.describe-menu-item:not(:last-child){border-bottom:1px solid #f0f0f0}.describe-panel{width:320px;background:linear-gradient(180deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:8px;padding:0;flex-shrink:0;height:100%;overflow:hidden;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column}.describe-panel-header{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0;background:#fff}.describe-panel-close{width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#999;transition:all .2s;padding:0;line-height:1}.describe-panel-close:hover{background:#f0f0f0;color:#333}.describe-panel-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.describe-original,.describe-result{display:flex;flex-direction:column;gap:8px}.describe-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.describe-text{padding:12px;border-radius:6px;font-size:14px;line-height:1.6;word-break:break-word}.describe-text.original-text{background:#f5f5f5;border:1px solid #e0e0e0;color:#666}.describe-text.described-text{background:#e8f4fd;border:1px solid #b3d9f2;color:#333}.describe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.describe-loading-spinner{width:32px;height:32px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.describe-loading-text{font-size:14px;color:#667eea;font-weight:500}.describe-arrow{display:none}.describe-panel-actions{display:flex;gap:8px;padding:16px;border-top:1px solid #e0e0e0;background:#fff}.describe-panel-actions .describe-btn{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;white-space:nowrap}.describe-panel-actions .describe-btn:disabled{opacity:.6;cursor:not-allowed}.describe-panel-actions .copy-btn{background:#667eea;color:#fff}.describe-panel-actions .copy-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.describe-panel-actions .redescribe-btn{background:#f0f0f0;color:#333;border:1px solid #d0d0d0}.describe-panel-actions .redescribe-btn:hover:not(:disabled){background:#e0e0e0;border-color:#667eea;color:#667eea}@media(max-width:1024px){.describe-panel{width:100%;max-height:300px;order:3}}@media(max-width:768px){.describe-panel{max-height:250px}}@media(max-width:480px){.describe-panel{max-height:200px}.describe-panel-actions{flex-direction:column}.describe-panel-actions .describe-btn{width:100%}}.assistant-panel,.story-structure-panel{width:380px;background:linear-gradient(180deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:8px;padding:0;flex-shrink:0;height:100%;overflow:hidden;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;align-self:flex-start}.story-structure-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0;background:#fff;gap:12px}.story-structure-title{font-size:15px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-structure-close{width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#999;transition:all .2s;padding:0;line-height:1}.story-structure-close:hover{background:#f0f0f0;color:#333}.story-structure-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.story-structure-field{display:flex;flex-direction:column;gap:6px}.story-structure-label{font-size:13px;font-weight:500;color:#555;display:flex;align-items:baseline;gap:6px}.story-structure-optional{font-size:12px;color:#999}.story-structure-input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #e0e0e0;font-size:14px;color:#333;background:#fff;outline:none;transition:all .2s;box-sizing:border-box}.story-structure-input::placeholder{color:#bbb}.story-structure-input:focus{border-color:#4facfe;box-shadow:0 0 0 2px #4facfe26}.story-structure-select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #e0e0e0;font-size:14px;color:#333;background:#fff;outline:none;transition:all .2s;box-sizing:border-box}.story-structure-select:focus{border-color:#4facfe;box-shadow:0 0 0 2px #4facfe26}.story-structure-counter{font-size:12px;color:#999;text-align:right}.story-structure-actions{display:flex;gap:8px;margin-top:4px}.story-structure-btn-generate,.story-structure-btn-insert{flex:1;padding:8px 12px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.story-structure-btn-generate{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);color:#333;border:1px solid;border-image:linear-gradient(135deg,#667eea4d,#764ba24d) 1}.story-structure-btn-generate:hover{background:linear-gradient(135deg,#667eea14,#764ba214);border-image:linear-gradient(135deg,#667eea99,#764ba299) 1;color:#667eea}.story-structure-btn-insert{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.story-structure-btn-insert:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.story-structure-btn-insert:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.story-structure-preview{margin-top:4px;display:flex;flex-direction:column;gap:6px}.story-structure-preview-label{font-size:13px;font-weight:500;color:#555}.story-structure-preview-box{border-radius:6px;border:1px dashed #d0d0d0;background:#fafafa;max-height:260px;overflow:auto;padding:10px 12px}.story-structure-preview-text{margin:0;font-size:13px;line-height:1.7;white-space:pre-wrap;color:#333;font-family:inherit}.story-structure-placeholder{font-size:13px;color:#999;line-height:1.6}.story-structure-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.story-structure-loading-spinner{width:36px;height:36px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.story-structure-loading-text{font-size:14px;color:#667eea;font-weight:500;text-align:center}.story-structure-btn-generate:disabled{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#667eea99,#764ba299)}.story-structure-btn-insert:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.story-structure-panel{width:100%;max-height:320px;order:3}}@media(max-width:768px){.story-structure-panel{max-height:280px}}@media(max-width:480px){.story-structure-panel{max-height:240px}.story-structure-actions{flex-direction:column}.story-structure-btn-generate,.story-structure-btn-insert{width:100%}}.assistant-panel-header{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0;background:#fff}.assistant-title{display:flex;align-items:center;gap:8px}.assistant-icon{color:#4facfe;flex-shrink:0}.assistant-icon svg{width:20px!important;height:20px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important;display:block!important}.assistant-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.assistant-panel-controls{display:flex;gap:8px;align-items:center}.assistant-clear-btn{width:32px;height:32px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.assistant-clear-btn svg{width:18px!important;height:18px!important;stroke:#666!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0}.assistant-clear-btn path,.assistant-clear-btn line,.assistant-clear-btn polyline,.assistant-clear-btn circle,.assistant-clear-btn rect{stroke:#666!important;fill:none!important;stroke-width:2.5!important}.assistant-clear-btn:hover{background:#667eea1a;color:#667eea;transform:scale(1.05)}.assistant-clear-btn:hover svg,.assistant-clear-btn:hover path,.assistant-clear-btn:hover line,.assistant-clear-btn:hover polyline,.assistant-clear-btn:hover circle,.assistant-clear-btn:hover rect{stroke:#667eea!important}.assistant-panel-close{width:36px;height:36px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.assistant-panel-close svg{width:20px!important;height:20px!important;stroke:#666!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0}.assistant-panel-close path,.assistant-panel-close line,.assistant-panel-close polyline,.assistant-panel-close circle,.assistant-panel-close rect{stroke:#666!important;fill:none!important;stroke-width:2.5!important}.assistant-panel-close:hover{background:#667eea1a;color:#667eea;transform:scale(1.05)}.assistant-panel-close:hover svg,.assistant-panel-close:hover path,.assistant-panel-close:hover line,.assistant-panel-close:hover polyline,.assistant-panel-close:hover circle,.assistant-panel-close:hover rect{stroke:#667eea!important}.assistant-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;background:#fafafa}.assistant-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:#666}.assistant-welcome-icon{margin-bottom:16px;color:#4facfe;display:flex;align-items:center;justify-content:center}.assistant-welcome-icon svg{width:48px!important;height:48px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important}.assistant-welcome-text{font-size:14px;line-height:1.6}.assistant-welcome-text p{margin:8px 0}.assistant-welcome-text ul{text-align:left;margin:12px 0;padding-left:24px}.assistant-welcome-text li{margin:4px 0}.assistant-message{display:flex;flex-direction:column}.user-message{align-items:flex-end}.assistant-message-item{align-items:flex-start}.message-content{max-width:85%}.user-bubble{background:#667eea;color:#fff;padding:10px 14px;border-radius:18px 18px 4px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.assistant-bubble{display:flex;gap:8px;align-items:flex-start}.assistant-avatar{flex-shrink:0;margin-top:2px;color:#4facfe;display:flex;align-items:center;justify-content:center}.assistant-avatar svg{width:20px!important;height:20px!important;stroke:#4facfe!important;stroke-width:2.5!important;fill:none!important;display:block!important}.assistant-text{background:#fff;color:#333;padding:10px 14px;border-radius:18px 18px 18px 4px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;border:1px solid #e0e0e0;box-shadow:0 1px 2px #0000000d}.typing-indicator{color:#999;font-style:italic}.assistant-input-area{padding:16px;border-top:1px solid #e0e0e0;background:#fff;display:flex;flex-direction:column;gap:8px}.assistant-input{width:100%;padding:10px 12px;border:2px solid transparent;border-radius:12px;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea4d,#764ba24d) border-box;font-size:14px;font-family:inherit;resize:none;outline:none;transition:all .3s ease;box-sizing:border-box;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 4px #667eea1a}.assistant-input:focus{background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea99,#764ba299) border-box;box-shadow:0 4px 12px #667eea33;transform:translateY(-1px);outline:none}.assistant-input:disabled{background:#f5f5f5cc;cursor:not-allowed;opacity:.7}.assistant-send-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-end;box-shadow:0 2px 8px #667eea4d}.assistant-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.assistant-send-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.plant-progress-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:20px;box-sizing:border-box}.plant-svg-wrapper{width:100%;max-width:400px;height:500px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}.plant-svg-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.plant-svg-content svg{width:100%;height:100%;max-width:400px;max-height:500px;transition:opacity .5s ease-in-out}.progress-info{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px}.progress-text{font-size:18px;font-weight:600;color:#333;text-align:center}.progress-bar-container{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:4px;transition:width .5s ease-in-out}.progress-percentage{font-size:16px;font-weight:500;color:#666;text-align:center}.progress-status{font-size:14px;color:#4facfe;text-align:center;font-weight:500;margin-top:4px}.radix-dialog-overlay{position:fixed;inset:0;background:#00000080;z-index:50;animation:fadeIn .2s ease-out}.radix-dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;padding:24px;box-shadow:0 10px 40px #0003;z-index:51;min-width:400px;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slideIn .2s ease-out}.radix-dialog-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#333}.radix-dialog-description{font-size:14px;color:#666;margin-bottom:16px}.radix-dialog-close{position:absolute;top:16px;right:16px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;font-size:20px;color:#999;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.radix-dialog-close:hover{background:#f0f0f0;color:#333}.radix-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:12px 40px 12px 16px;border:2px solid transparent;border-radius:12px;font-size:14px;font-family:inherit;color:#444;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea4d,#764ba24d) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 4px #667eea1a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;min-height:44px;box-sizing:border-box;position:relative}.radix-select-trigger[data-placeholder]{color:#ccc}.radix-select-trigger:hover:not(:disabled){background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea66,#764ba266) border-box;box-shadow:0 3px 6px #667eea26}.radix-select-trigger:focus,.radix-select-trigger[data-state=open]{background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea99,#764ba299) border-box;box-shadow:0 0 0 3px #667eea1a,0 6px 20px #667eea40;transform:translateY(-1px);z-index:1000}.radix-select-trigger:disabled{opacity:.6;cursor:not-allowed;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.radix-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#667eea;pointer-events:none;transition:transform .2s ease}.radix-select-trigger[data-state=open] .radix-select-icon{transform:translateY(-50%) rotate(180deg)}.radix-select-content{background:#fff;border:2px solid transparent;border-image:linear-gradient(135deg,#667eea4d,#764ba24d) 1;border-radius:12px;box-shadow:0 6px 20px #667eea40,0 2px 8px #0000001a;z-index:1000;min-width:var(--radix-select-trigger-width);width:max-content;max-width:600px;max-height:300px;overflow:hidden;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.radix-select-viewport{padding:8px;max-height:284px;overflow-y:auto}.radix-select-viewport::-webkit-scrollbar{width:10px}.radix-select-viewport::-webkit-scrollbar-track{background:#f8f9fa;border-radius:6px;margin:4px 0}.radix-select-viewport::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eeab3,#764ba2b3);border-radius:6px;border:2px solid #f8f9fa}.radix-select-viewport::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#667eeae6,#764ba2e6)}.radix-select-item{padding:16px 20px;font-size:14px;line-height:1.8;cursor:pointer;border-radius:8px;display:flex;align-items:flex-start;justify-content:space-between;transition:all .2s ease;position:relative;color:#333;margin-bottom:4px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;min-height:56px;gap:12px}.radix-select-item>*:first-child{flex:1;min-width:0;word-break:break-word}.radix-select-item:last-child{margin-bottom:0}.radix-select-item:hover{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;font-weight:500;transform:translate(2px)}.radix-select-item[data-highlighted]{background:linear-gradient(135deg,#667eea40,#764ba240);color:#667eea;font-weight:600;transform:translate(4px)}.radix-select-item[data-state=checked]{background:linear-gradient(135deg,#667eea33,#764ba233);color:#667eea;font-weight:600}.radix-select-item[data-disabled]{opacity:.6;cursor:not-allowed;font-style:italic;color:#999;background:#f8f9fa}.radix-tabs-root{width:100%}.radix-tabs-list{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid;border-image:linear-gradient(90deg,#667eea33,#764ba233,#f093fb33) 1;padding-bottom:8px;flex-wrap:wrap}.radix-tabs-trigger{padding:10px 20px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:8px 8px 0 0;font-weight:500;font-size:16px;transition:all .3s ease;position:relative;border-bottom:none;margin-bottom:0}.radix-tabs-trigger:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.radix-tabs-trigger[data-state=active]{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;font-weight:600;border-bottom:none}.radix-tabs-trigger[data-state=active]:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eeacc,#764ba2cc)}.radix-tabs-content{padding:16px 0;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.radix-tooltip-content{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#333;padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.5;max-width:280px;z-index:1000;animation:fadeIn .2s ease-out;box-shadow:0 4px 12px #00000026;border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.radix-tooltip-arrow{fill:#fffffff2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.radix-alert-overlay{position:fixed;inset:0;background:#00000080;z-index:50;animation:fadeIn .2s ease-out}.radix-alert-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;padding:24px;box-shadow:0 10px 40px #0003;z-index:51;min-width:400px;max-width:90vw;animation:slideIn .2s ease-out}.radix-alert-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#333}.radix-alert-description{font-size:14px;color:#666;margin-bottom:24px;line-height:1.5}.radix-alert-actions{display:flex;gap:12px;justify-content:flex-end}.radix-alert-cancel,.radix-alert-confirm{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.radix-alert-cancel{background:#f0f0f0;color:#333}.radix-alert-cancel:hover{background:#e0e0e0}.radix-alert-confirm{background:#667eea;color:#fff}.radix-alert-confirm:hover{background:#5568d3}.radix-alert-destructive{background:#ef4444}.radix-alert-destructive:hover{background:#dc2626}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.story-seed-container{display:flex;flex-direction:column;height:calc(100vh + -0px);background:#f5f5f5;width:100%;min-width:0;padding:24px;box-sizing:border-box;overflow-y:auto}.story-seed-header{margin-bottom:24px;width:100%;overflow:hidden}.story-seed-title{font-size:36px;font-weight:700;color:#333;margin:0 0 8px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:break-word;width:100%;line-height:1.2}.seed-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid;border-image:linear-gradient(90deg,#667eea33,#764ba233,#f093fb33) 1;padding-bottom:8px;flex-wrap:wrap}.seed-tab{padding:10px 20px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:8px 8px 0 0;font-weight:500;font-size:16px;transition:all .3s ease;position:relative}.seed-tab:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.seed-tab.active{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;font-weight:600}.seed-tab.active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eeacc,#764ba2cc)}.seed-tab-description{margin-bottom:20px;color:#666;font-size:14px;padding:12px 16px;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;box-shadow:0 2px 4px #667eea1a}.seed-prompt-input{width:100%;max-width:800px;padding:12px 16px;font-size:14px;border:2px solid transparent;border-radius:12px;outline:none;transition:all .3s ease;box-sizing:border-box;color:#444;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea4d,#764ba24d) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:16px;box-shadow:0 2px 4px #667eea1a}.seed-prompt-input::placeholder{color:#999;font-weight:400;opacity:1}.seed-prompt-input:focus::placeholder{opacity:0;transition:opacity .2s}.seed-prompt-input:focus{background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea99,#764ba299) border-box;box-shadow:0 4px 12px #667eea33;transform:translateY(-1px)}.seed-generate-btn{padding:6px 12px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;margin-bottom:24px;white-space:nowrap;display:inline-block;width:fit-content;min-width:fit-content;max-width:fit-content}.seed-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.seed-generate-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.seed-generate-btn:disabled{opacity:.6;cursor:not-allowed}.seed-list-container{margin-top:16px}.seed-list-title{font-size:20px;font-weight:600;color:#333;margin-bottom:16px}.seed-empty-state{color:#999;padding:40px 20px;text-align:center;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid;border-image:linear-gradient(135deg,#667eea26,#764ba226) 1;box-shadow:0 2px 4px #667eea1a}.seed-item{border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;border-radius:12px;padding:16px;margin-bottom:16px;max-width:900px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #667eea1a;transition:all .3s ease}.seed-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;border-image:linear-gradient(135deg,#667eea66,#764ba266) 1}.seed-item-title{font-weight:600;font-size:16px;color:#333;margin-bottom:12px;line-height:1.5;display:none}.seed-item-content{margin-top:0;white-space:pre-wrap;color:#555;font-size:14px;line-height:1.6}.seed-item-actions{margin-top:16px;display:flex;gap:12px;justify-content:flex-end}.seed-collect-btn{padding:8px 20px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;display:flex;align-items:center;gap:6px;white-space:nowrap}.seed-collect-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.seed-collect-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.seed-collect-btn:disabled{opacity:.6;cursor:not-allowed}.seed-collect-btn.collecting{background:linear-gradient(135deg,#667eeab3,#764ba2b3);animation:collecting-pulse 1.5s ease-in-out infinite}@keyframes collecting-pulse{0%,to{box-shadow:0 2px 4px #667eea33}50%{box-shadow:0 4px 12px #667eea66}}.seed-collect-btn.collected{background:linear-gradient(135deg,#4caf50e6,#388e3ce6);color:#fff;animation:collected-success .5s ease-out}@keyframes collected-success{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.collect-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.collect-check{display:inline-block;font-size:16px;font-weight:700;color:#4caf50;animation:check-bounce .5s ease-out}@keyframes check-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.seed-item-collected{background:linear-gradient(135deg,#4caf500d,#388e3c0d);border-image:linear-gradient(135deg,#4caf504d,#388e3c4d) 1;animation:item-collected-fade .5s ease-out}@keyframes item-collected-fade{0%{background:linear-gradient(135deg,#fffffff2,#f8f9faf2)}to{background:linear-gradient(135deg,#4caf500d,#388e3c0d)}}@media(max-width:768px){.story-seed-container{padding:16px}.story-seed-title{font-size:24px}.seed-tabs{gap:4px}.seed-tab{padding:8px 12px;font-size:13px}.seed-prompt-input,.seed-item{max-width:100%}}.seed-depository-container{display:flex;flex-direction:column;height:calc(100vh + -0px);background:#f5f5f5;width:100%;min-width:0;padding:24px;box-sizing:border-box;overflow-y:auto}.seed-depository-header{margin-bottom:24px}.seed-depository-title{font-size:36px;font-weight:700;color:#333;margin:0 0 8px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:break-word;width:100%;line-height:1.2}.stats-card{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;box-shadow:0 2px 8px #667eea1a}.stats-title{font-size:18px;font-weight:600;margin-bottom:12px;color:#333}.stats-list{display:flex;gap:16px;flex-wrap:wrap}.stat-item{font-size:14px;color:#666;padding:6px 12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:6px}.filter-bar{margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;box-shadow:0 2px 4px #667eea1a}.filter-content{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}.filter-label{font-size:14px;font-weight:600;color:#333;white-space:nowrap}.filter-content .radix-select-trigger{width:180px;max-width:180px;min-width:180px;flex-shrink:0}.filter-input{padding:8px 12px;border:2px solid transparent;border-radius:8px;font-size:14px;width:150px;max-width:150px;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea4d,#764ba24d) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;color:#444;box-sizing:border-box}.filter-input:focus{outline:none;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea99,#764ba299) border-box;box-shadow:0 4px 12px #667eea33;transform:translateY(-1px)}.filter-input::placeholder{color:#999}.query-btn{padding:8px 18px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;white-space:nowrap;margin-left:auto}.query-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.query-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.query-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn{padding:8px 18px;font-size:13px;font-weight:500;color:#333;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid;border-image:linear-gradient(135deg,#667eea4d,#764ba24d) 1;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #667eea1a;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea1a,#764ba21a);border-image:linear-gradient(135deg,#667eea99,#764ba299) 1;transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state{color:#999;padding:40px 20px;text-align:center;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid;border-image:linear-gradient(135deg,#667eea26,#764ba226) 1;box-shadow:0 2px 4px #667eea1a}.item-card{border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;border-radius:12px;padding:16px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #667eea1a;transition:all .3s ease;margin-bottom:12px}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;border-image:linear-gradient(135deg,#667eea66,#764ba266) 1}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.item-badge{display:inline-block;padding:6px 12px;color:#fff;border-radius:6px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#667eeae6,#764ba2e6)}.item-badge.worldview,.item-badge.character{background:linear-gradient(135deg,#667eeae6,#764ba2e6)}.item-badge.plot{background:linear-gradient(135deg,#9c27b0e6,#7b1fa2e6)}.item-meta{display:flex;align-items:center;gap:12px}.item-date{font-size:12px;color:#666;opacity:.7}.item-actions{display:flex;align-items:center;gap:8px}.action-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.edit-btn{background:linear-gradient(135deg,#667eeae6,#764ba2e6);color:#fff;box-shadow:0 2px 4px #667eea33}.edit-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.save-btn{background:linear-gradient(135deg,#28a745e6,#198754e6);color:#fff;box-shadow:0 2px 4px #28a74533}.save-btn:hover{background:linear-gradient(135deg,#28a745,#198754);transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.cancel-btn{background:linear-gradient(135deg,#6c757de6,#495057e6);color:#fff;box-shadow:0 2px 4px #6c757d33}.cancel-btn:hover{background:linear-gradient(135deg,#6c757d,#495057);transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.edit-icon-btn,.delete-icon-btn{background:transparent;border:none;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#666;box-shadow:0 2px 4px #0000001a}.edit-icon-btn{color:#999}.edit-icon-btn:hover{background:linear-gradient(135deg,#dc35451a,#c823331a);color:#dc3545;transform:translateY(-1px);box-shadow:0 4px 8px #dc354533}.seed-icon-btn{background:transparent;border:none;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#999;box-shadow:0 2px 4px #0000001a}.seed-icon-btn:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.edit-icon-btn svg,.seed-icon-btn svg,.delete-icon-btn svg,.audio-icon-btn svg{width:18px;height:18px;stroke-width:2.5;pointer-events:none}.audio-icon-btn{color:#667eea}.audio-icon-btn:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.item-content{margin-top:12px;line-height:1.6;color:#555;font-size:14px;white-space:pre-wrap}.item-seed{margin-bottom:12px;padding:12px;background:linear-gradient(135deg,#f0f0f0cc,#f5f5f5cc);border-radius:8px;border:1px solid;border-image:linear-gradient(135deg,#667eea1a,#764ba21a) 1}.seed-label{font-size:12px;font-weight:600;color:#666;margin-bottom:6px}.seed-content{font-size:14px;line-height:1.6;color:#333;white-space:pre-wrap}.edit-textarea{width:100%;min-height:100px;margin-top:8px;padding:12px;border:2px solid transparent;border-radius:8px;font-size:14px;line-height:1.6;font-family:inherit;resize:vertical;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea4d,#764ba24d) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;color:#444}.edit-textarea:focus{outline:none;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea99,#764ba299) border-box;box-shadow:0 4px 12px #667eea33}.expand-btn{margin-top:8px;padding:6px 12px;border:none;background:transparent;color:#667eea;cursor:pointer;font-size:12px;text-decoration:underline;transition:all .3s ease}.expand-btn:hover{color:#764ba2}.character-card{display:flex;flex-direction:column;padding:20px;gap:20px}.character-image-wrapper{margin-bottom:8px}.character-image-container{position:relative;width:100%;max-width:400px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #667eea26;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.character-image-preview{width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s ease}.character-image-preview:hover{transform:scale(1.02)}.character-image-placeholder{padding:40px 20px;text-align:center;background:linear-gradient(135deg,#f5f5f5cc,#fafafacc);border:2px dashed rgba(102,126,234,.2);border-radius:12px}.placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.5}.placeholder-text{color:#666;font-size:14px;font-weight:500;margin-bottom:8px}.placeholder-hint{color:#999;font-size:12px}.character-profile-sections{display:flex;flex-direction:column;gap:20px}.profile-section{background:linear-gradient(135deg,#fff9,#f8f9fa99);border-radius:10px;padding:16px;border:1px solid;border-image:linear-gradient(135deg,#667eea1a,#764ba21a) 1;transition:all .3s ease}.profile-section:hover{background:linear-gradient(135deg,#fffc,#f8f9facc);border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;box-shadow:0 2px 8px #667eea1a;transform:translateY(-1px)}.profile-section-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1}.section-title{font-size:16px;font-weight:600;color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-section-content{display:flex;flex-direction:column;gap:12px}.profile-field{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#ffffff80;border-radius:6px;border-left:3px solid;border-image:linear-gradient(135deg,#667eea4d,#764ba24d) 1;transition:all .2s ease}.profile-field:hover{background:#fffc;border-left-width:4px;padding-left:11px}.field-label{font-size:13px;font-weight:600;color:#555;display:flex;align-items:center;gap:4px}.field-label:before{content:"•";color:#667eea;font-weight:700;font-size:16px;line-height:1}.field-value{font-size:14px;color:#333;line-height:1.6;padding-left:12px;white-space:pre-wrap;word-break:break-word}@media(max-width:768px){.character-card{padding:16px;gap:16px}.character-image-container{max-width:100%}.profile-section{padding:12px}.profile-field{padding:8px 10px}.section-title{font-size:14px}.field-label{font-size:12px}.field-value{font-size:13px;padding-left:10px}}.plot-card{display:flex;flex-direction:column}.plot-top-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:768px){.plot-top-section{grid-template-columns:1fr}}.plot-seed,.plot-image{margin-bottom:0}.plot-audio{margin-bottom:16px}.plot-content{margin-top:0}.plot-audio{max-width:400px;margin:0 auto 16px}.plot-audio audio{width:100%;max-width:400px}.item-image{margin-bottom:12px;text-align:center}.image-label{margin-bottom:8px;font-size:12px;font-weight:600;color:#666}.item-image img{max-width:100%;max-height:400px;border-radius:8px;border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;box-shadow:0 2px 8px #667eea1a}.item-audio{margin-bottom:12px}.audio-label{margin-bottom:8px;font-size:12px;font-weight:600;color:#666}.item-audio audio{width:100%;border-radius:8px}.items-list{display:grid;gap:12px}@media(max-width:768px){.seed-depository-container{padding:16px}.seed-depository-title{font-size:28px}.filter-content{flex-direction:column;align-items:stretch}.filter-input{min-width:100%}.stats-list{flex-direction:column;gap:8px}}.character-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}@media(max-width:768px){.character-cards-grid{grid-template-columns:1fr}}.character-card-small{border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;border-radius:12px;padding:12px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #667eea1a;transition:all .3s ease;cursor:pointer}.character-card-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;border-image:linear-gradient(135deg,#667eea66,#764ba266) 1}.character-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.character-card-image{width:100%;margin-bottom:12px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.character-image-small{width:100%;height:auto;display:block;object-fit:cover;max-height:200px}.character-image-placeholder-small{padding:30px 15px;text-align:center;background:linear-gradient(135deg,#f5f5f5cc,#fafafacc);border:2px dashed rgba(102,126,234,.2);border-radius:8px}.character-image-placeholder-small .placeholder-icon{font-size:32px;margin-bottom:8px}.character-image-placeholder-small .placeholder-text{font-size:12px;margin-bottom:0}.character-card-basic-info{display:flex;flex-direction:column;gap:8px}.character-card-field{display:flex;flex-direction:column;gap:4px;padding:8px;background:#ffffff80;border-radius:6px;border-left:2px solid;border-image:linear-gradient(135deg,#667eea4d,#764ba24d) 1}.character-card-label{font-size:12px;font-weight:600;color:#555}.character-card-value{font-size:13px;color:#333;line-height:1.5;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plant-container{display:flex;flex-direction:column;height:calc(100vh + -0px);background:#f5f5f5;width:100%;min-width:0;padding:24px;box-sizing:border-box;overflow-y:auto}.plant-header{margin-bottom:24px;width:100%;overflow:visible;display:flex;align-items:center}.plant-title{font-size:36px;font-weight:700;color:#333;margin:0;background:linear-gradient(135deg,#667eeacc,#764ba2cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:break-word;width:100%;line-height:1.2;display:block}.plant-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid;border-image:linear-gradient(90deg,#667eea33,#764ba233,#f093fb33) 1;padding-bottom:8px;flex-wrap:wrap}.plant-tab{padding:10px 20px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:8px 8px 0 0;font-weight:500;font-size:16px;transition:all .3s ease;position:relative}.plant-tab:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.plant-tab.active{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;font-weight:600}.plant-tab.active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eeacc,#764ba2cc)}.plant-tab-content{width:100%}.tab-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tab-section-title{font-size:20px;font-weight:600;color:#333;margin:0}.status-badge{font-size:14px;color:#28a745;font-weight:600}.input-section{margin-bottom:24px;max-width:800px}.input-group{margin-bottom:12px}.input-label{display:block;margin-bottom:4px;font-weight:600;color:#333;font-size:14px}.input-select,.input-textarea{width:100%;padding:12px 40px 12px 16px;border:2px solid transparent;border-radius:12px;font-size:14px;font-family:inherit;transition:all .3s ease;box-sizing:border-box;color:#444;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea4d,#764ba24d) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 4px #667eea1a;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}.input-select{height:auto;min-height:44px;cursor:pointer;color:#444;position:relative;z-index:1}.input-select:invalid,.input-select option[value=""][selected]{color:#999}.input-select:hover:not(:disabled){background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea66,#764ba266) border-box;box-shadow:0 3px 6px #667eea26}.input-select:focus{outline:none;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea99,#764ba299) border-box;box-shadow:0 4px 12px #667eea33;transform:translateY(-1px);z-index:10}.input-select:disabled{opacity:.6;cursor:not-allowed;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.input-textarea{min-height:80px;resize:vertical;background-image:none;padding-right:16px;background:#fff!important;border:2px solid rgba(102,126,234,.3)!important;box-shadow:0 2px 6px #667eea26!important}.input-textarea:focus{outline:none;background:#fff!important;border:2px solid rgba(102,126,234,.6)!important;box-shadow:0 4px 12px #667eea40!important;transform:translateY(-1px)}.input-textarea::placeholder{color:#999;font-weight:400;opacity:1}.input-textarea:focus::placeholder{opacity:0;transition:opacity .2s}.input-select option{padding:16px 20px;background:#fff;color:#333;font-size:14px;line-height:1.8;border:none;cursor:pointer;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;min-height:56px;transition:all .2s ease}.input-select option:hover{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;font-weight:500}.input-select option:checked,.input-select option:focus{background:linear-gradient(135deg,#667eea40,#764ba240);color:#667eea;font-weight:600}.input-select option:disabled{color:#999;background:#f8f9fa;cursor:not-allowed;opacity:.6;font-style:italic}.input-select:active,.input-select:focus{background-color:#fff!important;border-color:#667eea99!important}.input-select:focus{box-shadow:0 6px 20px #667eea40!important}.input-select:focus{z-index:1000;position:relative}.input-select{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.5) #f8f9fa}.input-select option[value=""]{font-weight:500;color:#999;background:#f8f9fa;padding:12px 20px;min-height:44px}.input-select:focus{border-color:#667eeacc!important;box-shadow:0 0 0 3px #667eea1a,0 6px 20px #667eea40!important}.input-select{transition:all .3s cubic-bezier(.4,0,.2,1)}.input-select:disabled{background:linear-gradient(#f8f9faf2,#f8f9faf2) padding-box,linear-gradient(135deg,#667eea1a,#764ba21a) border-box}.input-select option{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-height:84px}.input-select::-webkit-scrollbar{width:10px}.input-select::-webkit-scrollbar-track{background:#f8f9fa;border-radius:6px;margin:4px 0}.input-select::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eeab3,#764ba2b3);border-radius:6px;border:2px solid #f8f9fa}.input-select::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#667eeae6,#764ba2e6)}.input-select{max-height:300px;overflow-y:auto}.divider{margin:12px 0;text-align:center;color:#999;font-size:14px}.loading-text{font-size:12px;color:#666;margin-top:4px}.plant-btn{padding:6px 12px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;white-space:nowrap;display:inline-block}.plant-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.plant-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.plant-btn:disabled{opacity:.6;cursor:not-allowed}.plant-btn-success{background:linear-gradient(135deg,#2ed573e6,#00b894e6);box-shadow:0 2px 8px #2ed5734d}.plant-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#2ed573,#00b894);box-shadow:0 4px 12px #2ed57366}.plant-btn-danger{background:linear-gradient(135deg,#dc3545e6,#c82333e6);box-shadow:0 2px 8px #dc35454d}.plant-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 12px #dc354566}.plant-btn-purple{background:linear-gradient(135deg,#8e44ade6,#9b59b6e6);box-shadow:0 2px 8px #8e44ad4d}.plant-btn-purple:hover:not(:disabled){background:linear-gradient(135deg,#8e44ad,#9b59b6);box-shadow:0 4px 12px #8e44ad66}.plant-btn-save{background:linear-gradient(135deg,#3498dbe6,#2980b9e6);box-shadow:0 2px 8px #3498db4d}.plant-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 12px #3498db66}.content-card{margin-bottom:24px;max-width:900px;border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;border-radius:12px;padding:16px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #667eea1a;transition:all .3s ease}.content-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;border-image:linear-gradient(135deg,#667eea66,#764ba266) 1}.content-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.content-card-title{font-size:18px;font-weight:600;color:#333;margin:0}.content-card-actions{display:flex;gap:8px;align-items:center}.field-group{margin-bottom:16px}.field-label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#555}.field-textarea{width:100%;min-height:100px;padding:12px 16px;border:2px solid transparent;border-radius:12px;font-size:14px;resize:vertical;font-family:inherit;transition:all .3s ease;box-sizing:border-box;color:#444;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea33,#764ba233) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 4px #667eea1a}.field-textarea:focus{outline:none;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#667eea66,#764ba266) border-box;box-shadow:0 4px 12px #667eea33;transform:translateY(-1px)}.field-textarea::placeholder{color:#999;font-weight:400;opacity:1}.field-textarea:focus::placeholder{opacity:0;transition:opacity .2s}.section-container{margin-bottom:24px;max-width:900px;border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;border-radius:12px;padding:20px;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #667eea1a;transition:all .3s ease}.section-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;border-image:linear-gradient(135deg,#667eea66,#764ba266) 1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:18px;font-weight:600;color:#333;margin:0;padding-bottom:8px;border-bottom:2px solid;border-image:linear-gradient(90deg,#667eea33,#764ba233) 1}.section-actions{display:flex;gap:8px;align-items:center}.character-image-container{margin-bottom:16px;text-align:center}.character-image-label{margin-bottom:8px;font-size:14px;font-weight:600;color:#555;display:flex;align-items:center;justify-content:center;gap:8px}.character-image{max-width:100%;max-height:500px;border-radius:12px;border:1px solid;border-image:linear-gradient(135deg,#667eea33,#764ba233) 1;box-shadow:0 2px 8px #667eea1a}@media(max-width:768px){.plant-container{padding:16px}.plant-title{font-size:24px}.plant-tabs{gap:4px}.plant-tab{padding:8px 12px;font-size:13px}.input-section,.content-card,.section-container{max-width:100%}}.fruits-container{padding:40px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 200px)}.fruits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.fruits-header h1{margin:0;font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;position:relative;display:inline-block}.fruits-header h1:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.loading{text-align:center;padding:60px 20px;color:#999;font-size:16px}.empty-state{text-align:center;padding:80px 20px;color:#999}.empty-state p{margin:8px 0;font-size:16px}.empty-state .hint{font-size:14px;color:#bbb}.articles-list{display:flex;flex-direction:column;gap:24px}.article-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s}.article-card:hover{box-shadow:0 4px 16px #00000014}.article-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.article-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.article-title{margin:0;font-size:20px;font-weight:600;color:#333;flex:1;word-break:break-word}.action-btn{background:transparent;border:none;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#666;box-shadow:0 2px 4px #0000001a}.edit-icon-btn{color:#667eea}.edit-icon-btn:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.delete-icon-btn{color:#999}.delete-icon-btn:hover{background:linear-gradient(135deg,#dc35451a,#c823331a);color:#dc3545;transform:translateY(-1px);box-shadow:0 4px 8px #dc354533}.edit-icon-btn svg,.delete-icon-btn svg{width:18px;height:18px;stroke-width:2.5;pointer-events:none}.article-content{margin-bottom:16px;line-height:1.8;color:#666;word-break:break-word;max-height:300px;overflow-y:auto}.article-content::-webkit-scrollbar{width:6px}.article-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:20px}.login-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:32px}.login-logo{color:#667eea;margin-bottom:16px}.login-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.login-subtitle{color:#666;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:8px;font-size:14px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-submit{margin-top:8px;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-switch{margin-top:24px;text-align:center;font-size:14px;color:#666}.switch-link{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:underline;padding:0;font-size:inherit;font-family:inherit}.switch-link:hover{color:#764ba2}@media(max-width:480px){.login-card{padding:32px 24px}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh}.app-layout{display:flex;min-height:100vh;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sidebar{width:240px;background:linear-gradient(180deg,#fffffff2,#ffffffe6,#ffffffd9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:2px solid;border-image:linear-gradient(180deg,#667eea4d,#764ba24d,#f093fb4d) 1;box-shadow:4px 0 20px #667eea26;transition:width .3s ease;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.sidebar.collapsed{width:64px}.sidebar-header{padding:24px 20px;border-bottom:2px solid;border-image:linear-gradient(90deg,#667eea33,#764ba233,#f093fb33) 1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.sidebar-logo{display:flex;align-items:center;gap:10px;flex:1}.logo-icon{color:#667eea;flex-shrink:0;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:28px!important;height:28px!important;stroke:#667eea!important;stroke-width:2.5!important;fill:none!important;display:block!important}.logo-icon path,.logo-icon line,.logo-icon polyline,.logo-icon circle,.logo-icon rect{stroke:#667eea!important;fill:none!important;stroke-width:2.5!important}.collapse-btn{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#667eea;transition:all .3s ease;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent;position:relative}.collapse-btn svg{width:18px!important;height:18px!important;stroke:#667eea!important;stroke-width:2.5!important;fill:none!important;display:block!important;flex-shrink:0;pointer-events:none;position:relative;z-index:1}.collapse-btn *{color:#667eea!important}.collapse-btn path,.collapse-btn line,.collapse-btn polyline{stroke:#667eea!important;fill:none!important;stroke-width:2.5!important}.collapse-btn:focus{outline:none}.collapse-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #667eea4d}.collapse-btn:hover{background:#667eea1a;transform:scale(1.05)}.collapse-btn:hover svg,.collapse-btn:hover path,.collapse-btn:hover line,.collapse-btn:hover polyline{stroke:#764ba2!important}.sidebar-title{margin:0;font-size:22px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-shadow:0 2px 4px rgba(102,126,234,.1)}.sidebar.collapsed .sidebar-title{display:none}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:8px}.nav-item{width:100%;padding:14px 16px;border:none;background:transparent;color:#555;cursor:pointer;text-align:left;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;outline:none;-webkit-tap-highlight-color:transparent}.nav-item:focus{outline:none;box-shadow:none}.nav-item:focus-visible{outline:none;box-shadow:0 0 0 2px #667eea4d}.nav-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(180deg,#667eea,#764ba2,#f093fb);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 4px 4px 0}.nav-item:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea14,#764ba214,#f093fb14);opacity:0;transition:opacity .3s ease;border-radius:12px}.nav-item:hover{transform:translate(4px);color:#667eea}.nav-item:hover:after{opacity:1}.nav-item.active{background:linear-gradient(135deg,#667eea26,#764ba226,#f093fb26);color:#667eea;font-weight:600;box-shadow:0 4px 12px #667eea33;transform:translate(4px)}.nav-item.active:before{transform:scaleY(1)}.nav-item.active:after{opacity:1}.nav-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;transition:all .3s ease;color:#667eea}.nav-icon svg{width:18px;height:18px;stroke:currentColor}.nav-item:hover .nav-icon{background:linear-gradient(135deg,#667eea33,#764ba233);transform:scale(1.1);color:#667eea}.nav-item.active .nav-icon{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.1);box-shadow:0 2px 8px #667eea4d;color:#fff}.nav-item.active .nav-icon svg{stroke:#fff}.nav-label{white-space:nowrap;overflow:hidden;position:relative;z-index:1}.sidebar.collapsed .nav-label{display:none}.sidebar-user{padding:16px 12px;border-top:2px solid;border-image:linear-gradient(90deg,#667eea33,#764ba233,#f093fb33) 1;display:flex;flex-direction:column;gap:12px}.user-info{display:flex;align-items:center;gap:8px;padding:12px;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:8px;color:#667eea;font-size:14px;font-weight:500}.user-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{width:100%;padding:10px 16px;border:1px solid rgba(220,53,69,.3);background:transparent;color:#dc3545;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.logout-btn:hover{background:#dc35451a;border-color:#dc3545;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-icon{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar.collapsed .nav-item{justify-content:center;padding:14px}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:12px;border-radius:16px;box-shadow:0 8px 32px #667eea1a;min-width:0;width:calc(100vw - 264px);max-width:none}.sidebar.collapsed~.main-content{width:calc(100vw - 88px)}.sidebar::-webkit-scrollbar,.main-content::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.sidebar::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px;border:2px solid transparent;background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#f093fb);background-clip:padding-box}@media(max-width:768px){.sidebar{position:fixed;left:0;z-index:1000;transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.main-content{margin-left:0;width:calc(100vw - 24px)}.sidebar.collapsed~.main-content{width:calc(100vw - 24px)}}