:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-color: #1a73e8;--bg-color: #ffffff;--border-color: #e0e0e0;--text-main: #202124;--text-sub: #5f6368;--hover-color: #f1f3f4;--sidebar-width: 280px;--header-height: 60px;--content-max-width: 860px;--input-bg: #f0f2f5;--app-height: 100vh;--xhs-color: #ff2e4d;--banana-color: #f59e0b;--mobile-header-height: 52px;--mobile-header-full: calc(52px + env(safe-area-inset-top, 0px)) ;--mobile-tab-height: 56px;--touch-target-min: 44px;--transition-fast: .15s;--transition-normal: .3s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@supports (height: 100dvh){:root{--app-height: 100dvh}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}@media (max-width: 768px){*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;display:flex;height:var(--app-height);overflow:hidden;background-color:var(--bg-color);color:var(--text-main);position:fixed;width:100%}#root{display:flex;width:100%;height:100%}.app-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.app-main{flex:1;display:flex;width:100%;overflow:hidden}.page-container{display:flex;width:100%;height:100%;overflow:hidden}.tab-nav{height:56px;background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;flex-shrink:0;gap:8px;z-index:100}.tab-nav-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--text-main);padding-right:16px;border-right:1px solid var(--border-color);margin-right:8px}.tab-nav-logo{width:24px;height:24px}.tab-nav-items{display:flex;gap:4px;flex:1}.tab-nav-item{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-sub);transition:all .2s;border:1px solid transparent}.tab-nav-item:hover{background:var(--hover-color);color:var(--text-main)}.tab-nav-item.active{background:color-mix(in srgb,var(--tab-color, var(--primary-color)) 10%,transparent);color:var(--tab-color, var(--primary-color));border-color:color-mix(in srgb,var(--tab-color, var(--primary-color)) 30%,transparent)}.tab-nav-item.active .tab-nav-icon{color:var(--tab-color, var(--primary-color))}.tab-nav-icon{display:flex;align-items:center;justify-content:center}.tab-nav-label{white-space:nowrap}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:55}.sidebar-overlay.active{display:block}.sidebar-nav{width:var(--sidebar-width);background-color:#f9f9fa;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:60;padding-top:10px}.new-chat-btn{margin:12px 12px 0;padding:12px;background:#fff;border:1px solid #dadce0;border-radius:8px;color:var(--text-main);font-weight:500;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 3px #0000000d;transition:all .2s;flex-shrink:0;-webkit-user-select:none;user-select:none}.new-chat-btn:hover{background:#f8f9fa;box-shadow:0 2px 5px #0000001a;border-color:#d2e3fc;color:var(--primary-color)}.new-chat-btn svg{color:#5f6368;transition:color .2s}.new-chat-btn:hover svg{color:var(--primary-color)}.feature-btn{background:linear-gradient(135deg,#fff0f0,#fff);border-color:#fad2cf;color:#d93025}.feature-btn svg{color:#d93025}.feature-btn:hover{background:#fce8e6;border-color:#f9b3b3}.feature-btn:hover svg{color:#b31412}.tool-nav-btn{background:linear-gradient(135deg,#e8f0fe,#fff);border-color:#d2e3fc;color:#1a73e8}.tool-nav-btn svg{color:#1a73e8}.tool-nav-btn:hover{background:#d2e3fc;border-color:#1967d2}.xhs-nav-btn{background:linear-gradient(135deg,#fff0f2,#fff);border-color:#ffdce0;color:var(--xhs-color)}.xhs-nav-btn:hover{background:#ffeef0;border-color:var(--xhs-color)}.banana-nav-btn{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fcd34d;color:#b45309}.banana-nav-btn svg{color:#d97706}.banana-nav-btn:hover{background:#fef3c7;border-color:#fbbf24}.session-list{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;padding:0 12px;margin-top:10px}.session-item{position:relative;padding:12px 14px;background:#fff;border-radius:8px;cursor:pointer;border-left:3px solid transparent;transition:background .2s,border-color .2s;color:#444;font-size:13px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.session-item:hover{background-color:#f0f0f0}.session-item.active{background-color:#e8f0fe;border-left-color:#1a73e8;color:#1967d2;font-weight:500}.session-delete{position:absolute;top:50%;right:8px;transform:translateY(-50%);opacity:0;color:#5f6368;padding:4px;border-radius:4px;font-size:16px;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.session-item:hover .session-delete{opacity:1}.session-delete:hover{background:#fee;color:#d93025}.session-loading{font-size:10px;margin-right:6px;display:none}.session-item.generating .session-loading{display:inline-block;animation:spin 1s linear infinite}.main-area{flex:1;display:flex;flex-direction:column;position:relative;background-color:#fff;height:100%;width:100%;overflow:hidden}.desktop-header{height:var(--header-height);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;flex-shrink:0}.brand-area{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;color:#202124}.header-actions{display:flex;gap:10px}.header-icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5f6368;transition:background .2s}.header-icon-btn:hover{background:#f1f3f4;color:#202124}.header-icon-btn.mode-toggle{position:relative}.header-icon-btn.mode-toggle.text-mode{color:#1a73e8;background:#e8f0fe}.header-icon-btn.mode-toggle.text-mode:hover{background:#d2e3fc}.header-icon-btn.mode-toggle.image-mode{color:#7c3aed;background:#ede9fe}.header-icon-btn.mode-toggle.image-mode:hover{background:#ddd6fe}.header-icon-btn.mode-toggle.disabled{opacity:.5;cursor:not-allowed}.header-icon-btn.mode-toggle.disabled:hover{background:inherit}.header-icon-btn.download-app-btn{color:#059669;background:#d1fae5;text-decoration:none}.header-icon-btn.download-app-btn:hover{background:#a7f3d0;color:#047857}.header-icon-btn.clear-chat-btn:hover{background:#fef2f2;color:#dc2626}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fff;border-bottom:1px solid var(--border-color);z-index:50;align-items:center;padding:0 20px;justify-content:space-between}.chat-container{flex:1;overflow-y:auto;padding:20px 0 100px;display:flex;flex-direction:column;align-items:center;scroll-behavior:smooth;width:100%;-webkit-overflow-scrolling:touch}.message-row{width:100%;max-width:var(--content-max-width);padding:0 24px;margin-bottom:24px;display:flex;flex-direction:column;flex-shrink:0}.message-bubble-container{display:flex;width:100%}.message-row.user .message-bubble-container{justify-content:flex-end}.message-row.bot .message-bubble-container{justify-content:flex-start;flex-direction:column;align-items:flex-start;width:100%}.msg-content{padding:12px 18px;border-radius:16px;font-size:15px;line-height:1.6;word-break:break-word;max-width:100%;position:relative}.message-row.user .msg-content{background-color:#f0f4f8;border-bottom-right-radius:4px;max-width:85%;color:#1f1f1f}.message-row.bot .msg-content{padding:0;width:100%}.msg-actions{display:flex;gap:12px;margin-top:4px;padding:0 4px;opacity:0;transition:opacity .2s;font-size:11px;color:#80868b;width:100%;justify-content:flex-end}.message-row:hover .msg-actions{opacity:1}.action-btn{cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s;white-space:nowrap}.action-btn:hover{color:#1a73e8}.action-btn.delete-btn:hover{color:#d93025}.model-tag{font-size:11px;color:#bdc1c6;white-space:nowrap;display:flex;align-items:center}.empty-state{margin-top:10vh;text-align:center;color:var(--text-sub);animation:fadeIn .5s;padding:20px;display:flex;flex-direction:column;align-items:center}.google-logo-svg{width:56px;height:56px;margin-bottom:16px}.brand-logo-small{width:24px;height:24px;margin-right:4px}.input-container-outer{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:100%;max-width:var(--content-max-width);padding:0 20px;display:flex;flex-direction:column;align-items:center;z-index:20;pointer-events:none}.input-wrapper{width:100%;background:var(--input-bg);border-radius:24px;display:flex;align-items:flex-end;padding:10px 12px;transition:background .2s,box-shadow .2s;border:1px solid transparent;min-height:52px;pointer-events:auto;box-shadow:0 4px 15px #0000001a}.input-wrapper:focus-within{background:#fff;border-color:#dadce0;box-shadow:0 4px 12px #00000026}.input-wrapper textarea{flex:1;border:none;background:transparent;padding:0 8px;margin-bottom:2px;font-size:15px;resize:none;height:24px;max-height:150px;outline:none;font-family:inherit;color:var(--text-main);line-height:24px;overflow-y:auto}.icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5f6368;border-radius:50%;flex-shrink:0;transition:background .2s,color .2s;margin-bottom:-3px}.icon-btn:hover{background:#0000000f;color:#202124}.mobile-mode-toggle{display:flex}.mobile-mode-toggle.text-mode{color:#1a73e8;background:#e8f0fe}.mobile-mode-toggle.image-mode{color:#7c3aed;background:#ede9fe}.send-btn{color:var(--primary-color);opacity:.4;pointer-events:none}.send-btn.active{opacity:1;pointer-events:auto}.preview-area{width:100%;display:flex;gap:8px;overflow-x:auto;padding:0 4px 8px;min-height:0;transition:all .3s;opacity:0;pointer-events:none}.preview-area.has-images{opacity:1;pointer-events:auto}.preview-item{position:relative;width:56px;height:56px;border-radius:8px;border:1px solid #dadce0;background-size:cover;background-position:center;flex-shrink:0;background-color:#fff}.preview-close{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:#5f6368;color:#fff;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid #fff;z-index:2;box-shadow:0 1px 2px #0003}.settings-sidebar{width:320px;background-color:#fff;border-left:1px solid var(--border-color);display:block;height:100%;overflow-y:auto;flex-shrink:0;position:relative;z-index:40;transition:transform .3s ease}.settings-inner{padding:24px;display:flex;flex-direction:column;min-height:100%}.config-label{font-size:13px;color:#5f6368;margin-bottom:10px;display:block;font-weight:600;letter-spacing:.5px}.provider-collapse{border:1px solid #dadce0;border-radius:8px;margin-bottom:16px;overflow:hidden;flex-shrink:0}.provider-collapse summary{padding:12px 16px;background:#f8f9fa;cursor:pointer;font-size:13px;font-weight:600;color:#444;display:flex;justify-content:space-between;align-items:center;outline:none}.provider-collapse summary:hover{background:#f1f3f4}.provider-collapse[open] summary{border-bottom:1px solid #dadce0}.provider-content{padding:16px;background:#fff}.provider-selector,.api-input-group input,.config-input{width:100%;padding:8px;border:1px solid #dadce0;border-radius:6px;font-size:12px;margin-bottom:10px}.provider-list{max-height:120px;overflow-y:auto;margin-bottom:15px;border:1px solid #eee;border-radius:6px;background:#fff}.provider-item{padding:8px 12px;font-size:12px;border-bottom:1px solid #f1f1f1;cursor:pointer;display:flex;justify-content:space-between}.provider-item:hover{background:#f1f3f4}.provider-item.selected{background:#e8f0fe;color:#1a73e8}.action-row{display:flex;gap:8px}.config-btn{flex:1;padding:6px;border:1px solid #dadce0;border-radius:4px;cursor:pointer;font-size:12px;background:#fff;color:#444}.config-btn.primary{background:#1a73e8;color:#fff;border-color:#1a73e8}.config-btn.danger{color:#d93025;border-color:#fce8e6}.res-selector{display:flex;gap:8px;margin-bottom:24px;flex-shrink:0}.res-btn{flex:1;padding:8px 0;text-align:center;border:1px solid #dadce0;border-radius:6px;font-size:12px;cursor:pointer;color:#444}.res-btn.active{border-color:#1a73e8;background-color:#e8f0fe;color:#1a73e8;font-weight:500}.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;flex-shrink:0}.ratio-card{border:1px solid #dadce0;border-radius:8px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#fff}.ratio-card.active{border-color:#1a73e8;background-color:#e8f0fe}.icon-box{border:2px solid #9aa0a6;margin-bottom:4px;border-radius:2px;box-sizing:content-box}.ratio-card.active .icon-box{border-color:#1a73e8}.ratio-text{font-size:10px;color:#5f6368}.icon-auto{width:14px;height:14px;border-style:dashed}.icon-1-1{width:14px;height:14px}.icon-21-9{width:20px;height:8px}.icon-16-9{width:18px;height:10px}.icon-4-3{width:16px;height:12px}.icon-3-2{width:18px;height:12px}.icon-5-4{width:15px;height:12px}.icon-9-16{width:10px;height:18px}.icon-3-4{width:12px;height:16px}.icon-2-3{width:12px;height:18px}.icon-4-5{width:12px;height:15px}.generated-image{cursor:zoom-in;display:block;max-width:100%;width:100%;height:auto;border-radius:12px;opacity:0}.img-result-group>.generated-image{max-width:min(100%,400px);width:400px;aspect-ratio:1 / 1;object-fit:contain;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:imageShimmer 1.5s infinite;opacity:1!important}.img-result-group>.generated-image.loaded{background:none;animation:none}.image-aspect-wrapper .generated-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:12px}.generated-image.loaded{opacity:1;animation:imageFadeIn .6s ease-out}.image-aspect-wrapper{box-shadow:0 2px 10px #0000000d;border:1px solid #f0f0f0}.image-aspect-wrapper.loaded{background:none!important;animation:none!important}@keyframes imageShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.img-result-group{display:flex;flex-direction:column;align-items:flex-start;margin-top:8px}.img-grid{display:grid;gap:4px;width:100%;max-width:400px;border-radius:12px;overflow:hidden}.img-grid.grid-1{grid-template-columns:1fr}.img-grid.grid-2{grid-template-columns:repeat(2,1fr)}.img-grid.grid-3{grid-template-columns:repeat(3,1fr)}.img-grid.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.img-grid.grid-5,.img-grid.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.img-grid.grid-7,.img-grid.grid-8,.img-grid.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.img-grid-item{position:relative;aspect-ratio:1;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:imageShimmer 1.5s infinite;cursor:pointer;overflow:hidden}.img-grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.img-grid-item:hover img{transform:scale(1.05)}.img-grid-item.loaded{background:none;animation:none}.img-grid-actions{display:inline-flex;gap:8px;margin-top:12px;align-items:center}details.thought-box{background:#f8f9fa;border:1px solid #eee;border-radius:8px;margin-bottom:8px;overflow:hidden;width:100%;display:block;clear:both}details.thought-box summary{padding:10px 14px;cursor:pointer;font-size:13px;color:#5f6368;font-weight:500;display:flex;align-items:center;outline:none}details.thought-box summary::-webkit-details-marker{display:none}details.thought-box summary:before{content:"▶";font-size:10px;margin-right:8px;transition:transform .2s;display:inline-block;color:#999}details.thought-box[open] summary:before{transform:rotate(90deg)}.thought-content{padding:12px 16px;font-size:13px;line-height:1.6;color:#444;border-top:1px solid #eee;font-family:monospace;white-space:pre-wrap;background-color:#fff}.btn-group{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;color:#5f6368;border:1px solid #dadce0;border-radius:16px;font-size:12px;text-decoration:none;cursor:pointer;transition:all .2s;font-weight:500}.tool-btn:hover{background:#f8f9fa;color:#1a73e8;border-color:#d2e3fc}.tool-btn.download{color:#1a73e8;border-color:#dadce0}.tool-btn.slice-btn{color:#d93025;border-color:#fad2cf;background:#fff0f0}.tool-btn.slice-btn:hover{background:#fce8e6;border-color:#d93025}.lightbox-overlay{position:fixed;z-index:4000;left:0;top:0;width:100%;height:100%;background:#000000f2;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-img{max-width:100vw;max-height:100vh;object-fit:contain;border-radius:4px;box-shadow:0 0 30px #0009;transform:scale(.95);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}.lightbox-overlay.active .lightbox-img{transform:scale(1);opacity:1}.lightbox-close{position:absolute;top:24px;right:24px;color:#fff;font-size:32px;cursor:pointer;opacity:.7;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:0;bottom:0;width:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;transition:all .2s;z-index:10}.lightbox-nav:hover{color:#ffffffe6;background:#0000004d}.lightbox-nav-left{left:0;padding-left:16px;justify-content:flex-start}.lightbox-nav-right{right:0;padding-right:16px;justify-content:flex-end}.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:#fffc;font-size:14px;font-weight:500;padding:6px 16px;background:#00000080;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-bottom:calc(6px + env(safe-area-inset-bottom))}.lightbox-toolbar{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px 12px;background:#000000b3;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 20px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.lightbox-action-btn:hover{background:#fff3}.lightbox-action-btn span{font-size:13px;opacity:.9;white-space:nowrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:30;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.active{display:block}.loading-spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-loading-container{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.streaming-text{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-radius:12px;padding:12px 16px;border-left:3px solid var(--primary-color)}.streaming-label{font-size:12px;color:var(--primary-color);font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.streaming-label:before{content:"";width:6px;height:6px;background:var(--primary-color);border-radius:50%;animation:pulse 1s ease-in-out infinite}.streaming-content{font-size:13px;color:#333;line-height:1.5;max-height:120px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.image-placeholder{position:relative;width:280px;aspect-ratio:1 / 1;background:linear-gradient(135deg,#f8f9fa,#e8eaed);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden;border:2px dashed #dadce0}.placeholder-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.placeholder-icon{color:#9aa0a6;z-index:1;animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.placeholder-text{font-size:14px;color:#5f6368;font-weight:500;z-index:1;text-align:center;max-width:200px}.placeholder-timer{font-size:12px;color:#9aa0a6;font-weight:600;z-index:1;background:#fffc;padding:4px 12px;border-radius:12px;font-variant-numeric:tabular-nums}.bot-avatar{position:absolute;left:-30px;top:8px;width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,#e8f0fe,#d2e3fc);display:flex;align-items:center;justify-content:center;color:#1a73e8;box-shadow:0 2px 8px #1a73e826}.message-row.bot{position:relative}.toast-msg{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;z-index:5000;display:none;animation:fadeIn .3s;box-shadow:0 4px 12px #0000004d;max-width:90%;word-wrap:break-word}.toast-msg.active{display:block}.toast-msg.success{background:#1e8e3e}.toast-msg.error{background:#d93025}.toast-msg.warning{background:#f9ab00}.toast-msg.info{background:#1a73e8}.global-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px}.global-loading.active{display:flex}.global-loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.global-loading-text{font-size:14px;color:#5f6368;font-weight:500}.progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;background:#e0e0e0;z-index:9998;display:none}.progress-bar-container.active{display:block}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),#4285f4);width:0%;transition:width .3s ease}.mobile-top-header{display:none;position:fixed;top:0;left:0;right:0;height:calc(var(--mobile-header-height) + env(safe-area-inset-top));padding:0 16px;padding-top:env(safe-area-inset-top);background:#fff;border-bottom:1px solid var(--border-color);z-index:100;align-items:center;justify-content:space-between}.mobile-header-left{display:flex;align-items:center;gap:4px}.mobile-header-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:var(--text-main)}.mobile-header-icon{display:flex;align-items:center;justify-content:center}.mobile-header-action{width:var(--touch-target-min);height:var(--touch-target-min);padding-left:0;margin-left:-7px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-sub);border-radius:50%;cursor:pointer;transition:background var(--transition-fast)}.mobile-header-action:active{background:var(--hover-color)}.mobile-header-right{display:flex;align-items:center;gap:4px}.mobile-header-action.download-app-btn{color:#10b981;background:transparent;text-decoration:none;margin-left:0;padding:0}.mobile-header-action.download-app-btn:active{background:#10b9811a}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-tab-height);background:#fff;border-top:1px solid var(--border-color);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.mobile-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:var(--text-sub);cursor:pointer;padding:8px 4px;min-height:var(--touch-target-min);transition:color var(--transition-fast),transform var(--transition-fast);position:relative}.mobile-tab-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:32px;height:3px;background:var(--tab-color, var(--primary-color));border-radius:0 0 3px 3px;transition:transform var(--transition-normal) var(--ease-out-expo)}.mobile-tab-item.active:before{transform:translate(-50%) scaleX(1)}.mobile-tab-item.active{color:var(--tab-color, var(--primary-color))}.mobile-tab-item:active{transform:scale(.95)}.mobile-tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mobile-tab-icon svg{transition:transform var(--transition-fast)}.mobile-tab-item.active .mobile-tab-icon svg{transform:scale(1.1)}.mobile-tab-label{font-size:10px;font-weight:500;white-space:nowrap;transition:font-weight var(--transition-fast)}.mobile-tab-item.active .mobile-tab-label{font-weight:600}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;z-index:55;opacity:0;transition:background var(--transition-normal) var(--ease-in-out),opacity var(--transition-normal) var(--ease-in-out);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.sidebar-overlay.active{display:block;background:#0006;opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){body{flex-direction:column}.tab-nav-desktop{display:none!important}.mobile-top-header,.mobile-bottom-nav{display:flex}.desktop-header{display:none}.sidebar-nav{position:fixed;left:0;top:var(--mobile-header-full);bottom:var(--mobile-tab-height);width:min(var(--sidebar-width),85vw);transform:translate(-100%);box-shadow:none;padding-top:0;z-index:60;transition:transform var(--transition-normal) var(--ease-out-expo),box-shadow var(--transition-normal) var(--ease-in-out);will-change:transform}.sidebar-nav.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.settings-sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:70vh;border-radius:20px 20px 0 0;transform:translateY(100%);box-shadow:none;padding-top:0;z-index:70;transition:transform var(--transition-normal) var(--ease-out-expo),box-shadow var(--transition-normal) var(--ease-in-out);will-change:transform;border-left:none;border-top:1px solid var(--border-color);overflow:hidden}.settings-sidebar.open{transform:translateY(0);box-shadow:0 -8px 32px #0003}.settings-sidebar:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#dadce0;border-radius:2px;z-index:1}.settings-sidebar .settings-inner{padding:20px 20px 24px;padding-bottom:calc(20px + env(safe-area-inset-bottom));max-height:calc(70vh - 12px);overflow-y:auto;-webkit-overflow-scrolling:touch}.app-container{padding-top:var(--mobile-header-full);padding-bottom:var(--mobile-tab-height)}.main-area{height:100%;padding-top:0;display:flex;flex-direction:column}.input-container-outer{padding:0 12px;bottom:calc(env(safe-area-inset-bottom) + 18px);transition:bottom var(--transition-fast) var(--ease-in-out)}@supports (height: 100dvh){.input-container-outer{bottom:max(calc(env(safe-area-inset-bottom) + 18px),calc(100vh - 100dvh + 8px))}}.chat-container{padding:20px 0 130px;scroll-padding-bottom:130px}.message-row{padding:0 16px}.input-wrapper{touch-action:manipulation;align-items:center;min-height:48px;padding:8px 12px}.input-wrapper textarea{font-size:16px;height:auto;min-height:24px;line-height:24px;padding:0 8px;margin:0;display:flex;align-items:center}.input-wrapper .icon-btn{margin:0}.mobile-mode-toggle{display:flex!important;position:relative}.mobile-mode-toggle.text-mode{color:#1a73e8;background:#e8f0fe}.mobile-mode-toggle.image-mode{color:#7c3aed;background:#ede9fe}.mobile-mode-toggle.disabled{opacity:.5}.sidebar-overlay{top:var(--mobile-header-full);bottom:0}.sidebar-overlay.settings-active{top:0;bottom:0}html{touch-action:manipulation}button,.icon-btn,.tool-btn,.config-btn,.action-btn,[role=button]{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.session-item{min-height:var(--touch-target-min);padding:14px 16px}.session-delete{width:32px;height:32px;opacity:.6;right:12px}.res-btn,.ratio-card{min-height:var(--touch-target-min)}.provider-item,.model-item{min-height:var(--touch-target-min);padding:12px 16px}.tab-nav-item{min-height:var(--touch-target-min);padding:10px 14px}.tool-btn{padding:10px 16px}.chat-container,.session-list,.settings-inner,.model-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.msg-actions{opacity:1;gap:16px}.message-row.user .msg-actions{justify-content:flex-end}.message-row.bot .msg-actions{justify-content:flex-start}.action-btn{padding:8px 12px;background:#f8f9fa;border-radius:16px}.preview-area{padding:8px 4px;-webkit-overflow-scrolling:touch}.preview-item{width:64px;height:64px}.preview-close{width:22px;height:22px;top:-6px;right:-6px}.send-btn,.icon-btn{width:var(--touch-target-min);height:var(--touch-target-min)}.message-row{margin-bottom:16px}.message-row.user .msg-content{max-width:90%;padding:10px 14px;border-radius:18px 18px 4px}.message-row.bot .msg-content{max-width:100%}.image-aspect-wrapper.ratio-1-1{width:280px!important;height:280px!important}.image-aspect-wrapper.ratio-16-9{width:280px!important;height:158px!important}.image-aspect-wrapper.ratio-9-16{width:280px!important;height:498px!important}.image-aspect-wrapper.ratio-4-3{width:280px!important;height:210px!important}.image-aspect-wrapper.ratio-3-4{width:280px!important;height:373px!important}.image-aspect-wrapper.ratio-2-3{width:280px!important;height:420px!important}.image-aspect-wrapper.ratio-3-2{width:280px!important;height:187px!important}.img-result-group>.generated-image{max-width:min(100%,280px)!important;width:280px!important}.msg-content .generated-image{max-width:100%}.image-placeholder{width:100%;max-width:280px}.bot-avatar{display:none}.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav .new-chat-btn:first-child{order:-1}.session-list{flex:1;padding-bottom:16px}.empty-state{margin-top:15vh;padding:24px}.google-logo-svg{width:48px;height:48px}details.thought-box summary{padding:12px 16px}.thought-content{padding:12px 14px;font-size:12px;max-height:200px;overflow-y:auto}.btn-group{flex-wrap:wrap;gap:8px}.tool-btn{flex:1;min-width:calc(50% - 4px);justify-content:center}.settings-sidebar .res-selector{display:flex;flex-wrap:nowrap;gap:6px}.settings-sidebar .res-btn{flex:1;padding:10px 8px;font-size:13px}.settings-sidebar .ratio-grid{grid-template-columns:repeat(4,1fr);gap:8px}.settings-sidebar .ratio-card{height:56px}.provider-collapse{margin-bottom:12px}.provider-collapse summary{padding:14px 16px}.provider-content{padding:12px}.lightbox-nav{width:60px}.lightbox-nav svg{width:28px;height:28px}.lightbox-close{top:max(16px,env(safe-area-inset-top));right:16px;font-size:28px;width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.lightbox-counter{bottom:max(16px,env(safe-area-inset-bottom));font-size:13px;padding:8px 14px}}.tab-nav-actions{display:flex;align-items:center;gap:8px}.model-settings-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f8f9fa;border:1px solid #dadce0;border-radius:8px;cursor:pointer;font-size:13px;color:#5f6368;font-weight:500;transition:all .2s}.model-settings-btn:hover{background:#e8f0fe;color:#1a73e8;border-color:#d2e3fc}.model-settings-btn .btn-label{white-space:nowrap}.model-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:5000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.model-settings-panel{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.model-settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0}.model-settings-header h3{margin:0;font-size:18px;font-weight:600;color:#202124}.model-settings-close{width:32px;height:32px;border:none;background:none;cursor:pointer;color:#5f6368;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.model-settings-close:hover{background:#f1f3f4}.model-settings-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.model-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid transparent;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;color:#5f6368;font-weight:500;transition:all .2s}.model-tab:hover{background:#fff;color:#202124}.model-tab.active{background:#fff;color:#1a73e8;border-color:#d2e3fc;box-shadow:0 1px 3px #0000001a}.model-settings-content{flex:1;overflow-y:auto;padding:20px}.model-section{display:flex;flex-direction:column;gap:20px}.model-select-group{display:flex;flex-direction:column;gap:8px}.model-select-group label{font-size:13px;font-weight:600;color:#5f6368}.model-select{padding:10px 12px;border:1px solid #dadce0;border-radius:8px;font-size:14px;color:#202124;background:#fff;cursor:pointer}.model-select:focus{outline:none;border-color:#1a73e8}.model-hint{font-size:12px;color:#9aa0a6;margin:0}.model-params h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#202124}.param-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.param-row label{width:100px;font-size:13px;color:#5f6368;flex-shrink:0}.param-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;cursor:pointer}.param-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#1a73e8;border-radius:50%;cursor:pointer}.param-value{width:40px;text-align:right;font-size:13px;color:#202124;font-weight:500;font-variant-numeric:tabular-nums}.param-input{width:100px;padding:6px 10px;border:1px solid #dadce0;border-radius:6px;font-size:13px;text-align:center}.resolution-btns{display:flex;gap:8px;flex:1}.resolution-btns .res-btn{flex:1;padding:8px 0;text-align:center;border:1px solid #dadce0;border-radius:6px;font-size:13px;cursor:pointer;color:#444;background:#fff;transition:all .2s}.resolution-btns .res-btn.active{border-color:#1a73e8;background-color:#e8f0fe;color:#1a73e8;font-weight:500}.ratio-select{flex:1;padding:8px 12px;border:1px solid #dadce0;border-radius:6px;font-size:13px;color:#202124;background:#fff;cursor:pointer}.model-list-header{display:flex;align-items:center;justify-content:space-between}.model-list-header h4{margin:0;font-size:14px;font-weight:600;color:#202124}.add-model-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s}.add-model-btn:hover{background:#1557b0}.model-list{margin-top:12px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;max-height:360px;overflow-y:auto}.model-item{display:flex;flex-direction:column;gap:4px;padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.model-item:last-child{border-bottom:none}.model-item:hover{background:#f8f9fa}.model-item-info{display:flex;align-items:center;gap:8px}.model-item-name{font-size:14px;font-weight:500;color:#202124}.model-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.model-badge.text{background:#e8f0fe;color:#1a73e8}.model-badge.image{background:#fce8e6;color:#d93025}.model-badge.openai{background:#f0f0f0;color:#666}.model-badge.gemini{background:#e6f4ea;color:#137333}.model-item-model{font-size:12px;color:#9aa0a6}.empty-list{text-align:center;padding:32px 20px;color:#9aa0a6}.empty-list p{margin:4px 0;font-size:13px}.model-form{margin-top:12px;padding:16px;background:#f8f9fa;border-radius:8px}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:12px;font-weight:600;color:#5f6368;margin-bottom:6px}.form-row input,.form-row select{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:6px;font-size:13px;background:#fff}.form-row input:focus,.form-row select:focus{outline:none;border-color:#1a73e8}.form-row-inline{display:flex;gap:12px}.form-row-inline .form-group{flex:1}.form-row-inline .form-group label{display:block;font-size:12px;font-weight:600;color:#5f6368;margin-bottom:6px}.form-row-inline .form-group select{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:6px;font-size:13px;background:#fff}.form-actions{display:flex;gap:8px;margin-top:16px}.form-actions button{padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{padding:6px 16px;background:#fff;border:1px solid #d9d9d9;color:#000000e0;border-radius:6px;font-size:14px;line-height:1.5;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){color:#4096ff;border-color:#4096ff}.btn-cancel:disabled{color:#00000040;background:#0000000a;border-color:#d9d9d9;cursor:not-allowed}.btn-delete{padding:6px 16px;background:#fff;border:1px solid #ff4d4f;color:#ff4d4f;border-radius:6px;font-size:14px;line-height:1.5;cursor:pointer;transition:all .2s}.btn-delete:hover{color:#ff7875;border-color:#ff7875}.btn-save{padding:6px 16px;background:#1677ff;border:1px solid #1677ff;color:#fff;border-radius:6px;font-size:14px;line-height:1.5;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:#4096ff;border-color:#4096ff}.btn-save:disabled{background:#0000000a;border-color:#d9d9d9;color:#00000040;cursor:not-allowed}.model-settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.model-settings-col{display:flex;flex-direction:column;gap:16px}.model-settings-col h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#202124;display:flex;align-items:center;gap:8px}.model-settings-col h4 svg{color:#5f6368}.chat-mode-switch{display:flex;align-items:center;gap:4px;background:#f1f3f4;border-radius:8px;padding:4px}.mode-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:#5f6368;transition:all .2s}.mode-btn:hover{background:#ffffff80}.mode-btn.active{background:#fff;color:#1a73e8;box-shadow:0 1px 3px #0000001a}.mode-btn.active.image-mode{color:#d93025}.current-model-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f8f9fa;border-radius:8px;font-size:12px;color:#5f6368;cursor:pointer;transition:all .2s;border:1px solid transparent}.current-model-indicator:hover{background:#e8f0fe;border-color:#d2e3fc}.model-indicator-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center}.model-indicator-icon.text{background:linear-gradient(135deg,#e8f0fe,#d2e3fc);color:#1a73e8}.model-indicator-icon.image{background:linear-gradient(135deg,#fce8e6,#f9b3b3);color:#d93025}.model-indicator-info{display:flex;flex-direction:column;line-height:1.3}.model-indicator-name{font-weight:600;color:#202124}.model-indicator-type{font-size:10px;color:#9aa0a6}.text-loading-container{display:flex;flex-direction:column;gap:8px;width:100%;max-width:600px}.text-loading-skeleton{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8f9fa;border-radius:12px;border-left:3px solid var(--primary-color)}.skeleton-line{height:12px;background:linear-gradient(90deg,#e8eaed,#f1f3f4,#e8eaed);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.skeleton-line:nth-child(1){width:85%}.skeleton-line:nth-child(2){width:70%}.skeleton-line:nth-child(3){width:90%}.skeleton-line:nth-child(4){width:60%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-loading-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#5f6368}.text-loading-label .dot-loading{display:flex;gap:3px}.text-loading-label .dot{width:4px;height:4px;background:var(--primary-color);border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite}.text-loading-label .dot:nth-child(1){animation-delay:0s}.text-loading-label .dot:nth-child(2){animation-delay:.2s}.text-loading-label .dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.markdown-content{font-size:15px;line-height:1.7;color:#202124;width:100%}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:16px 0 8px;font-weight:600;color:#202124}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.1em}.markdown-content p{margin:8px 0}.markdown-content code{background:#f1f3f4;padding:2px 6px;border-radius:4px;font-family:Fira Code,Monaco,monospace;font-size:.9em}.markdown-content pre{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0}.markdown-content pre code{background:transparent;padding:0;color:inherit}.markdown-content ul,.markdown-content ol{margin:8px 0;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content blockquote{border-left:3px solid #dadce0;margin:12px 0;padding-left:16px;color:#5f6368}.markdown-content a{color:#1a73e8;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content table{border-collapse:collapse;width:100%;margin:12px 0}.markdown-content th,.markdown-content td{border:1px solid #dadce0;padding:8px 12px;text-align:left}.markdown-content th{background:#f8f9fa;font-weight:600}.streaming-text-display{background:#f8f9fa;border-radius:12px;padding:16px;border-left:3px solid var(--primary-color);animation:fadeIn .3s}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--primary-color);margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}:root{--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-slow: .4s}@media (hover: none) and (pointer: coarse){button:active,.icon-btn:active,.tool-btn:active,.config-btn:active,.panel-btn:active,[role=button]:active{transform:scale(.96);transition:transform .1s ease}.session-item:active,.provider-item:active,.model-item:active,.ratio-card:active,.res-btn:active{transform:scale(.98);opacity:.9;transition:all .1s ease}.tab-nav-item:active,.mobile-tab-item:active,.model-tab:active{transform:scale(.95);transition:transform .1s ease}a:active{opacity:.7;transition:opacity .1s ease}*{-webkit-tap-highlight-color:transparent}}.keep-alive-container{animation:pageEnter var(--transition-normal) var(--ease-out-expo)}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav{transition:transform var(--transition-normal) var(--ease-out-expo),box-shadow var(--transition-normal) var(--ease-in-out)}.sidebar-nav.open{animation:sidebarEnter var(--transition-normal) var(--ease-out-expo)}@keyframes sidebarEnter{0%{transform:translate(-100%);box-shadow:none}to{transform:translate(0);box-shadow:4px 0 24px #00000026}}@media (max-width: 768px){.settings-sidebar.open{animation:sheetEnter var(--transition-normal) var(--ease-out-expo)}}@keyframes sheetEnter{0%{transform:translateY(100%);box-shadow:none}to{transform:translateY(0);box-shadow:0 -8px 32px #0003}}.message-row{animation:messageEnter var(--transition-normal) var(--ease-out-expo)}@keyframes messageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover: hover) and (pointer: fine){.session-item,.provider-item,.model-item,.banana-card,.result-card,.ratio-card{transition:transform var(--transition-fast) var(--ease-out-expo),box-shadow var(--transition-fast) var(--ease-in-out),border-color var(--transition-fast)}.session-item:hover,.provider-item:hover,.model-item:hover{transform:translate(4px)}.ratio-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}}@media (hover: hover) and (pointer: fine){.icon-btn,.tool-btn,.config-btn,.panel-btn,button{transition:all var(--transition-fast) var(--ease-in-out)}.icon-btn:hover{transform:scale(1.1)}.tool-btn:hover,.config-btn:hover{transform:translateY(-1px)}.new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}}.input-wrapper{transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast) var(--ease-out-expo)}.input-wrapper:focus-within{animation:inputFocus var(--transition-fast) var(--ease-out-expo)}@keyframes inputFocus{0%{box-shadow:0 4px 15px #0000001a}to{box-shadow:0 4px 12px #00000026}}.toast-msg.active{animation:toastEnter .3s var(--ease-out-expo) forwards}@keyframes toastEnter{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.lightbox-overlay.active{animation:lightboxBgEnter .25s ease-out}.lightbox-overlay.active .lightbox-img{animation:lightboxImgEnter .3s var(--ease-out-expo)}@keyframes lightboxBgEnter{0%{opacity:0}to{opacity:1}}@keyframes lightboxImgEnter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sidebar-overlay.active{animation:overlayEnter var(--transition-normal) var(--ease-in-out)}@keyframes overlayEnter{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.loading-spinner{animation:spin .8s linear infinite;will-change:transform}.placeholder-shimmer,.placeholder-icon{will-change:transform}.banana-img,.result-img{animation:imageFadeIn var(--transition-normal) ease-out}@keyframes imageFadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.session-list .session-item{animation:listItemEnter var(--transition-normal) var(--ease-out-expo) backwards}.session-list .session-item:nth-child(1){animation-delay:0ms}.session-list .session-item:nth-child(2){animation-delay:30ms}.session-list .session-item:nth-child(3){animation-delay:60ms}.session-list .session-item:nth-child(4){animation-delay:90ms}.session-list .session-item:nth-child(5){animation-delay:.12s}@keyframes listItemEnter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.chat-container,.session-list,.settings-inner,.model-list,.results-grid,.banana-content-area{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.model-settings-panel{width:95%;max-height:90vh;margin:20px}.model-settings-tabs{overflow-x:auto}.model-tab{flex-shrink:0;padding:6px 10px;font-size:12px}.param-row{flex-wrap:wrap}.param-row label{width:100%;margin-bottom:4px}.form-row-inline{flex-direction:column;gap:14px}.model-settings-two-col{grid-template-columns:1fr;gap:16px}.chat-mode-switch{flex-wrap:wrap}.current-model-indicator{padding:4px 8px}.model-indicator-info{display:none}}.app-updater-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.app-updater-modal{background:#fff;border-radius:16px;padding:32px 24px;max-width:320px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.app-updater-icon{margin-bottom:16px}.app-updater-title{font-size:20px;font-weight:600;color:#333;margin:0 0 8px}.app-updater-version{font-size:14px;color:#4285f4;font-weight:500;margin:0 0 12px}.app-updater-changelog{font-size:13px;color:#666;margin:0 0 20px;line-height:1.5}.app-updater-error{font-size:13px;color:#e53935;margin:0 0 16px}.app-updater-actions{display:flex;gap:12px}.app-updater-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.app-updater-btn.secondary{background:#f5f5f5;color:#666}.app-updater-btn.secondary:active{background:#e8e8e8}.app-updater-btn.primary{background:#4285f4;color:#fff}.app-updater-btn.primary:active{background:#3367d6}.app-updater-progress{display:flex;align-items:center;gap:12px}.app-updater-progress-bar{flex:1;height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden}.app-updater-progress-fill{height:100%;background:linear-gradient(90deg,#4285f4,#34a853);border-radius:4px;transition:width .3s}.app-updater-progress-text{font-size:14px;font-weight:500;color:#4285f4;min-width:40px}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:calc(100vw - 32px)}.toast-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-radius:12px;box-shadow:0 6px 24px #0000001f,0 2px 8px #00000014;pointer-events:auto;animation:toastEnter .3s var(--ease-out-expo);min-width:280px;max-width:420px}.toast-item.toast-exit{animation:toastExit .3s var(--ease-spring) forwards}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.toast-info .toast-icon{background:#e3f2fd;color:#1976d2}.toast-success .toast-icon{background:#e8f5e9;color:#388e3c}.toast-warning .toast-icon{background:#fff3e0;color:#f57c00}.toast-error .toast-icon{background:#ffebee;color:#d32f2f}.toast-message{flex:1;font-size:14px;line-height:1.5;color:#333;word-break:break-word}.toast-close{width:24px;height:24px;border:none;background:transparent;color:#999;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#f5f5f5;color:#666}.toast-close:active{background:#eee}@keyframes toastEnter{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@media (max-width: 767px){.toast-container{top:auto;bottom:calc(env(safe-area-inset-bottom) + 80px);left:16px;right:16px;transform:none;max-width:none}.toast-item{min-width:0;max-width:none;padding:12px 16px}@keyframes toastEnter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.95)}}}@media (prefers-color-scheme: dark){.toast-item{background:#2d2d2d;box-shadow:0 6px 24px #0000004d}.toast-message{color:#e0e0e0}.toast-close{color:#888}.toast-close:hover{background:#3a3a3a;color:#bbb}}.xhs-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;background:#f8f9fa;display:none;flex-direction:column}.xhs-modal.active{display:flex}.xhs-page{display:flex;flex-direction:column;width:100%;height:100%;background:#f8f9fa;overflow:hidden}.xhs-page-header{height:50px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;padding:0 24px;flex-shrink:0}.xhs-header{height:60px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center;padding:0 24px;flex-shrink:0;position:relative}.xhs-header>.xhs-toggle-btn:first-child{position:absolute;left:24px}.xhs-header>.xhs-toggle-btn:last-child{position:absolute;right:24px}.xhs-title-bar{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;color:#333}.xhs-toggle-btn{padding:8px;cursor:pointer;border-radius:6px;transition:background .2s}.xhs-toggle-btn:hover{background:#f1f3f4}.xhs-layout{flex:1;display:flex;overflow:hidden;min-height:0}.xhs-content-wrapper{display:flex;flex:1;overflow:hidden}.xhs-mobile-tabs,.xhs-mobile-expand-input,.xhs-sidebar-overlay{display:none}.xhs-sidebar{width:280px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;transition:margin-left .3s ease}.xhs-sidebar.collapsed{margin-left:-280px}.xhs-sidebar-inner{padding:16px;overflow-y:auto;height:100%}.xhs-new-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:16px;transition:all .2s ease;box-shadow:0 2px 8px #ee5a5a4d}.xhs-new-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ee5a5a66}.xhs-new-btn:active{transform:translateY(0)}.xhs-config-card{background:#f8f9fa;border:1px solid #eee;border-radius:12px;padding:16px;margin-bottom:20px}.xhs-section-label{font-size:12px;font-weight:700;color:#5f6368;margin-bottom:12px;text-transform:uppercase;display:flex;justify-content:space-between}.config-group{margin-bottom:12px}.config-group label{display:block;font-size:11px;color:#666;margin-bottom:4px}.xhs-input{width:100%;padding:8px 10px;border:1px solid #dadce0;border-radius:6px;font-size:13px;outline:none;background:#fff;transition:border .2s}.xhs-input:focus{border-color:var(--primary-color)}.xhs-save-btn{width:100%;padding:8px;background:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.xhs-save-btn:hover{background:#1557b0}.xhs-history-item{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f9f9f9;border-radius:8px;cursor:pointer;margin-bottom:6px;transition:all .2s;border-left:3px solid transparent}.xhs-history-item:hover{background:#f0f0f0}.xhs-history-item.active{background:#fff0f2;border-left-color:#ff2e4d}.xhs-h-delete{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:4px;color:#999;opacity:0;transition:opacity .2s;flex-shrink:0}.xhs-history-item:hover .xhs-h-delete{opacity:1}.xhs-h-delete:hover{background:#ffebee;color:#d93025}.xhs-h-title{font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px}.xhs-h-date{font-size:11px;color:#999;margin-top:2px}.xhs-middle{flex:3;min-width:320px;max-width:650px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden}.xhs-middle-content{padding:24px;overflow-y:auto;flex:1;min-height:0}.xhs-input-box{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:20px;box-shadow:0 2px 6px #00000005;margin-bottom:20px}.xhs-textarea-lg{width:100%;border:none;font-size:15px;min-height:100px;resize:none;outline:none;line-height:1.5;color:#202124}.xhs-preview-row{display:flex;gap:10px;margin-top:10px;align-items:flex-start;flex-wrap:wrap}.xhs-preview-row:empty{display:none}.xhs-upload-btn{width:48px;height:48px;border:1px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;flex-shrink:0;transition:all .2s}.xhs-upload-btn:hover{border-color:var(--xhs-color);color:var(--xhs-color);background:#fff0f2}.xhs-preview-item{position:relative;width:48px;height:48px;border-radius:8px;border:1px solid #eee;overflow:hidden;flex-shrink:0}.xhs-preview-img{width:100%;height:100%;object-fit:cover}.xhs-preview-del{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#0009;color:#fff;border-radius:50%;text-align:center;line-height:14px;font-size:12px;cursor:pointer;z-index:2}.xhs-input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.xhs-input-actions-left,.xhs-input-actions-right{display:flex;align-items:center;gap:12px}.xhs-action-btn{width:100%;padding:12px;border-radius:30px;border:none;background:linear-gradient(90deg,#ff2e4d,#ff6b6b);color:#fff;font-weight:600;font-size:15px;cursor:pointer;margin-top:15px;box-shadow:0 4px 12px #ff2e4d40;transition:transform .1s}.xhs-action-btn:active{transform:scale(.98)}.xhs-action-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.xhs-inline-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:#ff2e4d}.xhs-inline-spinner{width:16px;height:16px;border:2px solid #ffe0e6;border-top-color:#ff2e4d;border-radius:50%;animation:xhs-spin .8s linear infinite}@keyframes xhs-spin{to{transform:rotate(360deg)}}#xhs-text-result{background:#fcfcfc;border:1px solid #eee;border-radius:12px;padding:20px;display:none;animation:fadeIn .3s}#xhs-text-result.active{display:block}.xhs-copy-group{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.xhs-mini-btn{padding:4px 12px;font-size:12px;border:1px solid #ddd;background:#fff;border-radius:15px;cursor:pointer;color:#555}.xhs-mini-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.xhs-right{flex:5;background:#f8f9fa;display:flex;flex-direction:column;overflow:hidden;min-height:0}.xhs-gallery-bar{padding:12px 24px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.xhs-gallery-opts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.xhs-select{padding:8px 12px;border-radius:6px;border:1px solid #ddd;font-size:12px;outline:none;cursor:pointer;height:36px}@media (min-width: 769px) and (max-width: 1200px){.xhs-gallery-bar{padding:12px 16px;gap:10px}.xhs-gallery-opts{gap:6px}.xhs-gallery-opts .xhs-select{padding:6px 8px;font-size:11px;min-width:70px}.xhs-gallery-opts .xhs-mini-btn{padding:0 10px;font-size:11px}.xhs-gallery-opts .xhs-toggle-label{padding:0 6px;font-size:11px}}.shot-grid{padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:16px;flex:1;min-height:0}@media (min-width: 1600px){.shot-grid{grid-template-columns:repeat(3,1fr)}}.xhs-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#999}.xhs-empty-state svg{margin-bottom:20px;opacity:.5}.xhs-empty-state h3{margin:0 0 12px;font-size:16px;font-weight:500;color:#666}.xhs-empty-state p{margin:0;font-size:14px;line-height:1.6;color:#999}.shot-card{background:#fff;border-radius:12px;border:1px solid #eee;overflow:hidden;display:flex;flex-direction:column;transition:all .2s;position:relative}.shot-card:hover{border-color:#fc0;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.shot-img-wrap{width:100%;aspect-ratio:3/4;background:#f0f2f5;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in}.shot-img{width:100%;height:100%;object-fit:cover;display:none;transition:transform .3s}.shot-card:hover .shot-img{transform:scale(1.02)}.shot-error{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:#d93025;font-size:12px;z-index:5}.ref-capsule{position:absolute;top:8px;left:8px;z-index:10;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;padding:4px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #00000026;border:1px solid rgba(0,0,0,.05);transition:all .2s;max-width:140px}.ref-capsule:hover{background:#fff;transform:scale(1.02)}.ref-thumb{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid #eee;flex-shrink:0}.ref-info{font-size:10px;font-weight:600;color:#555;margin-right:2px;white-space:nowrap}.ref-actions{display:flex;gap:2px;border-left:1px solid #eee;padding-left:4px}.ref-icon-btn{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:background .2s}.ref-icon-btn:hover{background:#f0f0f0;color:#1a73e8}.ref-icon-btn.del:hover{color:#d93025;background:#fee}.add-ref-btn{position:absolute;top:8px;left:8px;z-index:20;background:#ffffffe6;border:1px dashed #999;color:#555;border-radius:20px;padding:4px 10px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 4px #0000001a}.add-ref-btn:hover{background:#fff;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 2px 8px #00000026}.shot-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}.shot-title{font-weight:700;font-size:13px;color:#202124;display:flex;justify-content:space-between}.shot-prompt{width:100%;border:1px solid #eee;background:#f9f9f9;border-radius:6px;padding:8px;font-size:12px;color:#555;min-height:60px;max-height:120px;resize:vertical;outline:none;overflow-y:auto}.shot-prompt:focus{background:#fff;border-color:#ddd}.shot-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:8px}.action-pill{padding:4px 12px;border-radius:12px;font-size:11px;cursor:pointer;background:#fff;border:1px solid #ddd;color:#555;display:flex;align-items:center;gap:4px}.action-pill:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f0f7ff}.action-pill.regen{color:var(--xhs-color);border-color:#ffdce0;background:#fff0f2}.action-pill.regen:hover{border-color:var(--xhs-color)}.shot-loading{color:#999;font-size:13px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:absolute;top:0;right:0;bottom:0;left:0;background:#f8f9faf2;z-index:5}.loading-spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#1a73e8;border-radius:50%;animation:spin .8s linear infinite}.shot-card.is-generating{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}@media (max-width: 1024px){.xhs-layout{flex-direction:column;overflow-y:auto;position:relative}.xhs-sidebar{position:fixed;left:0;top:60px;bottom:0;width:280px;z-index:100;transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.xhs-sidebar:not(.collapsed){transform:translate(0)}.xhs-sidebar.collapsed{margin-left:0}.xhs-middle{border-right:none;flex:none;min-height:auto}.xhs-middle-content{overflow-y:visible}.xhs-right{flex:none;min-height:50vh}.shot-grid{grid-template-columns:1fr}.xhs-gallery-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.xhs-gallery-opts{width:100%;flex-wrap:wrap;gap:12px}.xhs-select{flex:1;min-width:120px}.xhs-mini-btn{width:100%;justify-content:center}}@media (hover: none) and (pointer: coarse){.xhs-toggle-btn:active,.xhs-mini-btn:active,.xhs-action-btn:active,.xhs-save-btn:active,.action-pill:active{opacity:.7;transform:scale(.98);transition:all .1s ease}.xhs-history-item:active{opacity:.8;transform:scale(.98);transition:all .1s ease}.shot-card:active{opacity:.95;transform:scale(.99);transition:all .1s ease}}.outline-editor{margin-top:20px;border:1px solid #e0e0e0;border-radius:16px;padding:20px;background:#fff;box-shadow:0 2px 6px #00000005}.outline-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.outline-editor-title{font-weight:600;font-size:14px;color:#333;display:flex;align-items:center;gap:8px}.outline-editor-hint{font-size:11px;color:#999}.outline-card{border:1px solid #e4e4e7;border-radius:12px;padding:16px;margin-bottom:12px;background:#fafafa;transition:all .2s ease}.outline-card:hover{border-color:#d4d4d8;background:#fff}.outline-card.is-cover{border-color:#ffdce0;background:linear-gradient(135deg,#fff0f2,#fff)}.outline-card[draggable=true]{cursor:grab}.outline-card[draggable=true]:active{cursor:grabbing}.outline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.outline-card-title{font-weight:500;font-size:13px;color:#333;display:flex;align-items:center;gap:8px}.drag-handle{cursor:grab;color:#999;font-size:14px;-webkit-user-select:none;user-select:none;padding:2px 4px;border-radius:4px;transition:all .2s}.drag-handle:hover:not(.disabled){background:#f0f0f0;color:#666}.drag-handle.disabled{cursor:default;opacity:.3}.shot-type-badge{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500}.shot-type-badge.cover{background:#fff0f2;color:#ff2e4d}.shot-type-badge.content{background:#e8f0fe;color:#1a73e8}.shot-type-badge.summary{background:#e6f4ea;color:#137333}.outline-card-actions{display:flex;gap:8px;align-items:center}.type-select{padding:4px 8px;border-radius:6px;border:1px solid #d4d4d8;background:#fff;font-size:12px;outline:none;cursor:pointer;transition:border-color .2s}.type-select:hover:not(:disabled){border-color:#a1a1aa}.type-select:disabled{background:#f4f4f5;cursor:not-allowed;opacity:.7}.delete-btn{border:none;background:transparent;color:#ff4d4f;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.delete-btn:hover:not(.disabled){background:#fee}.delete-btn.disabled{color:#ccc;cursor:not-allowed}.outline-card-body{display:flex;flex-direction:column;gap:8px}.field-label{font-size:11px;color:#666;font-weight:500;margin-bottom:2px}.field-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e4e4e7;font-size:13px;outline:none;transition:all .2s;background:#fff}.field-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.field-textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e4e4e7;font-size:13px;outline:none;resize:none;min-height:60px;transition:border-color .2s,box-shadow .2s;background:#fff;font-family:inherit;line-height:1.5;overflow:hidden;field-sizing:content}.field-textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.outline-add-btn{width:100%;padding:12px;border:1px dashed #d4d4d8;border-radius:12px;background:transparent;color:#666;font-size:13px;cursor:pointer;transition:all .2s}.outline-add-btn:hover{border-color:#1a73e8;color:#1a73e8;background:#f0f7ff}.xhs-mobile-expand-btn,.xhs-sidebar-overlay{display:none}@media (min-width: 769px){.xhs-swiper{display:flex;flex:1;overflow:hidden}.xhs-swiper .swiper-wrapper{display:flex;flex:1;transform:none!important;width:100%!important;height:100%}.xhs-swiper .swiper-slide{flex-shrink:0;height:100%;overflow:auto}.xhs-swiper .swiper-slide:first-child{width:650px!important;max-width:650px;flex:none}.xhs-swiper .swiper-slide:last-child{flex:1;width:auto!important}.xhs-swiper .xhs-middle,.xhs-swiper .xhs-right{height:100%;overflow:auto}}@media (max-width: 768px){.xhs-shot-count-selector,.xhs-mobile-expand-input{display:none!important}.xhs-input-box.mobile-collapsed{display:block!important;height:auto!important;overflow:visible!important}.xhs-input-box{padding:12px;margin-bottom:12px}.xhs-textarea-lg{min-height:60px;font-size:14px}.xhs-input-actions{margin-top:10px}.xhs-upload-btn,.xhs-preview-item{width:40px;height:40px}.outline-editor{margin-top:12px;border:none;border-radius:0;padding:0;background:transparent;box-shadow:none}.outline-editor-header{display:none}.outline-card{border-radius:12px;padding:12px;margin-bottom:10px}.outline-card-header{flex-direction:column;align-items:flex-start;gap:8px}.xhs-page{background:#fff!important}.outline-card-actions{width:100%;justify-content:flex-end}.xhs-page{height:100%;overflow:hidden}.xhs-page-header,.xhs-header{display:none}.xhs-layout{flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.xhs-sidebar{position:fixed;left:0;top:calc(var(--mobile-header-full) + 44px);bottom:var(--mobile-tab-height);width:min(280px,85vw);z-index:60;transform:translate(-100%);transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:none;margin-left:0;will-change:transform}.xhs-sidebar.collapsed{margin-left:0}.xhs-middle{border-right:none;flex:none;min-height:auto;max-width:none;width:100%}.xhs-middle-content{padding:16px;overflow-y:visible;padding-bottom:calc(80px + env(safe-area-inset-bottom))}#xhs-text-result{padding:16px;border:none;background:transparent}.xhs-input-box{padding:16px;border-radius:12px}.xhs-textarea-lg{font-size:16px;min-height:80px}.xhs-upload-row{gap:8px}.xhs-upload-btn,.xhs-preview-item{width:56px;height:56px}.xhs-action-btn{padding:14px;font-size:16px;position:sticky;bottom:16px;z-index:10}.xhs-right{flex:none;min-height:auto;background:#fff!important}.xhs-gallery-bar{padding:12px 16px;flex-direction:row;flex-wrap:wrap;gap:8px}.xhs-gallery-opts{width:100%;gap:6px;display:grid;grid-template-columns:repeat(3,1fr)}.xhs-select{width:100%;min-width:0;height:36px;font-size:11px;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xhs-toggle-label{display:none!important}.xhs-gallery-opts .xhs-mini-btn{grid-column:span 1;font-size:12px;padding:0 8px;height:40px;white-space:nowrap}.shot-grid{grid-template-columns:1fr;padding:16px;padding-bottom:calc(16px + var(--mobile-tab-height) + env(safe-area-inset-bottom));gap:16px}.shot-card{border-radius:16px}.shot-body{padding:14px;gap:10px}.shot-title{font-size:14px}.shot-prompt{font-size:14px;padding:10px;min-height:80px;max-height:150px;line-height:1.5;resize:vertical}.shot-body .shot-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.action-pill{padding:8px 14px;font-size:12px;min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.shot-footer{gap:8px}.ref-capsule{padding:6px;max-width:160px}.ref-thumb,.ref-icon-btn{width:28px;height:28px}.add-ref-btn{padding:8px 14px;font-size:12px}.outline-card{padding:14px;border-radius:12px}.field-input,.field-textarea{font-size:16px;padding:12px}.outline-add-btn{padding:14px;min-height:var(--touch-target-min)}.delete-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.type-select{min-height:36px;padding:8px 12px}.xhs-copy-group{flex-wrap:wrap;gap:8px}.xhs-mini-btn{flex:1;min-width:calc(50% - 4px);padding:10px 12px;text-align:center;justify-content:center;min-height:var(--touch-target-min)}.xhs-history-item{min-height:var(--touch-target-min);padding:14px 40px 14px 16px;background:#f8f9fa;margin-bottom:8px;border-radius:10px}.xhs-history-item.active{background:#fff0f2}.xhs-h-title{font-size:14px;line-height:1.4}.xhs-h-date{font-size:12px;margin-top:4px}.xhs-h-delete{opacity:.5;width:28px;height:28px;right:10px}.xhs-mobile-expand-btn{position:fixed;left:8px;top:calc(var(--mobile-header-full) + 8px);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 2px 8px #00000026;z-index:50;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5f6368;transition:all .2s ease}.xhs-mobile-expand-btn:active{transform:scale(.95);background:#f5f5f5}.xhs-sidebar-overlay{display:block;position:fixed;top:calc(var(--mobile-header-full) + 44px);left:0;right:0;bottom:var(--mobile-tab-height);background:#0000;z-index:55;opacity:0;pointer-events:none;transition:background .3s ease,opacity .3s ease}.xhs-sidebar-overlay.active{background:#0006;opacity:1;pointer-events:auto}.xhs-sidebar:not(.collapsed){transform:translate(0)}.xhs-mobile-tabs{display:flex;position:fixed;top:var(--mobile-header-full);left:0;right:0;height:44px;background:#fff;border-bottom:1px solid #e0e0e0;z-index:40;padding:0 12px;gap:8px}.xhs-mobile-tabs-slider{position:absolute;top:6px;bottom:6px;left:12px;width:calc((100% - 32px)/2);background:linear-gradient(135deg,#fff0f2,#ffe4e8);border-radius:8px;transform:translate(calc(var(--active-tab-index, 0) * (100% + 8px)));transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #ff2e4d1f;z-index:0}.xhs-mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;color:#5f6368;background:transparent;border:none;border-bottom:none;cursor:pointer;transition:color .2s ease;position:relative;z-index:1}.xhs-mobile-tab.active{color:#ff2e4d}.xhs-mobile-tab svg{flex-shrink:0}.xhs-mobile-tab-badge{font-size:10px;padding:2px 6px;background:#f0f0f0;border-radius:10px;color:#666;font-weight:400}.xhs-mobile-tab.active .xhs-mobile-tab-badge{background:#ffe6ea;color:#ff2e4d}.xhs-layout{margin-top:44px}.xhs-swiper.xhs-content-wrapper{flex:1;overflow:hidden;width:100%}.xhs-swiper .swiper-wrapper{height:100%}.xhs-swiper-slide{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.xhs-swiper-slide .xhs-middle,.xhs-swiper-slide .xhs-right{width:100%;height:100%;overflow:auto}.xhs-mobile-expand-input{display:flex;align-items:center;gap:6px;padding:10px 20px;margin:12px 16px;background:linear-gradient(135deg,#ff2e4d,#ff6b81);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #ff2e4d4d;transition:all .2s ease}.xhs-mobile-expand-input:active{transform:scale(.95)}.xhs-input-box.mobile-collapsed{display:none}}.banana-page{display:flex;flex-direction:column;width:100%;height:100%;background:#f8f9fa;overflow:hidden}.banana-page-header{height:50px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.banana-page-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;color:#333}.banana-github-link{margin-left:12px;font-size:12px;color:#6b7280;text-decoration:none;display:flex;align-items:center;gap:4px;border:1px solid #e5e7eb;padding:4px 10px;border-radius:15px;transition:all .2s}.banana-github-link:hover{background:#f3f4f6;border-color:#d1d5db}.banana-refresh-indicator{display:flex;align-items:center;gap:8px;font-size:13px;color:#f59e0b;background:#fef3c7;padding:4px 12px;border-radius:20px}.banana-refresh-spinner{width:14px;height:14px;border:2px solid #fcd34d;border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite}.banana-layout{flex:1;display:flex;overflow:hidden}.banana-sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;padding:16px}.banana-search-wrapper{position:relative;margin-bottom:16px}.banana-search-input{width:100%;padding:10px 10px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;font-size:13px;outline:none;transition:all .2s}.banana-search-input:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.banana-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.banana-filter-section{margin-bottom:20px}.banana-filter-title{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.banana-mode-tabs{display:flex;flex-direction:column;gap:4px}.banana-mode-tab{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;color:#4b5563;background:#f9fafb}.banana-mode-tab:hover{background:#f3f4f6}.banana-mode-tab.active{background:#fef3c7;color:#b45309}.banana-mode-tab.mode-generate.active{background:#3b82f61a;color:#2563eb}.banana-mode-tab.mode-edit.active{background:#a855f71a;color:#7c3aed}.banana-count{font-size:11px;color:#9ca3af;background:#e5e7eb;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.banana-mode-tab.active .banana-count{background:#0000001a;color:inherit}.banana-favorite-filter{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;color:#4b5563;background:#f9fafb}.banana-favorite-filter:hover{background:#fef2f2}.banana-favorite-filter.active{background:#fef2f2;color:#dc2626}.banana-favorite-filter .banana-count{margin-left:auto}.banana-favorite-icon-btn{display:none;position:relative;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;cursor:pointer;transition:all .2s;background:#f9fafb;flex-shrink:0}.banana-favorite-icon-btn:hover{background:#fef2f2}.banana-favorite-icon-btn:active{transform:scale(.95)}.banana-favorite-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}.banana-category-tree{display:flex;flex-direction:column;gap:2px}.banana-category-group{display:flex;flex-direction:column}.banana-category-item{display:flex;align-items:center;gap:4px;padding:8px 10px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s;color:#374151}.banana-category-item:hover{background:#f3f4f6}.banana-category-item.active{background:#fef3c7;color:#b45309;font-weight:500}.banana-category-item .banana-count{margin-left:auto}.banana-expand-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#9ca3af;flex-shrink:0}.banana-expand-btn:hover{color:#4b5563}.banana-subcategory-list{margin-left:24px;padding-left:12px;border-left:1px solid #e5e7eb}.banana-subcategory-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:4px;font-size:12px;cursor:pointer;color:#6b7280;transition:all .15s}.banana-subcategory-item:hover{background:#f3f4f6;color:#374151}.banana-subcategory-item.active{background:#fef3c7;color:#b45309;font-weight:500}.banana-content-area{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.banana-result-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:#6b7280}.banana-clear-filter{font-size:12px;color:#f59e0b;background:none;border:1px solid #fcd34d;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .2s}.banana-clear-filter:hover{background:#fef3c7}.banana-loading,.banana-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.banana-error{color:#dc2626}.banana-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;text-align:center;grid-column:1 / -1}.banana-empty svg{margin-bottom:12px;opacity:.5}.banana-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%}.banana-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;content-visibility:auto;contain-intrinsic-size:0 360px}.banana-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a;border-color:#fcd34d}.banana-preview-box{position:relative;aspect-ratio:16/9;background:#f9fafb;overflow:hidden}.banana-img{width:100%;height:100%;object-fit:cover;transition:transform .5s;cursor:pointer}.banana-card:hover .banana-img{transform:scale(1.05)}.banana-tags{position:absolute;top:8px;left:8px;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100% - 80px)}.banana-tag{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;white-space:nowrap}.banana-tag.sub{background:#6b7280cc}.banana-tag.mode-generate{background:#3b82f6e6;text-transform:uppercase;font-weight:700}.banana-tag.mode-edit{background:#a855f7e6;text-transform:uppercase;font-weight:700}.banana-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transition:opacity .2s}.banana-card:hover .banana-card-actions{opacity:1}.banana-action-btn{width:32px;height:32px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;border:none;text-decoration:none;box-shadow:0 2px 8px #0000001a}.banana-action-btn:hover{transform:scale(1.1)}.banana-action-btn.favorite:hover{color:#ef4444;background:#fef2f2}.banana-action-btn.link:hover{color:#3b82f6;background:#eff6ff}.banana-content{padding:14px;flex:1;display:flex;flex-direction:column}.banana-title{font-size:14px;font-weight:600;color:#111;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.banana-prompt-box{background:#f8fafc;border-radius:6px;padding:8px;margin-bottom:12px;flex:1;cursor:pointer;position:relative;border:1px solid transparent;min-height:60px}.banana-prompt-box:hover{border-color:#e2e8f0;background:#fff}.banana-prompt-text{font-size:11px;color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.banana-prompt-tip{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000005;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;border-radius:6px}.banana-prompt-box:hover .banana-prompt-tip{opacity:1}.banana-prompt-tip span{background:#fff;padding:4px 8px;border-radius:4px;font-size:10px;box-shadow:0 2px 4px #0000001a;color:#374151}.banana-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid #f1f5f9;padding-top:8px}.banana-author{font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:4px}.banana-actions{display:flex;gap:6px}.banana-icon-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .2s}.banana-icon-btn:hover{background:#f1f5f9;color:#333}@media (max-width: 900px){.banana-layout{flex-direction:column}.banana-sidebar{width:100%;max-height:300px;border-right:none;border-bottom:1px solid #e5e7eb}.banana-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width: 600px){.banana-page-header{padding:0 12px}.banana-page-title span:first-of-type{font-size:16px}.banana-github-link{display:none}.banana-sidebar{padding:12px;max-height:250px}.banana-content-area{padding:12px}.banana-grid{grid-template-columns:1fr;gap:12px}.banana-card-actions{opacity:1}}@media (hover: none) and (pointer: coarse){.banana-mode-tab:active,.banana-category-item:active,.banana-card:active{opacity:.8;transform:scale(.98);transition:all .1s ease}.banana-card-actions{opacity:1}}@media (max-width: 768px){.banana-page{height:100%;padding-bottom:env(safe-area-inset-bottom)}.banana-page-header{display:none}.banana-layout{flex-direction:column;height:100%}.banana-sidebar{width:100%;max-height:none;height:auto;border-right:none;border-bottom:1px solid #e5e7eb;padding:12px 16px;flex-shrink:0;overflow:visible}.banana-search-wrapper{margin-bottom:12px}.banana-search-input{min-height:var(--touch-target-min, 44px);padding:12px 12px 12px 40px;font-size:16px;border-radius:10px}.banana-search-icon{left:12px}.banana-filter-section{margin-bottom:8px}.banana-filter-section:last-child{margin-bottom:0}.banana-filter-title{margin-bottom:6px}.banana-search-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:12px}.banana-search-input{flex:1}.banana-favorite-icon-btn{display:flex}.banana-filter-section:nth-child(2){display:none}.banana-favorite-filter{display:none}.banana-category-tree{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.banana-category-item{flex-shrink:0;min-width:auto;padding:8px 14px;font-size:13px;border-radius:8px;white-space:nowrap;border:1px solid #e5e7eb}.banana-category-item.active{background:#fef3c7;color:#b45309;border-color:#f59e0b}.banana-category-item .banana-count{margin-left:6px}.banana-category-group{display:contents}.banana-expand-btn,.banana-subcategory-list{display:none}.banana-content-area{flex:1;padding:12px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.banana-result-header{margin-bottom:12px;font-size:13px;flex-wrap:wrap;gap:8px}.banana-clear-filter{min-height:36px;padding:8px 14px}.banana-grid{grid-template-columns:1fr;gap:16px}.banana-card{border-radius:14px;contain-intrinsic-size:0 320px}.banana-card:hover{transform:none}.banana-card:active{transform:scale(.98);transition:transform .1s ease}.banana-preview-box{aspect-ratio:16/10}.banana-card:hover .banana-img{transform:none}.banana-tags{top:10px;left:10px;gap:6px}.banana-tag{font-size:11px;padding:4px 8px;border-radius:6px}.banana-card-actions{opacity:1;top:10px;right:10px;gap:8px}.banana-action-btn{width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);border-radius:50%}.banana-action-btn:hover{transform:none}.banana-action-btn:active{transform:scale(.9);transition:transform .1s ease}.banana-content{padding:16px}.banana-title{font-size:15px;margin-bottom:10px}.banana-prompt-box{padding:12px;min-height:70px;border-radius:8px}.banana-prompt-text{font-size:12px;-webkit-line-clamp:4}.banana-prompt-tip{display:none}.banana-footer{padding-top:12px}.banana-author{font-size:12px}.banana-icon-btn{width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);border-radius:50%}.banana-icon-btn:active{background:#e2e8f0}.banana-loading,.banana-error,.banana-empty{padding:40px 20px}.banana-empty svg{width:40px;height:40px}}.slicer-page{display:flex;flex-direction:column;width:100%;height:100%;background:#f8f9fa;overflow:hidden}.slicer-steps{display:flex;align-items:center;justify-content:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e0e0e0;gap:8px;flex-shrink:0}.slicer-step{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#f1f3f4;transition:all .3s}.slicer-step.active{background:#e8f0fe}.slicer-step.done{background:#e6f4ea}.step-number{width:24px;height:24px;border-radius:50%;background:#dadce0;color:#5f6368;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s}.slicer-step.active .step-number{background:#1a73e8;color:#fff}.slicer-step.done .step-number{background:#1e8e3e;color:#fff}.slicer-step.done .step-number:after{content:"✓"}.step-text{font-size:13px;font-weight:500;color:#5f6368;transition:color .3s}.slicer-step.active .step-text{color:#1a73e8}.slicer-step.done .step-text{color:#1e8e3e}.step-line{width:40px;height:2px;background:#dadce0;border-radius:1px}.slicer-main{flex:1;display:flex;overflow:hidden;gap:0}.slicer-panel{width:280px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;padding:16px}.panel-section{padding:16px 0;border-bottom:1px solid #f0f0f0}.panel-section:first-child{padding-top:0}.panel-section:last-child{border-bottom:none}.panel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#202124;margin-bottom:12px}.panel-title svg{color:#5f6368}.panel-hint{font-size:11px;color:#80868b;margin-top:8px;line-height:1.4}.panel-btn{width:100%;padding:10px 16px;border:1px solid #dadce0;border-radius:8px;background:#fff;color:#5f6368;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.panel-btn:hover{background:#f8f9fa;border-color:#1a73e8;color:#1a73e8}.panel-btn:disabled{opacity:.5;cursor:not-allowed}.panel-btn.primary{background:#1a73e8;border-color:#1a73e8;color:#fff}.panel-btn.primary:hover{background:#1557b0}.panel-btn.secondary{background:#f8f9fa}.panel-btn.success{background:#1e8e3e;border-color:#1e8e3e;color:#fff}.panel-btn.success:hover{background:#188038}.panel-btn.success:disabled{background:#dadce0;border-color:#dadce0}.mode-toggle{display:flex;gap:8px}.mode-btn{flex:1;padding:10px;border:1px solid #dadce0;border-radius:8px;background:#fff;color:#5f6368;font-size:12px;font-weight:500;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}.mode-btn:hover{background:#f8f9fa;border-color:#1a73e8}.mode-btn.active{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8}.mode-btn svg{opacity:.7}.mode-btn.active svg{opacity:1;color:#1a73e8}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset-btn{padding:10px;border:1px solid #dadce0;border-radius:8px;background:#fff;color:#5f6368;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.preset-btn:hover{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#5f6368;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#1a73e8}.color-picker{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:#5f6368}.color-picker input[type=color]{width:32px;height:32px;border:1px solid #dadce0;border-radius:6px;padding:2px;cursor:pointer}.panel-stats{display:flex;gap:16px;justify-content:center}.stat-item{text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;color:#1a73e8}.stat-label{font-size:11px;color:#80868b}.panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px}.slicer-editor{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:auto;background:#f0f2f5}.slicer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;cursor:pointer;text-align:center;background:#fff;border-radius:16px;border:2px dashed #dadce0;transition:all .3s;max-width:600px}.slicer-empty.horizontal{flex-direction:row;text-align:left;gap:40px;padding:32px 40px}.slicer-empty:hover{border-color:#1a73e8;background:#fafbfc}.empty-left{display:flex;flex-direction:column;align-items:center;gap:16px;padding-right:40px;border-right:1px solid #e0e0e0}.empty-icon{margin-bottom:0}.empty-formats{font-size:11px;color:#80868b;margin:0}.empty-right{flex:1}.slicer-empty h3{font-size:16px;font-weight:600;color:#202124;margin:0 0 16px}.slicer-empty p{font-size:13px;color:#80868b;margin:0 0 20px}.empty-btn{padding:12px 24px;background:#1a73e8;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.empty-btn:hover{background:#1557b0}.empty-tips{text-align:left}.tip-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:#5f6368}.tip-icon{width:22px;height:22px;border-radius:50%;background:#e8f0fe;color:#1a73e8;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.editor-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:800px}.editor-container{position:relative;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;border:1px solid #e0e0e0}.editor-image{display:block;max-width:100%;max-height:60vh;pointer-events:none}.editor-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair}.editor-hint{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border-radius:24px;font-size:13px;color:#5f6368;box-shadow:0 2px 8px #0000001a}.editor-hint svg{color:#1a73e8}.split-line{position:absolute;background:#1a73e8;z-index:10;transition:background .2s}.split-line:hover{background:#d93025}.split-line.horizontal{width:100%;height:3px;cursor:row-resize;left:0}.split-line.vertical{height:100%;width:3px;cursor:col-resize;top:0}.line-handle{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;background:#1a73e8;padding:4px 8px;border-radius:4px;opacity:0;transition:opacity .2s;pointer-events:auto}.split-line:hover .line-handle{opacity:1}.line-handle.vertical{left:50%;top:8px;transform:translate(-50%) translateY(0)}.line-label{font-size:10px;font-weight:600;color:#fff}.line-delete{width:16px;height:16px;border:none;background:#ffffff4d;color:#fff;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.line-delete:hover{background:#d93025}.slicer-results{width:300px;background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:visible;flex-shrink:0;min-height:0}.results-header{padding:16px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.results-header h3{font-size:14px;font-weight:600;color:#202124;margin:0}.download-all-btn{padding:6px 12px;background:#1e8e3e;color:#fff;border:none;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.download-all-btn:hover{background:#188038}.results-actions{display:flex;align-items:center;gap:8px}.results-close-btn,.results-expand-btn{display:none}.results-grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start;grid-auto-rows:min-content;min-height:0}.result-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;position:relative;flex-shrink:0;min-height:0}.result-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#1a73e8}.result-img{width:100%;aspect-ratio:1;min-height:100px;object-fit:contain;display:block;background:#fff}.result-name{padding:6px;font-size:10px;color:#5f6368;text-align:center;border-top:1px solid #e0e0e0;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a73e81a;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;pointer-events:none}.result-overlay svg{color:#1a73e8}.result-card:hover .result-overlay{opacity:1}@media (max-width: 1024px){.slicer-results{display:none}}@media (min-width: 769px) and (max-width: 1024px){.slicer-steps{padding:12px 20px}.slicer-step{padding:6px 12px;border-radius:18px}.step-number{width:20px;height:20px;font-size:11px}.step-text{font-size:12px}.step-line{width:24px}.mode-btn{padding:8px;font-size:12px}.mode-btn svg{width:18px;height:18px}}@media (max-width: 768px){.slicer-page{padding-bottom:env(safe-area-inset-bottom)}.slicer-steps{padding:8px 16px;overflow-x:auto;gap:6px;-webkit-overflow-scrolling:touch}.slicer-step{padding:4px 8px;flex-shrink:0;border-radius:14px}.step-number{width:20px;height:20px;font-size:10px}.step-text{font-size:11px;display:none}.step-line{width:12px}.slicer-main{flex-direction:column;height:calc(100% - 46px);overflow:visible}.slicer-panel{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;max-height:none;height:auto;padding:12px 16px;overflow:visible;flex-shrink:0}.panel-section{padding:10px 0}.panel-section:first-child{padding-top:0}.panel-title{font-size:12px;margin-bottom:10px}.mode-toggle{gap:10px}.mode-btn{min-height:36px;padding:6px 10px;font-size:12px;border-radius:8px;flex-direction:row;gap:6px}.mode-btn svg{width:16px;height:16px;flex-shrink:0}.panel-hint{display:none}.preset-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.preset-btn{min-width:48px;min-height:var(--touch-target-min, 44px);padding:10px 12px;font-size:13px;flex-shrink:0;border-radius:10px}.preset-btn:active{transform:scale(.95);transition:transform .1s ease}.panel-section:nth-child(3),.panel-section:nth-child(4){display:none}.panel-actions{flex-direction:row;gap:10px;margin-top:12px;padding-top:12px}.panel-btn{flex:1;min-height:var(--touch-target-min, 44px);padding:10px 12px;font-size:13px;border-radius:10px}.panel-btn:active{transform:scale(.98);transition:transform .1s ease}.slicer-editor{flex:1;padding:12px;padding-bottom:calc(50vh + 20px);overflow:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:center}.slicer-editor:only-child,.slicer-main:not(:has(.slicer-results)) .slicer-editor{padding-bottom:calc(var(--mobile-tab-height, 60px) + env(safe-area-inset-bottom) + 20px)}.slicer-empty{padding:20px;max-width:100%;border-radius:12px}.slicer-empty.horizontal{flex-direction:row;text-align:left;gap:20px;padding:20px}.empty-left{padding-right:20px;border-right:1px solid #e0e0e0;padding-bottom:0;border-bottom:none;flex-shrink:0}.empty-icon svg{width:48px;height:48px}.empty-btn{min-height:var(--touch-target-min, 44px);padding:12px 28px;font-size:15px;border-radius:22px}.empty-btn:active{transform:scale(.98);transition:transform .1s ease}.empty-formats{font-size:12px}.empty-right h3{font-size:15px;margin-bottom:12px}.tip-item{font-size:12px;padding:5px 0}.tip-icon{width:20px;height:20px;font-size:11px}.editor-wrapper{max-width:100%;gap:12px;align-items:flex-start}.editor-container{border-radius:10px;max-width:100%}.editor-image{max-height:none;max-width:100%;width:auto;height:auto}.editor-hint{padding:10px 16px;font-size:12px;border-radius:20px}.line-handle{opacity:1;padding:2px 6px;border-radius:4px;gap:2px;left:4px}.line-handle.vertical{left:50%;top:4px}.line-label{font-size:9px}.line-delete{width:14px;height:14px;font-size:10px}.slicer-results{display:flex;position:fixed;left:0;right:0;bottom:0;width:100%;max-height:50vh;border-left:none;border-top:1px solid #e0e0e0;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0000001a;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.slicer-results:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#dadce0;border-radius:2px}.results-header{padding:20px 16px 12px}.results-header h3{font-size:15px}.download-all-btn{min-height:36px;padding:8px 14px;font-size:13px;border-radius:18px}.download-all-btn:active{transform:scale(.98);transition:transform .1s ease}.results-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f1f3f4;border-radius:50%;color:#5f6368;cursor:pointer}.results-close-btn:active{background:#e0e0e0}.slicer-results.collapsed{display:none}.results-expand-btn{display:flex!important;position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:12px 24px;background:#1a73e8;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #1a73e866;z-index:200;align-items:center;gap:6px}.results-expand-btn:before{content:"📋"}.results-expand-btn:active{transform:translate(-50%) scale(.95);background:#1557b0}.results-grid{padding:8px 16px 16px;grid-template-columns:repeat(3,1fr);gap:8px}.result-card{border-radius:8px}.result-card:hover{transform:none}.result-card:active{transform:scale(.98);transition:transform .1s ease}.result-img{min-height:70px}.result-name{padding:4px;font-size:9px}.result-overlay{display:none}}@media (hover: none) and (pointer: coarse){.panel-btn:active,.mode-btn:active,.preset-btn:active,.result-card:active{opacity:.7;transform:scale(.98);transition:all .1s ease}.line-handle{opacity:1}}.slice-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#fff;display:none;flex-direction:column;align-items:center;padding-top:var(--header-height)}.slice-modal.active{display:flex}.manga-page{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-secondary, #f5f5f5)}.manga-page-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-primary, #fff);border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-toggle-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;color:var(--text-secondary, #666);transition:background .2s}.manga-toggle-btn:hover{background:var(--hover-bg, #f0f0f0)}.manga-title-bar{display:flex;align-items:center;font-size:16px;font-weight:600;color:var(--text-primary, #333)}.manga-layout{display:flex;flex:1;width:100%;overflow:hidden}.manga-content-wrapper{display:flex;flex:1;overflow:hidden}.manga-mobile-tabs,.manga-sidebar-overlay{display:none}.manga-sidebar{width:280px;background:var(--bg-primary, #fff);border-right:1px solid var(--border-color, #e0e0e0);overflow-y:auto;transition:width .3s,opacity .3s}.manga-sidebar.collapsed{width:0;overflow:hidden;opacity:0}.manga-sidebar-inner{padding:16px}.manga-sidebar-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-sidebar-back{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:12px;font-size:14px;color:var(--text-secondary, #666);background:var(--bg-secondary, #f5f5f5);border:none;border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.manga-sidebar-back:hover{background:var(--primary-light, #e8f0fe);color:var(--primary-color, #1a73e8)}.manga-sidebar-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary, #333);padding:0 4px}.manga-sidebar-title svg{flex-shrink:0;color:var(--primary-color, #1a73e8)}.manga-sidebar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manga-section{margin-bottom:24px}.manga-section-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-secondary, #666);margin-bottom:12px}.manga-section-label span{display:flex;align-items:center}.manga-add-btn{font-size:12px;color:var(--primary-color, #1a73e8);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.manga-add-btn:hover{background:var(--primary-light, #e8f0fe)}.manga-character-list{display:flex;flex-direction:column;gap:8px}.manga-character-card{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-secondary, #f9f9f9);border-radius:8px;transition:background .2s}.manga-character-card:hover{background:var(--hover-bg, #f0f0f0)}.manga-character-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #e0e0e0)}.manga-character-name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary, #333)}.manga-character-actions{display:flex;gap:4px}.manga-character-actions button{font-size:11px;padding:4px 8px;border:none;background:var(--bg-primary, #fff);color:var(--text-secondary, #666);border-radius:4px;cursor:pointer}.manga-character-actions button:hover{background:var(--primary-light, #e8f0fe);color:var(--primary-color, #1a73e8)}.manga-history-list{display:flex;flex-direction:column;gap:6px}.manga-history-item{position:relative;padding:10px 12px;background:var(--bg-secondary, #f9f9f9);border-radius:8px;cursor:pointer;transition:all .2s}.manga-history-item:hover{background:var(--hover-bg, #f0f0f0)}.manga-history-item.active{background:var(--primary-light, #e8f0fe);border-left:3px solid var(--primary-color, #1a73e8)}.manga-h-title{font-size:13px;font-weight:500;color:var(--text-primary, #333);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px}.manga-h-meta{font-size:11px;color:var(--text-tertiary, #999)}.manga-h-delete{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-tertiary, #999);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .2s}.manga-history-item:hover .manga-h-delete{opacity:1}.manga-h-delete:hover{background:#fee;color:#d93025}.manga-empty-hint{font-size:12px;color:var(--text-tertiary, #999);text-align:center;padding:20px 0}.manga-middle{flex:3;min-width:320px;max-width:600px;background:var(--bg-primary, #fff);border-right:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;overflow:hidden}.manga-middle-content{padding:20px;overflow-y:auto;flex:1;min-height:0}.manga-input-box{background:var(--bg-primary, #fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;transition:all .3s ease}.manga-input-box.collapsed{padding:12px 16px}.manga-input-box.collapsed .manga-section-label{margin-bottom:0}.manga-collapse-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:var(--text-secondary, #666);background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;cursor:pointer;transition:all .2s}.manga-collapse-btn:hover{background:var(--primary-light, #e8f0fe);border-color:var(--primary-color, #1a73e8);color:var(--primary-color, #1a73e8)}.manga-title-input{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:12px;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.manga-title-input:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-textarea{width:100%;padding:14px;font-size:14px;line-height:1.6;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;resize:vertical;min-height:200px;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.manga-textarea:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-input-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.manga-char-count{font-size:12px;color:var(--text-tertiary, #999)}.manga-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.manga-action-btn.primary{background:var(--primary-color, #1a73e8);color:#fff}.manga-action-btn.primary:hover:not(:disabled){background:var(--primary-dark, #1557b0)}.manga-action-btn.success{background:#137333;color:#fff}.manga-action-btn.success:hover{background:#0d5a27}.manga-action-btn:disabled{opacity:.5;cursor:not-allowed}.manga-inline-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--primary-color, #1a73e8)}.manga-inline-spinner{width:16px;height:16px;border:2px solid var(--primary-light, #e8f0fe);border-top-color:var(--primary-color, #1a73e8);border-radius:50%;animation:manga-spin .8s linear infinite}@keyframes manga-spin{to{transform:rotate(360deg)}}.manga-storyboard{background:var(--bg-primary, #fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.manga-page-group{margin-bottom:20px}.manga-page-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--primary-color, #1a73e8);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-page-title.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 10px;margin:0 -10px 10px;border-radius:6px;transition:background .15s}.manga-page-title.clickable:hover{background:var(--hover-bg, #f5f5f5)}.manga-page-title.clickable:active{background:var(--bg-tertiary, #eee)}.manga-page-chevron{flex-shrink:0;color:var(--text-tertiary, #999);transition:transform .2s ease}.manga-page-group.collapsed .manga-page-title{margin-bottom:0;border-bottom:none;padding-bottom:8px}.manga-page-num{font-weight:600;color:var(--primary-color, #1a73e8)}.manga-page-panel-count{font-size:12px;font-weight:400;color:var(--text-secondary, #666)}.manga-page-status{font-size:11px;padding:2px 8px;border-radius:10px;margin-left:auto}.manga-page-status.idle{background:#f0f0f0;color:#666}.manga-page-status.pending{background:#fff3e0;color:#e65100}.manga-page-status.running{background:#e3f2fd;color:#1565c0}.manga-page-status.success{background:#e8f5e9;color:#2e7d32}.manga-page-status.failed{background:#ffebee;color:#c62828}.manga-panel-list{display:flex;flex-direction:column;gap:10px}.manga-panel-card{padding:14px;background:var(--bg-secondary, #f9f9f9);border-radius:8px;border-left:3px solid var(--border-color, #e0e0e0)}.manga-panel-card:hover{border-left-color:var(--primary-color, #1a73e8)}.manga-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.manga-panel-num{font-size:12px;font-weight:600;color:var(--text-secondary, #666);background:var(--bg-primary, #fff);padding:2px 8px;border-radius:4px}.manga-panel-status{font-size:11px;padding:2px 8px;border-radius:10px}.manga-panel-status.idle{background:#f0f0f0;color:#666}.manga-panel-status.pending{background:#fff3e0;color:#e65100}.manga-panel-status.running{background:#e3f2fd;color:#1565c0}.manga-panel-status.success{background:#e8f5e9;color:#2e7d32}.manga-panel-status.failed{background:#ffebee;color:#c62828}.manga-panel-desc{font-size:13px;line-height:1.5;color:var(--text-primary, #333);margin-bottom:8px}.manga-panel-desc-edit{width:100%;padding:8px 10px;font-size:13px;line-height:1.5;color:var(--text-primary, #333);background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;resize:none;margin-bottom:8px;font-family:inherit;field-sizing:content;min-height:3lh}.manga-panel-desc-edit:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-panel-chars{font-size:12px;color:var(--text-secondary, #666);margin-bottom:6px}.manga-panel-dialogue{font-size:12px;background:var(--bg-primary, #fff);padding:8px 10px;border-radius:6px;margin-top:6px}.manga-dialogue-item{margin-bottom:4px}.manga-dialogue-item:last-child{margin-bottom:0}.manga-speaker{font-weight:600;color:var(--primary-color, #1a73e8)}.manga-dialogue-item-edit{display:flex;align-items:center;gap:4px;margin-bottom:6px}.manga-dialogue-item-edit:last-child{margin-bottom:0}.manga-speaker-input{width:60px;padding:4px 6px;font-size:12px;font-weight:600;color:var(--primary-color, #1a73e8);background:var(--bg-secondary, #f5f5f5);border:1px solid transparent;border-radius:4px;outline:none;transition:border-color .2s,background .2s}.manga-speaker-input:hover{background:var(--bg-tertiary, #eee)}.manga-speaker-input:focus{background:var(--bg-primary, #fff);border-color:var(--primary-color, #1a73e8)}.manga-dialogue-colon{color:var(--text-secondary, #666);font-weight:600;flex-shrink:0}.manga-dialogue-text-input{flex:1;min-width:0;padding:4px 8px;font-size:12px;color:var(--text-primary, #333);background:var(--bg-secondary, #f5f5f5);border:1px solid transparent;border-radius:4px;outline:none;transition:border-color .2s,background .2s}.manga-dialogue-text-input:hover{background:var(--bg-tertiary, #eee)}.manga-dialogue-text-input:focus{background:var(--bg-primary, #fff);border-color:var(--primary-color, #1a73e8)}.manga-panel-error{font-size:12px;color:#c62828;margin-top:8px;padding:6px 10px;background:#ffebee;border-radius:4px}.manga-right{flex:5;background:var(--bg-secondary, #f8f9fa);display:flex;flex-direction:column;overflow:hidden;min-height:0}.manga-gallery-bar{padding:12px 24px;background:var(--bg-primary, #fff);border-bottom:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.manga-gallery-title{display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--text-primary, #333)}.manga-model-badge{font-size:11px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:4px;font-weight:400;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manga-gallery-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.manga-select{padding:6px 10px;font-size:12px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.manga-gallery{padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:16px;flex:1;min-height:0}@media (min-width: 1400px){.manga-gallery{grid-template-columns:repeat(3,1fr)}}.manga-gallery:has(.manga-empty-gallery),.manga-gallery:has(.manga-empty-state){display:flex;flex-direction:column;align-items:center;justify-content:center;grid-template-columns:none}.manga-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#999}.manga-empty-state svg{margin-bottom:20px;opacity:.5}.manga-empty-state h3{margin:0 0 12px;font-size:16px;font-weight:500;color:#666}.manga-empty-state p{margin:0;font-size:14px;line-height:1.6;color:#999}.manga-result-card{background:var(--bg-secondary, #f9f9f9);border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.manga-result-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.manga-result-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text-secondary, #666);padding:8px 10px;background:var(--bg-primary, #fff)}.manga-page-label{font-size:13px;font-weight:600;color:var(--primary-color, #1a73e8)}.manga-panel-count{font-size:11px;font-weight:400;color:var(--text-tertiary, #999)}.manga-result-img-wrap{position:relative;padding-bottom:133.33%;background:var(--bg-tertiary, #eee);cursor:pointer;overflow:hidden}.manga-result-img-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.manga-result-img-wrap .manga-loading,.manga-result-img-wrap .manga-error,.manga-result-img-wrap .manga-idle{position:absolute;top:0;left:0;width:100%;height:100%}.manga-loading,.manga-error,.manga-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary, #999);font-size:12px}.manga-overlay{background:#ffffffd9;z-index:10}.manga-error{color:#c62828}.manga-error button{margin-top:8px;padding:6px 12px;font-size:11px;background:#c62828;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px}.manga-result-actions{display:flex;justify-content:center;gap:6px;padding:8px;background:var(--bg-primary, #fff)}.manga-result-actions button{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;border:1px solid var(--border-color, #e0e0e0);background:var(--bg-primary, #fff);color:var(--text-secondary, #666);border-radius:4px;cursor:pointer;transition:all .2s}.manga-result-actions button:hover:not(:disabled){border-color:var(--primary-color, #1a73e8);color:var(--primary-color, #1a73e8)}.manga-result-actions button:disabled{opacity:.5;cursor:not-allowed}.manga-empty-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-tertiary, #999);text-align:center;background:var(--bg-secondary, #f9f9f9);border-radius:12px;border:2px dashed var(--border-color, #e0e0e0);min-width:200px}.manga-empty-gallery svg{width:48px;height:48px;opacity:.5}.manga-empty-gallery p{margin-top:16px;font-size:14px;line-height:1.5;max-width:200px}.manga-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.manga-modal{width:90%;max-width:400px;background:var(--bg-primary, #fff);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.manga-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-modal-header h3{font-size:16px;font-weight:600;color:var(--text-primary, #333);margin:0}.manga-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-secondary, #666);cursor:pointer;border-radius:6px}.manga-modal-close:hover{background:var(--hover-bg, #f0f0f0)}.manga-modal-body{padding:20px}.manga-form-group{margin-bottom:16px}.manga-form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary, #666);margin-bottom:8px}.manga-form-group input[type=text]{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.manga-form-group input:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-img-upload{width:100%;aspect-ratio:1;border:2px dashed var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;overflow:hidden;transition:border-color .2s}.manga-img-upload:hover{border-color:var(--primary-color, #1a73e8)}.manga-img-upload img{width:100%;height:100%;object-fit:cover}.manga-upload-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary, #999);font-size:13px}.manga-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color, #e0e0e0)}.manga-btn{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.manga-btn.secondary{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333)}.manga-btn.secondary:hover{background:var(--hover-bg, #e8e8e8)}.manga-btn.primary{background:var(--primary-color, #1a73e8);color:#fff}.manga-btn.primary:hover{background:var(--primary-dark, #1557b0)}.loading-spinner{width:24px;height:24px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #1a73e8);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.manga-middle{max-width:500px}}@media (max-width: 900px){.manga-layout{flex-direction:column;overflow-y:auto;position:relative}.manga-sidebar{position:fixed;left:0;top:50px;bottom:0;width:280px;z-index:100;transform:translate(-100%);transition:transform .3s ease;box-shadow:none;border-right:1px solid var(--border-color, #e0e0e0)}.manga-sidebar:not(.collapsed){transform:translate(0)}.manga-sidebar.collapsed{width:280px;opacity:1;overflow:visible}.manga-middle{border-right:none;flex:none;min-height:auto;max-width:none}.manga-middle-content{overflow-y:visible}.manga-right{flex:none;min-height:50vh}.manga-gallery{grid-template-columns:1fr}}@media (max-width: 600px){.manga-gallery{grid-template-columns:repeat(2,1fr)}.manga-gallery-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.manga-gallery-actions{width:100%;flex-wrap:wrap;gap:8px}}.manga-project-list-page{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-secondary, #f5f5f5)}.manga-project-list-header{display:flex;align-items:center;gap:12px;padding:24px 32px;background:var(--bg-primary, #fff);border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-project-list-header h1{font-size:24px;font-weight:600;color:var(--text-primary, #333);margin:0}.manga-project-list-content{flex:1;overflow-y:auto;padding:32px}.manga-empty-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center}.manga-empty-icon{color:var(--text-tertiary, #999);opacity:.5;margin-bottom:24px}.manga-empty-projects h2{font-size:20px;font-weight:600;color:var(--text-primary, #333);margin:0 0 8px}.manga-empty-projects p{font-size:14px;color:var(--text-secondary, #666);margin:0 0 24px}.manga-create-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.manga-create-btn.primary{background:var(--primary-color, #1a73e8);color:#fff}.manga-create-btn.primary:hover{background:var(--primary-dark, #1557b0);transform:translateY(-2px);box-shadow:0 4px 12px #1a73e84d}.manga-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}.manga-project-card{position:relative;background:var(--bg-primary, #fff);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000014}.manga-project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.manga-project-card.create-new{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;border:2px dashed var(--border-color, #e0e0e0);background:transparent;box-shadow:none}.manga-project-card.create-new:hover{border-color:var(--primary-color, #1a73e8);background:var(--primary-light, #e8f0fe)}.manga-card-add-icon{color:var(--text-tertiary, #999);margin-bottom:12px}.manga-project-card.create-new:hover .manga-card-add-icon{color:var(--primary-color, #1a73e8)}.manga-project-card.create-new span{font-size:14px;font-weight:500;color:var(--text-secondary, #666)}.manga-project-card.create-new:hover span{color:var(--primary-color, #1a73e8)}.manga-card-cover{aspect-ratio:3 / 4;background:var(--bg-tertiary, #eee);overflow:hidden}.manga-card-cover img{width:100%;height:100%;object-fit:cover}.manga-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #999)}.manga-card-placeholder svg{width:48px;height:48px;opacity:.5}.manga-card-info{padding:14px}.manga-card-info h3{font-size:14px;font-weight:600;color:var(--text-primary, #333);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-card-info p{font-size:12px;color:var(--text-secondary, #666);margin:0 0 4px}.manga-card-date{font-size:11px;color:var(--text-tertiary, #999)}.manga-card-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s}.manga-project-card:hover .manga-card-delete{opacity:1}.manga-card-delete:hover{background:#d93025}.manga-chapter-list{display:flex;flex-direction:column;gap:6px}.manga-chapter-item{position:relative;padding:12px 14px;background:var(--bg-secondary, #f9f9f9);border-radius:8px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.manga-chapter-item:hover{background:var(--hover-bg, #f0f0f0)}.manga-chapter-item.active{background:var(--primary-light, #e8f0fe);border-left-color:var(--primary-color, #1a73e8)}.manga-chapter-item.completed,.manga-chapter-item.completed.active{border-left-color:#34a853}.manga-chapter-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-primary, #333);margin-bottom:4px;padding-right:24px}.manga-chapter-title>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-chapter-done{flex-shrink:0;font-size:10px;font-weight:500;color:#34a853;background:#e6f4ea;padding:2px 6px;border-radius:4px}.manga-chapter-meta{font-size:11px;color:var(--text-tertiary, #999)}.manga-chapter-delete{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-tertiary, #999);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .2s}.manga-chapter-item:hover .manga-chapter-delete{opacity:1}.manga-chapter-delete:hover{background:#fee;color:#d93025}.manga-back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;color:var(--text-secondary, #666);background:none;border:none;cursor:pointer;border-radius:6px;transition:all .2s}.manga-back-btn:hover{background:var(--hover-bg, #f0f0f0);color:var(--text-primary, #333)}.manga-project-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary, #333)}.manga-no-chapter{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center;padding:40px 20px;color:var(--text-tertiary, #999)}.manga-no-chapter-icon{opacity:.4;margin-bottom:20px}.manga-no-chapter h3{font-size:18px;font-weight:600;color:var(--text-primary, #333);margin:0 0 8px}.manga-no-chapter p{font-size:14px;color:var(--text-secondary, #666);margin:0 0 24px}.manga-no-chapter .manga-btn{display:inline-flex;align-items:center;gap:8px}.manga-modal-wide{max-width:480px}.manga-create-form{display:flex;flex-direction:column;gap:20px}.manga-cover-upload{width:180px;height:240px;margin:0 auto;border:2px dashed var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s;background:var(--bg-secondary, #f9f9f9)}.manga-cover-upload:hover{border-color:var(--primary-color, #1a73e8);background:var(--primary-light, #e8f0fe)}.manga-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary, #999)}.manga-cover-placeholder span{font-size:14px}.manga-cover-hint{font-size:12px!important;opacity:.7}.manga-cover-preview{position:relative;width:100%;height:100%}.manga-cover-preview img{width:100%;height:100%;object-fit:cover}.manga-cover-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.manga-cover-remove:hover{background:#d93025}.manga-material-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:12px;transition:border-color .2s}.manga-material-search:focus-within{border-color:var(--primary-color, #1a73e8)}.manga-material-search svg{color:var(--text-tertiary, #999);flex-shrink:0}.manga-material-search input{flex:1;border:none;background:transparent;font-size:13px;color:var(--text-primary, #333);outline:none}.manga-material-search input::placeholder{color:var(--text-tertiary, #999)}.manga-search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:var(--text-tertiary, #999);color:#fff;border-radius:50%;cursor:pointer;transition:background .2s;flex-shrink:0}.manga-search-clear:hover{background:var(--text-secondary, #666)}.manga-material-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.manga-tab{padding:4px 10px;font-size:11px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;transition:all .2s;color:var(--text-secondary, #666)}.manga-tab:hover{background:var(--hover-bg, #e8e8e8)}.manga-tab.active{background:var(--primary-color, #1a73e8);border-color:var(--primary-color, #1a73e8);color:#fff}.manga-material-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.manga-material-card{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-secondary, #f9f9f9);border-radius:8px;cursor:grab;transition:all .2s;border:1px solid transparent}.manga-material-card:hover{background:var(--hover-bg, #f0f0f0);border-color:var(--primary-color, #1a73e8)}.manga-material-card:active{cursor:grabbing}.manga-material-img{width:48px;height:48px;border-radius:6px;object-fit:cover;border:1px solid var(--border-color, #e0e0e0);flex-shrink:0}.manga-material-info{flex:1;min-width:0}.manga-material-name{font-size:13px;font-weight:500;color:var(--text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.manga-material-desc{font-size:11px;color:var(--text-tertiary, #999);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-material-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.manga-material-card:hover .manga-material-actions{opacity:1}.manga-material-actions button{font-size:11px;padding:4px 8px;border:none;background:var(--bg-primary, #fff);color:var(--text-secondary, #666);border-radius:4px;cursor:pointer}.manga-material-actions button:hover{background:var(--primary-light, #e8f0fe);color:var(--primary-color, #1a73e8)}.manga-modal.manga-modal-wide{max-width:560px}.manga-form-row{display:flex;gap:20px}.manga-img-upload-large{width:180px;height:180px;flex-shrink:0}.manga-form-fields{flex:1;display:flex;flex-direction:column;gap:14px}.manga-form-group select{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);cursor:pointer}.manga-form-group select:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-form-group textarea{width:100%;padding:10px 14px;font-size:14px;line-height:1.5;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);resize:vertical;font-family:inherit}.manga-form-group textarea:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-board-container{background:var(--bg-primary, #fff);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;margin-bottom:16px}.manga-board-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary, #f5f5f5);border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-board-title{font-size:13px;font-weight:600;color:var(--text-primary, #333)}.manga-board-actions{display:flex;align-items:center;gap:6px}.manga-board-actions button{display:flex;align-items:center;justify-content:center;padding:4px 8px;font-size:12px;border:1px solid var(--border-color, #e0e0e0);background:var(--bg-primary, #fff);color:var(--text-secondary, #666);border-radius:4px;cursor:pointer;transition:all .2s;min-width:28px;height:28px}.manga-board-actions button:hover{border-color:var(--primary-color, #1a73e8);color:var(--primary-color, #1a73e8)}.manga-board-actions button.primary{background:var(--primary-color, #1a73e8);border-color:var(--primary-color, #1a73e8);color:#fff}.manga-board-actions button.primary:hover{background:var(--primary-dark, #1557b0)}.manga-board-zoom{font-size:11px;color:var(--text-tertiary, #999);min-width:40px;text-align:center}.manga-board-canvas-wrap{position:relative;overflow:auto;background:#e0e0e0;min-height:200px;max-height:400px}.manga-board-canvas-wrap canvas{display:block}.manga-board-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:var(--text-tertiary, #999);pointer-events:none;text-align:center;padding:20px}.manga-page-board{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-color, #e0e0e0)}.manga-page-board-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #666);margin-bottom:8px}.manga-page-board-preview{width:100%;max-width:200px;border-radius:6px;border:1px solid var(--border-color, #e0e0e0);cursor:pointer}.manga-page-board-preview:hover{border-color:var(--primary-color, #1a73e8)}.manga-board-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-radius:0;margin:0;display:flex;flex-direction:column}.manga-board-container.fullscreen .manga-board-canvas-wrap{flex:1;max-height:none;min-height:0}.manga-board-toolbar-left,.manga-board-toolbar-right{display:flex;align-items:center;gap:6px}.manga-board-divider{width:1px;height:20px;background:var(--border-color, #e0e0e0);margin:0 4px}.manga-board-actions button.danger:hover{border-color:#d93025;color:#d93025}.manga-board-actions button.success{background:#34a853;border-color:#34a853;color:#fff}.manga-board-actions button.success:hover{background:#2d8f47}.manga-board-characters{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#fff8e1,#fff3e0);border-bottom:1px solid #ffe0b2;font-size:12px}.manga-board-characters-label{color:#e65100;font-weight:500;margin-right:4px}.manga-board-character-tag{display:inline-flex;align-items:center;padding:2px 8px;background:#fff;border:1px solid #ffb74d;border-radius:12px;color:#e65100;font-size:11px;font-weight:500}.manga-board-characters-hint{margin-left:auto;color:#999;font-size:11px;font-style:italic}.manga-board-shortcuts{display:flex;align-items:center;gap:12px;padding:6px 14px;background:var(--bg-tertiary, #f0f0f0);border-top:1px solid var(--border-color, #e0e0e0);font-size:11px;color:var(--text-tertiary, #999)}.manga-shortcut-item{display:flex;align-items:center;gap:4px}.manga-shortcut-key{padding:2px 6px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-family:monospace;font-size:10px}.manga-board-actions button:disabled{opacity:.4;cursor:not-allowed}.manga-board-actions button:disabled:hover{border-color:var(--border-color, #e0e0e0);color:var(--text-secondary, #666)}@media (max-width: 600px){.manga-form-row{flex-direction:column}.manga-img-upload-large{width:100%;height:200px}.manga-board-shortcuts{display:none}}.manga-board-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.manga-board-modal{background:#fff;border-radius:16px;width:100%;max-width:1400px;height:85vh;min-height:600px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideUp .25s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.manga-board-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color, #e0e0e0);flex-shrink:0}.manga-board-modal-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:12px}.manga-board-modal-hint{font-size:13px;font-weight:400;color:var(--text-secondary, #666)}.manga-board-modal-actions{display:flex;align-items:center;gap:12px}.manga-board-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:row}.manga-board-modal-sidebar{width:300px;flex-shrink:0;border-right:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;overflow:hidden;background:#fafafa}.manga-board-modal-sidebar .manga-section{flex:1;overflow-y:auto;padding:0}.manga-board-modal-sidebar .manga-section-label{padding:12px 16px;background:#fff;border-bottom:1px solid var(--border-color, #e0e0e0);position:sticky;top:0;z-index:10}.manga-board-modal-sidebar .manga-material-search{margin:12px}.manga-board-modal-sidebar .manga-material-tabs,.manga-board-modal-sidebar .manga-material-list{padding:0 12px 12px}.manga-board-modal-canvas{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.manga-board-modal-canvas .manga-board-container{flex:1;height:100%;display:flex;flex-direction:column;border-radius:0}.manga-board-modal-canvas .manga-board-toolbar{border-radius:0;background:#fff;border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-board-modal-canvas .manga-board-canvas-wrap{flex:1;max-height:none;min-height:0;display:flex;align-items:center;justify-content:center;background:#e8e8e8;overflow:hidden;position:relative}.manga-board-modal-canvas .manga-board-canvas-wrap canvas{box-shadow:0 4px 20px #00000026;border-radius:4px}.manga-board-modal-canvas .manga-board-hint{position:absolute;background:transparent}.manga-board-btn{display:flex;align-items:center;gap:4px;position:relative}.manga-board-indicator{color:#4caf50;font-size:11px;margin-left:2px}.manga-result-actions{gap:6px}.manga-result-actions button{font-size:11px;padding:6px 10px}.manga-mobile-expand-btn,.manga-sidebar-overlay{display:none}@media (min-width: 769px){.manga-swiper{display:flex;flex:1;overflow:hidden}.manga-swiper .swiper-wrapper{display:flex;flex:1;transform:none!important;height:100%}.manga-swiper .swiper-slide{flex-shrink:0;height:100%;overflow:auto}.manga-swiper .swiper-slide:first-child{width:480px!important;flex:none}.manga-swiper .swiper-slide:last-child{flex:1;width:auto!important}.manga-swiper .manga-middle,.manga-swiper .manga-right{height:100%;overflow:auto}}@media (max-width: 768px){.manga-page{height:100%;overflow:hidden}.manga-page-header{display:none}.manga-layout{flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.manga-sidebar{position:fixed;left:0;top:calc(var(--mobile-header-full) + 44px);bottom:var(--mobile-tab-height);width:min(280px,85vw);z-index:60;transform:translate(-100%);transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:none;border-right:1px solid var(--border-color, #e0e0e0);will-change:transform}.manga-page{background:#fff!important}.manga-sidebar:not(.collapsed){transform:translate(0)}.manga-sidebar.collapsed{width:min(280px,85vw);opacity:1;overflow:visible}.manga-middle{border-right:none;flex:none;min-height:auto;max-width:none;width:100%}.manga-middle-content{padding:16px 16px 24px;overflow-y:visible}.manga-input-box{padding:16px;border-radius:12px}.manga-title-input,.manga-textarea{font-size:16px}.manga-textarea{min-height:150px}.manga-input-actions{flex-wrap:wrap;gap:12px}.manga-action-btn{flex:1;min-width:calc(50% - 6px);justify-content:center}.manga-storyboard{padding:16px;border-radius:12px}.manga-panel-card{padding:12px}.manga-panel-desc-edit{font-size:16px}.manga-right{flex:none;min-height:auto;background:#fff!important}.manga-gallery-bar{padding:12px 16px;flex-direction:row;flex-wrap:wrap;gap:8px}.manga-gallery-title{width:100%;justify-content:space-between}.manga-gallery-actions{width:100%;gap:8px}.manga-select{flex:1;min-width:0;height:40px;padding:8px 12px}.manga-gallery{grid-template-columns:repeat(2,1fr);padding:16px;padding-bottom:calc(16px + var(--mobile-tab-height) + env(safe-area-inset-bottom));gap:12px}.manga-result-card{border-radius:12px}.manga-result-actions{gap:6px;padding:10px}.manga-result-actions button{padding:8px 10px;min-height:var(--touch-target-min);font-size:12px}.manga-project-list-header{padding:16px}.manga-project-list-header h1{font-size:18px}.manga-project-list-content{padding:16px}.manga-project-grid{grid-template-columns:repeat(2,1fr);gap:12px}.manga-project-card.create-new{min-height:200px}.manga-chapter-item{min-height:var(--touch-target-min);padding:14px 16px}.manga-chapter-delete{width:32px;height:32px;opacity:.6;right:8px}.manga-character-card{min-height:var(--touch-target-min);padding:12px}.manga-character-actions button{min-height:32px;padding:6px 10px}.manga-history-item{min-height:var(--touch-target-min);padding:12px 14px}.manga-h-delete{width:32px;height:32px;opacity:.6}.manga-board-container,.manga-page-board,.manga-board-modal-overlay{display:none!important}.manga-result-actions button[title*=画板]{display:none}.manga-board-modal{position:fixed;left:0;right:0;bottom:0;top:auto;max-width:100%;height:auto;max-height:70vh;border-radius:20px 20px 0 0;min-height:auto}.manga-board-modal-body{flex-direction:column}.manga-board-modal-sidebar{width:100%;max-height:50vh;border-right:none;border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-modal{width:95%;max-width:none;margin:16px}.manga-modal-header{padding:14px 16px}.manga-modal-body{padding:16px}.manga-modal-footer{padding:14px 16px}.manga-form-group input[type=text],.manga-form-group select,.manga-form-group textarea{font-size:16px}.manga-btn{min-height:var(--touch-target-min);padding:12px 20px}.manga-add-btn{min-height:var(--touch-target-min);padding:10px 14px}.manga-toggle-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.manga-empty-gallery,.manga-empty-projects,.manga-no-chapter{min-height:250px;padding:32px 20px}.manga-create-btn{width:100%;max-width:280px;justify-content:center}.manga-material-card{min-height:var(--touch-target-min);padding:12px}.manga-material-img{width:56px;height:56px}.manga-material-actions{opacity:1}.manga-material-actions button{min-height:36px;padding:8px 12px}.manga-tab{min-height:36px;padding:8px 14px;font-size:12px}.manga-mobile-expand-btn{position:fixed;left:8px;top:calc(var(--mobile-header-full) + 8px);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 2px 8px #00000026;z-index:50;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5f6368;transition:all .2s ease}.manga-mobile-expand-btn:active{transform:scale(.95);background:#f5f5f5}.manga-sidebar-overlay{display:block;position:fixed;top:calc(var(--mobile-header-full) + 44px);left:0;right:0;bottom:var(--mobile-tab-height);background:#0000;z-index:55;opacity:0;pointer-events:none;transition:background .3s ease,opacity .3s ease}.manga-sidebar-overlay.active{background:#0006;opacity:1;pointer-events:auto}.manga-mobile-tabs{display:flex;position:fixed;top:var(--mobile-header-full);left:0;right:0;height:44px;background:#fff;border-bottom:1px solid #e0e0e0;z-index:40;padding:0 12px;gap:8px}.manga-mobile-tabs-slider{position:absolute;top:6px;bottom:6px;left:12px;width:calc((100% - 32px)/2);background:linear-gradient(135deg,#ede9fe,#f3e8ff);border-radius:8px;transform:translate(calc(var(--active-tab-index, 0) * (100% + 8px)));transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #8b5cf626;z-index:0}.manga-mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;color:#5f6368;background:transparent;border:none;border-bottom:none;cursor:pointer;transition:color .2s ease;position:relative;z-index:1}.manga-mobile-tab.active{color:#8b5cf6}.manga-mobile-tab svg{flex-shrink:0}.manga-mobile-tab-badge{font-size:10px;padding:2px 6px;background:#f0f0f0;border-radius:10px;color:#666;font-weight:400}.manga-mobile-tab.active .manga-mobile-tab-badge{background:#ede9fe;color:#8b5cf6}.manga-layout{margin-top:44px}.manga-swiper.manga-content-wrapper{flex:1;overflow:hidden;width:100%}.manga-swiper .swiper-wrapper{height:100%}.manga-swiper-slide{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.manga-swiper-slide .manga-middle,.manga-swiper-slide .manga-right{width:100%;height:100%;overflow:auto}}