:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.page{background:#1a1a2e;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.toolbar-row{flex-shrink:0;align-items:stretch;gap:0;height:48px;display:flex}.toolbar{background:#14142a;border-bottom:1px solid #2a2a50;flex-wrap:wrap;align-items:center;gap:2px;padding:4px 8px;display:flex}.toolbar-group{flex:1 0 auto;justify-content:center;align-items:center;gap:4px;padding:0 8px;display:flex}.toolbar-group:after{display:none}.toolbar-label{color:#89c;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-right:4px;font-size:10px}.toolbar-group-shapes{position:relative}.tb-btn{color:#bcc8e8;cursor:pointer;background:0 0;border:1px solid #447;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex;position:relative}.tb-btn:hover{color:#c0c0e0;background:#2e2e55;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.tb-btn:active{transform:scale(.96)}.tb-btn.active{color:#818cf8;background:#6366f133;border-color:#6366f1}.tb-btn:disabled{opacity:.3;cursor:default;box-shadow:none;transform:none}.tb-btn-big{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f1;border-radius:6px;min-width:60px;height:32px;padding:0 12px;font-size:12px;transition:all .15s}.tb-btn-big:hover{background:#6366f14d;transform:translateY(-1px);box-shadow:0 2px 12px #6366f14d}.tb-btn-big:active{transform:scale(.96)}.undoButton,.redoButton{cursor:pointer;filter:invert(.6);background:url(/assets/Undo-BUHNzLEr.png) 50%/50% 50% no-repeat;border:1px solid #447;border-radius:6px;width:32px;height:32px;transition:all .15s}.undoButton:hover:not(:disabled),.redoButton:hover:not(:disabled){filter:invert(.8);background-color:#2e2e55;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.undoButton:active:not(:disabled),.redoButton:active:not(:disabled){transform:scale(.96)}.redoButton{transform:scaleX(-1)}.redoButton:hover:not(:disabled){filter:invert(.8);background-color:#2e2e55;transform:scaleX(-1)translateY(-1px);box-shadow:0 2px 8px #0000004d}.redoButton:active:not(:disabled){transform:scaleX(-1)scale(.96)}.undoButton:disabled,.redoButton:disabled{opacity:.35;cursor:default;box-shadow:none}.undoButton:disabled{transform:none}.redoButton:disabled{transform:scaleX(-1)}.brush-inline{align-items:center;gap:4px;display:flex}.brush-sub-label{color:#7a7aaa;text-transform:lowercase;min-width:22px;font-size:10px}.brush-slider-sm{accent-color:#6366f1;cursor:pointer;width:60px;height:4px}.brush-select-sm{color:#c0c0e0;cursor:pointer;background:#1a1a2e;border:1px solid #447;border-radius:5px;height:26px;padding:0 4px;font-size:11px}.brush-select-sm:hover{border-color:#6366f1}.brush-value-sm{color:#bcc8e8;text-align:center;min-width:16px;font-size:11px}.canvas-row{min-height:300px;display:flex}.layer-panel-wrapper{background:#1e1e3a;border-right:1px solid #335;flex-shrink:0;width:180px;overflow:hidden}.sidebar{background:#1e1e38;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sidebar-placeholder{color:#78b;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.sidebar-placeholder p{font-size:14px}.content{background:#16162a;flex-shrink:0;padding:6px 10px;overflow:visible}.sidebar-placeholder button{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f1;border-radius:8px;padding:8px 20px;font-size:14px;transition:all .15s}.sidebar-placeholder button:hover{background:#6366f14d;transform:translateY(-1px);box-shadow:0 2px 12px #6366f14d}.ai-bar{background:#242450;border-top:1px solid #335;flex-shrink:0;align-items:center;gap:6px;height:110px;padding:6px 8px;display:flex}.ai-vbox{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.ai-vbox-label{color:#89c;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:1px;font-size:9px}.ai-vbox .tier-btn{white-space:nowrap;border-radius:8px;padding:2px 6px;font-size:10px}.ai-util-col{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.ai-util-col .tb-btn{border-radius:4px;width:68px;height:28px;font-size:10px}.ai-util-col .tb-btn:first-child{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;font-weight:600}.ai-util-col .tb-btn:first-child:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 12px #f59e0b80}.ai-util-col .tb-btn:first-child.active{color:#fff;background:linear-gradient(135deg,#b45309,#92400e);border:none;box-shadow:inset 0 1px 3px #0000004d}.ai-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ai-row-top{align-items:center;gap:8px;min-height:0;display:flex}.ai-bar-label{color:#89c;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-right:2px;font-size:10px}.prompt-input{color:#e0e0f0;resize:none;background:#1a1a2e;border:1px solid #447;border-radius:6px;outline:none;flex:1;align-self:stretch;min-width:0;height:100%;padding:0 10px;font-size:13px;transition:border-color .15s}.tags-wrapper{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tags-label{color:#89c;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.tags-border-box{background:#00000026;border:1px solid #448;border-radius:6px;flex:1;min-height:0;padding:3px;display:flex;overflow:hidden}.prompt-input:focus{border-color:#6366f1}.prompt-input::placeholder{color:#89c}.tag-section{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.tag-box{flex-wrap:wrap;flex:1;gap:3px;min-width:0;max-height:54px;padding:0 2px;display:flex;overflow:hidden auto}.tag-btn{cursor:pointer;color:#bcc8e8;white-space:nowrap;background:0 0;border:1px solid #448;border-radius:10px;padding:2px 8px;font-size:10px;transition:all .15s}.tag-btn:hover{color:#a5b4fc;border-color:#6366f1}.tag-btn.tag-selected{color:#c7d2fe;background:#6366f140;border-color:#6366f1;transform:scale(1.05)}.tag-btn.tag-new{opacity:.6;border-style:dashed}.tag-new-form{align-items:center;gap:4px;display:flex}.tag-input{color:#e0e0f0;background:#1a1a2e;border:1px solid #447;border-radius:5px;width:60px;padding:2px 6px;font-size:10px}.quality-section{align-items:center;gap:4px;display:flex}.tier-btn{cursor:pointer;color:#bcc8e8;white-space:nowrap;background:0 0;border:1px solid #448;border-radius:12px;padding:3px 8px;font-size:11px;transition:all .15s}.tier-btn:hover{color:#a5b4fc;border-color:#6366f1}.tier-btn.tier-selected{color:#c7d2fe;background:#6366f140;border-color:#6366f1}.mode-toggle{cursor:pointer;border:1px solid #448;border-radius:6px;align-items:center;height:24px;display:flex;overflow:hidden}.mode-opt{color:#89c;padding:2px 8px;font-size:10px;transition:all .2s}.mode-opt.mode-active{color:#c7d2fe;background:#6366f14d}.mode-sep{background:#335;width:1px;height:14px}.btn-generate{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;animation:2.5s ease-in-out infinite gen-pulse;box-shadow:0 2px 10px #6366f166}@keyframes gen-pulse{0%,to{box-shadow:0 2px 10px #6366f166}50%{box-shadow:0 2px 20px #8b5cf699}}.btn-generate:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f199}.btn-generate:disabled{opacity:.5;box-shadow:none;cursor:default;animation:none;transform:none}.est-inline{color:#a5b4fc;white-space:nowrap;cursor:default;align-items:center;gap:2px;padding:0 8px;font-size:12px;display:flex;position:relative}.est-no-area{color:#f87171;white-space:nowrap;font-size:12px}.est-detail{z-index:100;white-space:nowrap;background:#2e2e55;border:1px solid #55a;border-radius:6px;margin-bottom:4px;padding:6px 10px;display:none;position:absolute;bottom:100%;right:0;box-shadow:0 -2px 8px #0000004d}.est-inline:hover .est-detail{flex-direction:column;gap:3px;display:flex}.est-row{color:#c0c0e0;justify-content:space-between;gap:12px;font-size:11px;display:flex}.est-row span:first-child{color:#bcc8e8}.loading-overlay{z-index:9999;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-spinner{border:4px solid #335;border-top-color:#8b5cf6;border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text_for_generating{color:#a5b4fc;font-size:14px}.loading-overlay button{color:#88c;cursor:pointer;background:#ffffff0d;border:1px solid #558;border-radius:6px;margin-top:8px;padding:6px 16px;font-size:13px;transition:all .15s}.loading-overlay button:hover{color:#c0c0e0;background:#ffffff1a}.hidden-input{display:none}.gen-bottom-row{align-items:stretch;gap:10px;margin-top:4px;display:flex}.gen-col{flex-direction:column;gap:4px;display:flex}.gen-col-label{color:#67a;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;margin-bottom:1px;font-size:9px}.gen-tier-col{flex:0 auto;min-width:0}.tier-box{border-radius:6px;justify-content:center;gap:3px;padding:2px 4px;display:flex}.tier-left,.tier-right{flex-direction:column;gap:2px;display:flex}.tier-right .mode-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:2px;height:auto;padding:0;display:flex;overflow:visible}.tier-right .mode-opt{white-space:nowrap;color:#89b;border-radius:4px;padding:2px 6px;font-size:10px}.tier-right .mode-opt.mode-active{color:#fff;background:#3b44cc}.tier-btns-h{gap:1px;display:flex}.tier-btns-h .tier-btn{color:#89b;cursor:pointer;text-align:center;white-space:nowrap;background:#1a1a2e;border:1px solid #446;border-radius:4px;flex:1;padding:2px 6px;font-size:10px}.tier-btns-h .tier-btn.tier-selected{color:#fff;background:#3b44cc;border-color:#55d}.gen-col-fluid{flex:100px;min-width:100px;overflow:hidden}.gen-bottom-row .dialog{box-sizing:border-box;resize:none;color:#c0c0e0;background:#12122a;border:1px solid #447;border-radius:8px;width:100%;min-width:0;max-height:72px;padding:6px;font-size:13px}.gen-bottom-row .dialog:focus{border-color:#6366f1;outline:none}.tag-bordered{box-sizing:border-box;background:#14142a;border:1px solid #446;border-radius:8px;width:100%;min-width:0;max-height:100px;padding:4px;overflow-y:auto}.gen-range-box{flex-direction:column;flex:none;gap:3px;min-width:80px;display:flex}.btn-range-amber{color:#1a1a2e;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#d97706,#f59e0b);border:none;border-radius:8px;flex:1;padding:6px 8px;font-size:11px;font-weight:600;transition:opacity .15s}.btn-range-amber:hover{opacity:.85}.btn-range-amber.range-selected{opacity:1;transform:scale(1.06);box-shadow:0 0 8px #f59e0b80}.btn-range-json-sm{color:#a0a0c0;cursor:pointer;background:#1e1e38;border:1px solid #447;border-radius:5px;padding:4px 8px;font-size:11px}.btn-range-json-sm:hover{background:#2e2e55}.gen-submit-col{flex-direction:column;flex:none;gap:4px;min-width:140px;display:flex}.est-tooltip{color:#c0c0e0;white-space:nowrap;z-index:1000;pointer-events:none;background:#1e1e3e;border:1px solid #446;border-radius:6px;margin-bottom:4px;padding:6px 10px;font-size:11px;display:none;position:absolute;bottom:100%;left:auto;right:0;transform:none}.est-tooltip-wrap{cursor:help;position:relative}.est-tooltip-wrap:hover .est-tooltip{display:block}.est-compact{color:#a0a0c0;text-align:center;font-size:12px;display:block}.gen-noarea-warn{color:#f44;text-align:center;background:#ff000014;border:1px solid #633;border-radius:6px;padding:6px 4px;font-size:12px}.btn-generate{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;flex:1;width:100%;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;overflow:hidden}.btn-generate:hover{opacity:.9;transform:scale(1.01)}.btn-generate:active{transform:scale(.98)}.btn-generate:disabled{opacity:.4;cursor:not-allowed;transform:none}.layer-toggle-btn{display:none}@media (width<=768px){.layer-toggle-btn{z-index:51;color:#c0c0e0;cursor:pointer;background:#2a2a55;border:1px solid #444;border-radius:6px;padding:4px 10px;font-size:16px;display:inline-block;position:absolute;top:4px;right:8px}.canvas-row{min-height:200px;position:relative}.layer-panel-wrapper{z-index:50;width:160px;display:none;position:absolute;top:0;bottom:0;right:0}.layer-panel-wrapper.layer-open{display:block}.layerPanel{width:100%}.toolbar{gap:4px}.toolbar-group-shapes{display:none}.gen-bottom-row{flex-wrap:wrap;gap:6px}.gen-col-fluid{flex:200px;min-width:120px}.gen-submit-col{width:100%}}.colorPanel{z-index:999;background:#ffffffd2}.panel-backdrop{z-index:50;position:fixed;inset:0}.shape-tools-panel{z-index:100;background:#1e1e3a;border:1px solid #447;border-radius:8px;min-width:200px;margin-top:6px;padding:10px;position:absolute;top:100%;left:0;box-shadow:0 6px 20px #0006}.stp-section{align-items:center;gap:8px;padding:4px 0;display:flex}.stp-section+.stp-section{border-top:1px solid #2a2a4a}.stp-label{color:#89c;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;min-width:50px;font-size:10px}.stp-btn-row{align-items:center;gap:4px;display:flex}.stp-btn-row .tb-btn{width:30px;height:30px}.stp-color-row{align-items:center;gap:6px;display:flex}.stp-alpha-slider{appearance:none;cursor:pointer;background:#447;border-radius:2px;outline:none;width:60px;height:4px}.stp-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#c0c0e0;border-radius:50%;width:12px;height:12px}.stp-alpha-val{color:#89c;text-align:right;-webkit-user-select:none;user-select:none;min-width:32px;font-size:10px}.shape-tools-panel .brush-inline{align-items:center;gap:6px;display:flex}.shape-tools-panel .brush-slider-sm{width:80px}.shape-tools-panel .brush-value-sm{color:#bcc8e8;min-width:32px;font-size:11px}.canvas-svg{background:#fff;border-radius:4px;width:100%;height:100%;display:block;box-shadow:0 2px 20px #0006}.canvas-active{cursor:crosshair}.canvas-idle{cursor:default}.canvas-eyedropper{cursor:crosshair}.canvas-svg circle:hover{filter:brightness(.8)}.context-menu{z-index:1001;background:#222240;border:1px solid #335;border-radius:8px;min-width:140px;padding:4px 0;position:fixed;box-shadow:0 4px 16px #00000080}.context-menu-item{cursor:pointer;color:#c0c0e0;padding:7px 18px;font-size:13px}.context-menu-item:hover{color:#e0e0f0;background:#2e2e55}.rotate-handle{cursor:grab}.rotate-handle:hover{filter:brightness(.7)}.zoom-controls{z-index:100;gap:4px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-btn{color:#a0a0cc;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#222240e6;border:1px solid #335;border-radius:6px;min-width:28px;padding:5px 10px;font-size:12px;transition:all .15s}.zoom-btn:hover{color:#c0c0e0;background:#2e2e55;transform:translateY(-1px)}.lineart-loading{color:#e0e0f0;z-index:100;background:#000000b3;border-radius:8px;padding:8px 18px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.dialog-box{color:#e0e0f0;background:#222240;border-radius:8px;min-width:320px;padding:24px;box-shadow:0 4px 20px #0000004d}.dialog-box h3{margin:0 0 16px;font-size:16px}.dialog-field{align-items:center;gap:12px;margin-bottom:12px;display:flex}.dialog-field label{width:80px;font-size:14px}.dialog-field input{border:1px solid #ccc;border-radius:4px;flex:1;padding:4px 8px;font-size:14px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.dialog-actions button{color:#e0e0f0;cursor:pointer;background:#222240;border:1px solid #ccc;border-radius:4px;padding:6px 16px;font-size:14px}.dialog-actions button:last-child{color:#fff;background:#007aff;border-color:#007aff}.layer-panel{color:#fff;-webkit-user-select:none;user-select:none;background-color:#2c2c2e;border-right:1px solid #3a3a3c;flex-direction:column;width:100%;height:100%;display:flex}.layer-panel-header{border-bottom:1px solid #3a3a3c;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.layer-panel-title{font-size:13px;font-weight:600}.layer-panel-count{color:#8e8e93;font-size:11px}.layer-list{flex:1;padding:4px 0;overflow-y:auto}.layer-item{cursor:pointer;border-left:3px solid #0000;gap:6px;padding:4px 8px;transition:background .15s}.layer-item:hover{background:#ffffff14}.layer-item.layer-active{background:#6366f126;border-left-color:#6366f1}.layer-item.layer-hidden{opacity:.5}.layer-item.layer-hidden.layer-active{border-left-color:#666}.layer-visibility-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px;line-height:1}.layer-visibility-btn:hover{opacity:1}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.layer-name-input{color:#e0e0f0;background:#2e2e55;border:1px solid #6366f1;border-radius:4px;outline:none;flex:1;min-width:0;padding:2px 6px;font-size:12px}.layer-delete-btn{color:#ff453a;cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;font-weight:700}.layer-delete-btn:hover{opacity:1}.layer-add-btn{color:#8e8e93;cursor:pointer;background:#3a3a3c;border:1px dashed #5a5a5c;border-radius:6px;margin:8px;padding:8px;font-size:12px}.layer-add-btn:hover{color:#fff;background:#4a4a4c}.layer-row{align-items:center;gap:4px;width:100%;display:flex}.layer-lock-btn{cursor:pointer;opacity:.5;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.layer-lock-btn:hover{opacity:1}.layer-controls{align-items:center;gap:4px;padding:2px 8px 4px;display:flex}.layer-opacity-slider{cursor:pointer;accent-color:#6366f1;appearance:none;background:#555;border-radius:2px;flex:1;min-width:0;height:4px}.layer-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#007aff;border-radius:50%;width:10px;height:10px}.layer-merge-btn{color:#ccc;cursor:pointer;background:#444;border:none;border-radius:3px;padding:2px 4px;font-size:10px;line-height:1}.layer-merge-btn:hover{color:#fff;background:#666}.admin-fullscreen{background:#f9fafb;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.admin-login-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.admin-login-center form{flex-direction:column;gap:8px;display:flex}.admin-login-center form input{border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-size:14px}.admin-login-center form button{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:4px;padding:8px;font-size:14px}.admin-close-btn{cursor:pointer;color:#999;background:0 0;border:none;margin-top:8px;font-size:14px}.admin-error{color:#d32f2f;margin:0;font-size:13px}.admin-tab-bar{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;gap:0;padding:0 16px;display:flex}.admin-tab-bar button{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:13px;transition:all .15s}.admin-tab-bar button:hover{color:#007aff}.admin-tab-bar button.tab-active{color:#007aff;border-bottom-color:#007aff;font-weight:600}.admin-tab-content{flex:1;min-height:0;padding:16px;overflow-y:auto}.admin-stats-table{border-collapse:collapse;width:100%;max-width:700px;font-size:13px}.admin-stats-table th{text-align:left;color:#333;background:#f0f2f5;padding:6px 12px;font-weight:600}.admin-stats-table td{border-bottom:1px solid #eee;padding:4px 12px}.admin-stats-table tr{background:#fff}.admin-empty{text-align:center;color:#999;padding:20px}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:#666;background:#fff;border-bottom:2px solid #e0e0e0;padding:8px 6px;font-weight:600;position:sticky;top:0}.admin-table td{border-bottom:1px solid #f0f0f0;padding:8px 6px}.admin-table td button{cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;margin-right:4px;padding:3px 10px;font-size:12px}.admin-table td button:hover{background:#e8e8e8}.admin-table-wrap{flex:1;min-height:0}.admin-search{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:8px;padding:8px 12px;font-size:13px}.admin-fb-filters{gap:4px;margin-bottom:8px;display:flex}.admin-fb-filters button{cursor:pointer;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:4px 12px;font-size:12px}.admin-fb-filters button.active{color:#fff;background:#007aff}.fb-open{color:#d32f2f;font-weight:600}.fb-resolved{color:#2e7d32}.feedback-desc{color:#555;background:#fffbe6;padding:10px 12px;font-size:13px;line-height:1.5}.uid-cell{color:#888;cursor:pointer;-webkit-user-select:all;user-select:all;font-family:monospace;font-size:11px}.uid-cell:hover{color:#007aff}.mb-form{flex-direction:column;gap:8px;display:flex}.mb-form h3{margin:0 0 4px;font-size:14px}.mb-lang-toggle{gap:4px;display:flex}.mb-lang-toggle button{cursor:pointer;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:4px 12px;font-size:12px}.mb-lang-toggle button.active{color:#fff;background:#007aff;border-color:#007aff}.mb-input{border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-size:13px}.mb-textarea{resize:vertical;border:1px solid #ccc;border-radius:4px;min-height:80px;padding:8px 12px;font-size:13px}.mb-textarea.small{min-height:50px}.mb-field-row{align-items:center;gap:8px;font-size:13px;display:flex}.mb-field-row select{border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:13px}.mb-field-row input[type=number]{border:1px solid #ccc;border-radius:4px;width:70px;padding:4px 8px;font-size:13px}.mb-search-row{gap:6px;display:flex}.mb-search-row .mb-input{flex:1}.mb-search-row button{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.mb-search-results{border:1px solid #eee;border-radius:4px;max-height:150px;overflow-y:auto}.mb-search-item{cursor:pointer;border-bottom:1px solid #f5f5f5;padding:6px 10px;font-size:13px}.mb-search-item:hover{background:#f0f2ff}.mb-paste-row{gap:6px;display:flex}.mb-paste-row .mb-textarea{flex:1}.mb-paste-row button{color:#fff;cursor:pointer;background:#666;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.mb-chips{flex-wrap:wrap;gap:4px;display:flex}.mb-chip{color:#007aff;background:#e8f0fe;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.mb-chip button{color:#007aff;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.mb-sent-msg{color:#2e7d32;font-size:13px}.stats-grid{align-items:flex-start;gap:24px;max-width:1400px;margin:0 auto;padding:16px;display:flex}.stats-grid>table{flex-shrink:0}.stats-charts{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.chart-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.chart-box h3{color:#333;margin:0 0 12px;font-size:14px;font-weight:600}.chart-empty{text-align:center;color:#999;padding:40px 0;font-size:13px}.admin-logs-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.admin-logs-summary{color:#666;font-size:13px}.admin-logs-cleanup-btn{color:#fff;cursor:pointer;background:#d32f2f;border:none;border-radius:4px;padding:6px 14px;font-size:12px}.admin-logs-cleanup-btn:hover{background:#b71c1c}.admin-log-filename:hover{color:#0056cc}.admin-log-content{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-top:16px;overflow:hidden}.admin-log-content-header{color:#333;background:#f0f2f5;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.admin-log-pre{color:#333;white-space:pre-wrap;word-break:break-all;background:#fafafa;max-height:400px;margin:0;padding:12px;font-family:SF Mono,Menlo,Monaco,monospace;font-size:12px;line-height:1.6;overflow:auto}@media (width<=768px){.admin-tab-bar{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.admin-tab-bar::-webkit-scrollbar{display:none}.admin-tab-bar button{padding:8px 12px;font-size:12px}.admin-table-wrap{overflow-x:auto}.admin-stats-table{min-width:500px}.stats-grid{flex-wrap:wrap;gap:12px}}.fb-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fb-modal{background:#fff;border-radius:8px;min-width:360px;max-width:480px;padding:24px;position:relative}.fb-modal h3{margin:0 0 16px;font-size:16px}.fb-modal form{flex-direction:column;gap:10px;display:flex}.fb-input,.fb-textarea{resize:vertical;border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-family:inherit;font-size:14px}.fb-submit{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:4px;padding:8px;font-size:14px}.fb-error{color:#d32f2f;margin:0;font-size:13px}.fb-sent{color:#2e7d32;text-align:center;padding:20px 0;font-size:15px}.fb-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:12px}.auth-overlay{z-index:10000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-container{border-radius:12px;flex-direction:column;width:420px;display:flex;position:relative;box-shadow:0 15px 40px #00000040}.auth-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:-32px;right:4px}.auth-tabs{height:55px;display:flex}.auth-tabs button{cursor:pointer;color:#333;background:#ddd;border:none;border-radius:12px 12px 0 0;flex:1;font-size:16px}.auth-tabs button.active{color:#111;background:#fff;font-weight:600}.auth-dialog{background:#fff;border-radius:0 0 12px 12px;padding:35px}.auth-dialog h2{text-align:center;color:#111;margin-top:0}.auth-dialog form{flex-direction:column;gap:15px;display:flex}.auth-dialog label{color:#333;flex-direction:column;gap:6px;font-size:14px;display:flex}.auth-dialog input{border:1px solid #ccc;border-radius:8px;padding:10px;font-size:15px}.auth-dialog form button{color:#fff;cursor:pointer;background:#222;border:none;border-radius:8px;margin-top:10px;padding:12px}.auth-dialog form button:hover{opacity:.8}.oauth-section{padding:16px 0 0}.oauth-divider{align-items:center;gap:10px;margin-bottom:14px;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:#ddd;flex:1;height:1px}.oauth-divider span{color:#888;white-space:nowrap;font-size:12px}.oauth-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 16px;font-size:14px;transition:background .15s,box-shadow .15s;display:flex}.oauth-btn:hover{background:#f5f5f5;box-shadow:0 2px 8px #00000014}.oauth-icon{flex-shrink:0}.auth-error{color:#e74c3c;text-align:center;background:#fdf0ef;border-radius:6px;margin-bottom:8px;padding:8px;font-size:13px}.auth-verify{flex-direction:column;gap:15px;display:flex}.auth-verify-msg{text-align:center;color:#27ae60;margin:0;font-size:14px}.auth-verify-email{text-align:center;color:#333;margin:0;font-weight:600}.auth-code-input{text-align:center;letter-spacing:12px;font-size:24px}.auth-resend-btn{cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:8px;margin-top:0;padding:10px;font-size:14px}.auth-resend-btn:disabled{opacity:.5;cursor:not-allowed}.auth-done{text-align:center;flex-direction:column;gap:15px;display:flex}.auth-done-msg{color:#27ae60;margin:0;font-size:16px}.auth-done button{align-self:center}.auth-forgot-link{color:#3b82f6;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:8px;padding:0;font-size:13px;display:block}.auth-forgot-link:hover{text-decoration:underline}.auth-agreement-modal{z-index:99999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-agreement-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:24px;overflow-y:auto}.auth-agreement-content h3{margin:0 0 12px;font-size:18px}.auth-agreement-text{color:#444;white-space:pre-wrap;margin:0 0 16px;font-family:inherit;font-size:13px;line-height:1.7}.auth-agreement-close{color:#fff;cursor:pointer;background:#007aff;border:1px solid #007aff;border-radius:6px;margin:0 auto;padding:6px 24px;font-size:13px;display:block}.auth-footer{text-align:center;color:#666;margin-top:20px;padding:0;font-size:12px}.auth-footer a{color:#007aff;cursor:pointer;text-decoration:underline}.auth-footer a:hover{color:#0056cc}@media (width<=768px){.auth-container{width:min(420px,92vw)}.auth-dialog{padding:18px}}.lc-overlay{z-index:10001;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lc-modal{background:#fff;border-radius:12px;flex-direction:column;width:820px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000040}.lc-header{border-bottom:1px solid #e8e8e8;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px 12px;display:flex}.lc-header h2{color:#222;margin:0;font-size:16px;font-weight:600}.lc-close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.lc-close:hover{color:#333}.lc-tabs{background:#f8f8f8;border-bottom:1px solid #e8e8e8;flex-shrink:0;gap:0;padding:0 24px;display:flex}.lc-tab{cursor:pointer;color:#555;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-size:13px;font-weight:500;transition:all .15s}.lc-tab:hover{color:#007aff}.lc-tab.active{color:#007aff;background:#fff;border-bottom-color:#007aff;font-weight:600}.lc-meta{color:#999;border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:8px 24px;font-size:12px}.lc-body{flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.lc-toc{border-right:1px solid #f0f0f0;flex-shrink:0;width:200px;padding:16px;overflow-y:auto}.lc-toc h4{text-transform:uppercase;color:#aaa;letter-spacing:.5px;margin:0 0 10px;font-size:11px}.lc-toc ol{margin:0;padding:0;list-style:none}.lc-toc li{padding:4px 0;font-size:13px}.lc-toc a{color:#777;border-radius:4px;padding:2px 8px;text-decoration:none;transition:all .15s;display:block}.lc-toc a:hover{color:#007aff;background:#f0f6ff}.lc-toc li.active a{color:#007aff;background:#e8f0fe;font-weight:600}.lc-content{color:#333;flex:1;min-width:0;padding:20px 28px;font-size:14px;line-height:1.75;overflow-y:auto}.lc-content h2{color:#111;border-bottom:1px solid #eee;margin:32px 0 12px;padding-bottom:8px;font-size:18px}.lc-content h2:first-child{margin-top:0}.lc-content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.lc-content table th,.lc-content table td{text-align:left;border:1px solid #e0e0e0;padding:8px 12px}.lc-content table th{background:#f5f5f5;font-weight:600}.lc-content a{color:#007aff}.lc-content hr{border:none;border-top:1px solid #eee;margin:24px 0}.lc-content ul,.lc-content ol{margin:8px 0;padding-left:20px}.lc-footer{text-align:center;border-top:1px solid #e8e8e8;flex-shrink:0;padding:12px 24px}.lc-close-btn{color:#fff;cursor:pointer;background:#007aff;border:1px solid #007aff;border-radius:6px;padding:8px 24px;font-size:13px}.lc-close-btn:hover{opacity:.9}@media (width<=700px){.lc-body{flex-direction:column}.lc-toc{border-bottom:1px solid #f0f0f0;border-right:none;width:100%;max-height:150px;padding:12px 16px}.lc-toc ol{flex-wrap:wrap;gap:4px 12px;display:flex}.lc-toc li{padding:0}}.lang-select-overlay{z-index:20000;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lang-select-card{text-align:center;color:#fff;max-width:560px;padding:60px 40px}.lang-brand{letter-spacing:2px;color:#fff;margin:0 0 18px;font-size:36px;font-weight:700;line-height:1.3}.lang-brand-en{color:#fffc;letter-spacing:0;margin-top:6px;font-size:18px;font-weight:400;display:block}.lang-desc{color:#ffffffd9;margin:0 0 48px;font-size:16px;line-height:1.7}.lang-desc-en{color:#ffffff8c;margin-top:4px;font-size:14px;display:block}.lang-subtitle{color:#fff6;margin:40px 0 0;font-size:13px;line-height:1.6}.lang-subtitle-en{color:#ffffff4d;margin-top:2px;font-size:12px;display:block}.lang-buttons{display:none}.lang-list{border:1px solid #ffffff26;border-radius:10px;max-width:400px;margin:0 auto;overflow:hidden}.lang-row{cursor:pointer;border-bottom:1px solid #ffffff14;align-items:center;padding:14px 20px;transition:background .15s;display:flex}.lang-row:last-child{border-bottom:none}.lang-row:hover{background:#ffffff1a}.lang-row.recommended .lang-row-name{font-weight:600}.lang-row-name{color:#fff;flex:1;font-size:15px}.lang-row-badge{color:#ffffff80;border:1px solid #fff3;border-radius:4px;margin-right:12px;padding:2px 8px;font-size:11px}.lang-row-arrow{color:#ffffff4d;font-size:13px}.agreement-overlay{z-index:15000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.agreement-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:85vh;display:flex;box-shadow:0 20px 60px #0000004d}.agreement-title{text-align:center;border-bottom:1px solid #eee;margin:0;padding:28px 32px 16px;font-size:20px;font-weight:700}.agreement-body{color:#333;flex:1;padding:24px 32px;font-size:14px;line-height:1.8;overflow-y:auto}.agreement-header{color:#111;margin:16px 0 8px;font-size:16px;font-weight:700}.agreement-section{color:#222;margin-top:14px;font-weight:600}.agreement-summary{color:#555;padding-left:16px;font-size:13px;line-height:1.7}.agreement-summary a{color:#007aff;text-decoration:underline}.agreement-summary a:hover{color:#0056cc}.agreement-actions{border-top:1px solid #eee;justify-content:center;gap:12px;padding:20px 32px;display:flex}.agree-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:10px;padding:14px 48px;font-size:16px;font-weight:600;transition:background .2s}.agree-btn:hover{background:#0056b3}.account-card{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:220px;padding:12px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001f}.account-card-header{flex-direction:column;align-items:center;padding:8px 16px 12px;display:flex}.account-card-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px;margin-bottom:8px}.account-card-avatar-placeholder{background:#e0e0e0;border-radius:50%;width:48px;height:48px;margin-bottom:8px}.account-card-name{font-size:14px;font-weight:600}.account-card-membership{color:#888;margin-top:2px;font-size:12px}.account-card-divider{background:#eee;height:1px;margin:4px 0}.account-card-stats{padding:4px 16px}.account-card-stat{color:#555;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.account-card-btn{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;width:100%;padding:8px 16px;font-size:13px;display:block}.account-card-btn:hover{background:#f5f5f5}.account-card-btn-disabled{color:#bbb;cursor:default}.account-card-btn-disabled:hover{background:0 0}.account-card-btn-logout{color:#d32f2f}.history-viewer{max-width:600px;margin:60px auto 40px;padding:24px}.history-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.history-header h2{margin:0;font-size:20px}.history-clear-btn{color:#d32f2f;cursor:pointer;background:0 0;border:1px solid #d32f2f;border-radius:4px;padding:6px 16px;font-size:13px}.history-empty{text-align:center;color:#999;padding:48px 0;font-size:15px}.history-loading{text-align:center;color:#999;padding:48px 0}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{background:#fff;border:1px solid #eee;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;display:flex}.history-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:64px;height:64px}.history-thumb-placeholder{background:#f0f0f0;border-radius:4px;flex-shrink:0;width:64px;height:64px}.history-info{flex:1;min-width:0}.history-prompt{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.history-date{color:#999;margin-top:4px;font-size:12px}.history-delete-btn{cursor:pointer;color:#ccc;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:28px;height:28px;font-size:18px}.history-delete-btn:hover{color:#d32f2f;background:#fff5f5}.history-star-btn{cursor:pointer;color:#ccc;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:28px;height:28px;font-size:18px}.history-star-btn:hover,.history-star-btn.starred{color:#f0a500}.history-publish-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:28px;height:28px;font-size:16px}.history-publish-btn:hover{background:#e8f5e9}.publish-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.publish-card{background:#fff;border-radius:8px;min-width:360px;max-width:480px;padding:24px}.publish-card h3{margin:0 0 16px}.publish-card label{color:#555;margin-bottom:10px;font-size:13px;display:block}.publish-card input[type=text],.publish-card textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;margin-top:4px;padding:6px 10px;font-size:14px}.publish-card textarea{min-height:60px}.publish-checkbox{cursor:pointer;align-items:center;gap:6px;display:flex}.publish-checkbox input{margin:0}.publish-actions{gap:8px;margin-top:16px;display:flex}.publish-actions button{cursor:pointer;border:none;border-radius:4px;padding:8px 20px;font-size:14px}.publish-actions button:first-child{color:#fff;background:#3b82f6}.publish-actions button:last-child{color:#333;background:#eee}.history-back-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;margin:24px auto 0;padding:10px 28px;font-size:15px;font-weight:500;display:block}.history-back-btn:hover{background:#2563eb}.profile-editor{max-width:480px;margin:80px auto 40px;padding:24px}.profile-editor h2{margin:0 0 24px}.profile-section{margin-bottom:20px}.profile-section label{color:#666;margin-bottom:6px;font-size:13px;display:block}.profile-section input{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.profile-section button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:8px;padding:6px 16px}.profile-avatar{align-items:center;gap:12px;display:flex}.profile-avatar img,.profile-avatar-placeholder{border-radius:50%;width:64px;height:64px}.profile-avatar-placeholder{background:#e0e0e0}.profile-back-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;margin-top:16px;padding:10px 28px;font-size:15px;font-weight:500}.profile-back-btn:hover{background:#2563eb}.gallery-overlay-backdrop{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-overlay-card{background:#fff;border-radius:8px;flex-direction:column;max-width:90vw;max-height:90vh;display:flex;position:relative;overflow:hidden}.gallery-overlay-close{color:#fff;cursor:pointer;z-index:2;background:#00000080;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:8px;right:8px}.gallery-overlay-download{color:#fff;cursor:pointer;z-index:2;background:#00000080;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;position:absolute;top:8px;right:48px}.gallery-overlay-delete{color:#fff;cursor:pointer;z-index:2;background:#dc2626b3;border:none;border-radius:50%;width:32px;height:32px;font-size:14px;position:absolute;top:8px;right:88px}.gallery-overlay-delete:hover{background:#dc2626e6}.gallery-overlay-img{object-fit:contain;max-height:60vh}.gallery-overlay-info{padding:8px 12px}.gallery-overlay-author{font-size:14px;font-weight:600}.gallery-overlay-desc{color:#666;margin-left:8px;font-size:13px}.gallery-overlay-actions{gap:12px;padding:0 12px 8px;display:flex}.gallery-overlay-actions button{color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff4d;border-radius:6px;padding:4px 12px;font-size:14px}.gallery-overlay-actions button.liked{opacity:1;font-weight:700}.gallery-overlay-comments{border-top:1px solid #eee;max-height:160px;margin:0 12px;padding:0 12px;overflow-y:auto}.gallery-overlay-comment{padding:4px 0;font-size:13px}.gallery-overlay-comment-input{border-top:1px solid #eee;gap:4px;padding:8px 12px;display:flex}.gallery-overlay-comment-input input{border:1px solid #ddd;border-radius:4px;flex:1;padding:4px 8px;font-size:13px}.gallery-overlay-comment-input button{color:#fff;cursor:pointer;background:#3b82f6;border:1px solid #3b82f6;border-radius:4px;padding:4px 12px;font-size:13px}.gallery-admin-bar{background:#fef3e0;border-radius:6px;align-items:center;gap:8px;margin:8px 0;padding:8px 12px;display:flex}.gallery-admin-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.gallery-admin-btn:hover{opacity:.85}.gallery-admin-danger{background:#c33}.gallery-filter{background:#fff;border-radius:10px;flex-direction:column;gap:8px;margin:64px 14px 0;padding:12px 16px;display:flex;box-shadow:0 1px 6px #00000014}.filter-title{color:#333;align-items:center;gap:6px;margin-bottom:2px;font-size:14px;font-weight:600;display:flex}.filter-icon{opacity:.5;font-size:14px}.filter-row{gap:10px;display:flex}.filter-row-2col>.filter-field{flex:1;min-width:0}.filter-field{flex-direction:column;gap:3px;display:flex}.filter-field-full{flex:1}.filter-label{color:#888;font-size:12px;font-weight:500}.filter-select{color:#333;box-sizing:border-box;appearance:none;cursor:pointer;background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:6px 28px 6px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.filter-select:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff1a}.filter-input{color:#333;box-sizing:border-box;background:#fafafa;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:6px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.filter-input:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff1a}.filter-input::placeholder{color:#bbb}.filter-row-actions{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding-top:6px}.filter-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.filter-toggle input[type=checkbox]{display:none}.toggle-switch{background:#d1d1d1;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.filter-toggle input:checked+.toggle-switch{background:#007aff}.filter-toggle input:checked+.toggle-switch:after{transform:translate(16px)}.toggle-text{color:#555;font-size:13px}.filter-buttons{gap:6px;display:flex}.filter-btn-apply,.filter-btn-reset{cursor:pointer;border:none;border-radius:8px;padding:5px 16px;font-size:12px;font-weight:500;transition:background .15s,transform .1s}.filter-btn-apply:active,.filter-btn-reset:active{transform:scale(.96)}.filter-btn-apply{color:#fff;background:#007aff}.filter-btn-apply:hover{background:#0062cc}.filter-btn-reset{color:#555;background:#f0f0f0}.filter-btn-reset:hover{color:#333;background:#e0e0e0}.store-backdrop{z-index:500;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.store-card{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;position:relative}.store-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:22px;position:absolute;top:10px;right:10px}.store-title{color:#333;margin:0 0 8px;font-size:20px;font-weight:600}.store-desc{color:#888;margin:0 0 20px;font-size:13px}.daily-bonus-section{background:#f8f9ff;border:1px solid #d0d5ff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.daily-bonus-info{flex-direction:column;gap:2px;display:flex}.daily-bonus-label{color:#333;font-size:14px;font-weight:600}.daily-bonus-hint{color:#888;font-size:12px}.daily-bonus-btn{white-space:nowrap;min-width:80px}.store-packages{flex-direction:column;gap:10px;display:flex}.store-package{border:1px solid #e5e5e5;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.store-package-info{flex-direction:column;gap:2px;display:flex}.store-package-name{color:#333;font-size:14px;font-weight:500}.store-package-price{color:#007aff;font-size:18px;font-weight:600}.store-buy-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.store-buy-btn:hover{background:#0062cc}.store-buy-btn:disabled{opacity:.5;cursor:not-allowed}.store-error{color:#d32f2f;margin:8px 0 0;font-size:13px}.inbox-backdrop{z-index:500;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inbox-card{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:480px;max-height:70vh;padding:0;display:flex;position:relative;overflow:hidden}.inbox-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.inbox-title{color:#333;margin:0;font-size:18px;font-weight:600}.inbox-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:22px}.inbox-empty{text-align:center;color:#999;margin:0;padding:40px 20px;font-size:14px}.inbox-list{flex:1;padding:8px 0;overflow-y:auto}.inbox-item{border-bottom:1px solid #f0f0f0}.inbox-item.inbox-unread{background:#f8f9ff}.inbox-item-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.inbox-item-header:hover{background:#f0f2ff}.inbox-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.inbox-dot{background:#007aff;border-radius:50%;flex-shrink:0;width:8px;height:8px}.inbox-dot-read{background:#ccc}.inbox-item-title-row{align-items:center;gap:6px;min-width:0;display:flex}.inbox-item-title{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.inbox-badge-new{color:#fff;background:#007aff;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10px}.inbox-item-date{color:#aaa;white-space:nowrap;margin-left:12px;font-size:12px}.inbox-item-body{padding:0 24px 16px 42px}.inbox-item-text{color:#555;white-space:pre-wrap;margin:0 0 12px;font-size:13px;line-height:1.6}.inbox-reward{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.inbox-reward-credits{color:#f0a020;font-size:13px;font-weight:600}.inbox-reward-membership{color:#007aff;font-size:13px;font-weight:600}.inbox-claim-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:6px;padding:4px 14px;font-size:12px;font-weight:600}.inbox-claim-btn:hover{background:#0062cc}.inbox-claim-btn:disabled{opacity:.5;cursor:not-allowed}.inbox-hide-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;padding:4px 12px;font-size:12px}.inbox-hide-btn:hover{color:#666;border-color:#ccc}.help-overlay{z-index:999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal{background:#1a1a2e;border:1px solid #335;border-radius:12px;flex-direction:column;width:600px;max-width:95vw;max-height:90vh;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.help-header{border-bottom:1px solid #2a2a4a;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px 10px;display:flex}.help-header h3{color:#e0e0f0;margin:0;font-size:16px;font-weight:600}.help-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.help-close:hover{color:#fff}.help-search-row{border-bottom:1px solid #2a2a4a;flex-shrink:0;padding:10px 20px}.help-search-input{box-sizing:border-box;color:#c0c0e0;background:#0d0d23;border:1px solid #335;border-radius:6px;outline:none;width:100%;padding:7px 12px;font-size:13px}.help-search-input::placeholder{color:#555}.help-search-input:focus{border-color:#007aff}.help-card{flex:1;min-height:0;padding:16px 20px 12px;overflow-y:auto}.help-card::-webkit-scrollbar{width:5px}.help-card::-webkit-scrollbar-thumb{background:#335;border-radius:3px}.help-image-area{background:#0d0d23;border:2px dashed #335;border-radius:8px;justify-content:center;align-items:center;width:100%;height:280px;margin-bottom:14px;display:flex;position:relative;overflow:hidden}.help-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.help-image-placeholder{color:#555;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.help-placeholder-icon{opacity:.5;font-size:40px}.help-placeholder-text{opacity:.6;font-size:13px}.help-placeholder-filename{color:#666;background:#ffffff0d;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px}.help-card-title{color:#c0c0e0;margin:0 0 8px;font-size:15px;font-weight:600}.help-card-desc{color:#888;white-space:pre-wrap;margin:0;font-family:inherit;font-size:13px;line-height:1.75}.help-no-match{text-align:center;flex:1;padding:40px 20px}.help-no-match p{color:#666;margin:0;font-size:14px}.help-nav{border-top:1px solid #2a2a4a;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px 14px;display:flex}.help-nav-btn{color:#c0c0e0;cursor:pointer;background:#ffffff14;border:1px solid #335;border-radius:6px;min-width:80px;padding:6px 14px;font-size:13px}.help-nav-btn:hover:not(:disabled){color:#fff;background:#ffffff26}.help-nav-btn:disabled{opacity:.35;cursor:default}.help-dots{gap:6px;display:flex}.help-dot{cursor:pointer;background:#444;border-radius:50%;width:8px;height:8px;transition:background .2s}.help-dot.active{background:#007aff}.help-dot:hover{background:#666}.help-counter{text-align:center;color:#555;flex-shrink:0;padding:0 20px 8px;font-size:12px}.app{position:relative}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:200;background:#0d0d23eb;align-items:center;gap:20px;height:52px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.navLeft{align-items:center;gap:30px;display:flex}.navLeft div{cursor:pointer}.nav-active{font-weight:600;color:#007aff!important}.navRight{align-items:center;gap:8px;margin-left:auto;display:flex}.feedback-nav-btn,.admin-nav-btn,.inbox-nav-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;padding:4px 8px;font-size:18px;position:relative}.feedback-nav-btn:hover,.admin-nav-btn:hover,.inbox-nav-btn:hover{background:#ffffff40}.admin-nav-text{cursor:pointer;color:#ccc;margin-right:10px;font-size:13px}.admin-nav-text:hover{color:#fff}.admin-nav-dropdown{display:inline-block;position:relative}.admin-dropdown-menu{z-index:300;background:#2a2a2a;border-radius:4px;min-width:100px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0}.admin-dropdown-menu div{cursor:pointer;color:#ccc;padding:6px 14px;font-size:13px}.admin-dropdown-menu div:hover{color:#fff;background:#444}.inbox-badge{color:#fff;text-align:center;background:#d32f2f;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-6px}.userBtn{color:#fff;background:#0009}.loginBtn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:8px 18px;font-size:15px}.loginBtn:hover{background:#2563eb}.userMenu{display:inline-block;position:relative}.user-menu-backdrop{z-index:5;position:fixed;inset:0}.userBtn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:8px;padding:8px 18px;font-size:15px}.userBtn:hover{background:#000c}.userDropdown{z-index:50;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:100px;padding:4px;display:block;position:absolute;top:100%;right:0}.userDropdown button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:8px 12px;font-size:14px;display:block}.userDropdown button:hover{background:#f0f0f0}.hero{text-align:center;background:linear-gradient(#0d0d23 0%,#1a1a2e 100%);border-bottom:1px solid #252545;margin-top:52px;padding:64px 20px 56px}.hero-content{max-width:780px;margin:0 auto}.hero-title{color:#fff;letter-spacing:-1px;margin:0 0 8px;font-size:48px;font-weight:700}.hero-subtitle{color:#88b;margin:0 0 16px;font-size:20px}.hero-desc{color:#99c;max-width:540px;margin:0 auto 48px;font-size:16px;line-height:1.6}.hero-features{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:44px;display:flex}.hero-feat{perspective:1000px;cursor:pointer;width:200px;height:200px}.hero-feat-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s;position:relative}.hero-feat:hover .hero-feat-inner{transform:rotateY(180deg)}.hero-feat-front,.hero-feat-back{backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-feat-front{z-index:2;background:#222240;border:1px solid #335}.hero-feat-accent{border-radius:2px;width:32px;height:3px;margin-bottom:16px}.hero-feat-draw .hero-feat-accent{background:#5b8def}.hero-feat-ai .hero-feat-accent{background:#c06bef}.hero-feat-share .hero-feat-accent{background:#4fc3a1}.hero-feat-title{color:#e0e0f0;font-size:17px;font-weight:600}.hero-feat-back{box-sizing:border-box;z-index:1;background:#1a1a2e;border:1px solid #335;gap:12px;padding:24px 18px;transform:rotateY(180deg)}.hero-feat-back-title{color:#cce;font-size:15px;font-weight:600}.hero-feat-back-detail{color:#99c;margin:0;font-size:13px;line-height:1.5}.hero-start-btn{cursor:pointer;color:#fff;background:#007aff;border:none;border-radius:10px;padding:14px 44px;font-size:18px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s}.hero-start-btn:hover{background:#06d;transform:translateY(-2px);box-shadow:0 4px 16px #007aff4d}.hero-start-btn:active{transform:scale(.97)}.gallery{column-count:3;column-gap:10px;margin-top:60px;padding:10px}.item{break-inside:avoid;border-radius:10px;width:100%;margin-bottom:0;display:block}.gallery-item-wrapper{break-inside:avoid;cursor:pointer;border-radius:10px;margin-bottom:10px;position:relative;overflow:hidden}.gallery-item-overlay{color:#fff;background:#00000073;gap:14px;padding:6px 10px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.overlay{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.startBtn{cursor:pointer;pointer-events:auto;color:#fff;background:#007aff;border:none;border-radius:8px;padding:12px 24px;font-size:18px}.mainContainer{z-index:100;background:#1a1a2e;flex-direction:column;padding-top:52px;display:flex;position:fixed;inset:0;overflow:hidden}.mainPageWrapper{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.mainContent{align-items:stretch;gap:10px;height:100%;display:flex}.mainPage{grid-template-rows:auto 1fr auto;align-self:stretch;display:grid;overflow:hidden}.layerPanel{background-color:#b8b8b8;border-right:10px solid #0000;justify-content:center;align-items:center;width:180px;min-width:100px;display:flex}.navbarInner{color:#fff;background:#0009;flex-shrink:0;align-items:center;gap:20px;height:60px;padding:0 20px;display:flex}.logo{cursor:pointer}.logo img{width:auto;height:40px;display:block}.lang-menu{cursor:pointer;display:inline-block;position:relative}.lang-dropdown{z-index:50;background:#222240;border:1px solid #447;border-radius:6px;min-width:80px;padding:4px;display:block;position:absolute;top:100%;left:0}.lang-dropdown button{color:#c0c0e0;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:8px 12px;font-size:13px;display:block}.lang-dropdown button:hover{color:#e0e0f0;background:#f0f0f0}.dropdown a:hover{background:#eee}.menu:hover .dropdown{display:block}@media (width<=768px){.navLeft{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:12px;overflow-x:auto}.navLeft::-webkit-scrollbar{display:none}.navRight{gap:4px}.navbar{gap:10px;padding:0 10px}.gallery{column-count:2;column-gap:6px;margin-top:56px;padding:6px}.hero{padding:40px 16px 36px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-desc{margin-bottom:32px;font-size:14px}.hero-feat{width:140px;height:140px}.hero-feat-title{font-size:15px}.hero-feat-back-title{font-size:13px}.hero-feat-back-detail{font-size:12px}.hero-start-btn{padding:12px 32px;font-size:16px}}@media (width<=480px){.gallery{column-count:1}.hero-title{font-size:26px}.hero-features{gap:10px}.hero-feat{width:110px;height:110px}.hero-feat-back{gap:6px;padding:14px 10px}.hero-feat-back-title{font-size:12px}.hero-feat-back-detail{font-size:11px;line-height:1.3}}