:root{font-family:Inter,Arial,sans-serif;color:#e0e7f0;background:#0c111b;--accent: #6c8cff;--accent-soft: rgba(108, 140, 255, .12);--accent-border: rgba(108, 140, 255, .28);--surface: rgba(14, 21, 35, .85);--surface-raised: rgba(18, 26, 42, .92);--border: rgba(80, 100, 150, .15);--border-hover: rgba(100, 140, 220, .35);--text-primary: #e8edf6;--text-secondary: #8e9fba;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .25);--btn-gradient: linear-gradient(135deg, rgba(108, 140, 255, .1) 0%, rgba(80, 110, 220, .06) 100%);--btn-gradient-hover: linear-gradient(135deg, rgba(108, 140, 255, .2) 0%, rgba(80, 110, 220, .12) 100%)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#111a2e,#0c111b 55%,#080d17)}button,input,select,textarea{font:inherit}button{background:var(--btn-gradient);color:#c4d2ea;border:1px solid var(--border);border-radius:10px;padding:9px 16px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000001f}button:hover:not(:disabled){background:var(--btn-gradient-hover);border-color:var(--border-hover);color:var(--text-primary);box-shadow:0 2px 8px #5078dc1f}button:active:not(:disabled){transform:translateY(.5px)}textarea,select,input[type=text],input:not([type]),.url-insert-box input{width:100%;border-radius:8px;border:1px solid var(--border);background:#0a101cb3;color:#dde5f0;padding:10px 12px;transition:border-color .18s ease,box-shadow .18s ease}textarea:focus,select:focus,input[type=text]:focus,input:not([type]):focus{border-color:var(--accent-border);outline:none;box-shadow:0 0 0 3px #6c8cff14}input[type=file]{width:100%;color:#c7d2fe}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;border-bottom:1px solid var(--border);background:#0a101ceb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30;box-shadow:0 2px 12px #00000026}.topbar__brand{display:flex;align-items:center;gap:14px}.brand-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:800;letter-spacing:.08em;background:linear-gradient(135deg,#3c64c833,#508cff1a);border:1px solid rgba(80,120,220,.3);color:#7eaaff;box-shadow:var(--shadow-sm)}.topbar__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#7ea6ff;margin-bottom:4px}.topbar h1{margin:0;font-size:24px;line-height:1.1}.topbar__actions{display:flex;align-items:center;gap:12px}.topbar__mode-switch{display:inline-flex;gap:6px;padding:4px;border:1px solid var(--border);border-radius:10px;background:#0c142399;box-shadow:inset 0 1px 3px #00000026}.topbar__mode-switch button,.topbar__download{min-width:96px}.topbar__save{background:linear-gradient(135deg,#34d39938,#28b4781f);border:1px solid rgba(52,211,153,.35);color:#6ee7b7;box-shadow:0 2px 8px #34d3991a;min-width:96px}.topbar__save:hover:not(:disabled){background:linear-gradient(135deg,#34d39959,#28b47833);box-shadow:0 3px 12px #34d3992e;color:#a7f3d0}.topbar__save:disabled{opacity:.5;cursor:not-allowed}.topbar__download{background:linear-gradient(135deg,#6c8cff38,#506edc1f);border-color:var(--accent-border);color:#c8d8ff;box-shadow:0 2px 8px #6c8cff1a}.topbar__download:hover:not(:disabled){background:linear-gradient(135deg,#6c8cff52,#506edc2e);box-shadow:0 3px 12px #6c8cff26;color:#e0eaff}.topbar__zeus{background:linear-gradient(135deg,#ffc83238,#dcaa1e1f);border:1px solid rgba(255,200,50,.35);color:#ffe08a;box-shadow:0 2px 8px #ffc8321a;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.topbar__zeus:hover:not(:disabled){background:linear-gradient(135deg,#ffc83259,#dcaa1e33);box-shadow:0 3px 12px #ffc8322e;color:#fff0b0}.topbar__zeus:disabled{opacity:.5;cursor:not-allowed}.topbar__history-controls{display:flex;gap:2px;align-items:center}.topbar__history-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--btn-gradient);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .18s ease;box-shadow:0 1px 3px #0000001a}.topbar__history-btn:hover:not(:disabled){background:var(--btn-gradient-hover);border-color:var(--border-hover);box-shadow:0 2px 6px #5078dc1a}.topbar__history-btn:disabled{opacity:.3;cursor:default}.topbar__mode-switch button.is-active{background:linear-gradient(135deg,#6c8cff2e,#506edc1a);color:#e0eaff;border-color:var(--accent-border);box-shadow:0 1px 4px #6c8cff1a}.topbar__mode-switch button:not(.is-active){background:transparent;color:var(--text-secondary)}.workspace-grid{display:grid;grid-template-columns:290px minmax(0,1fr) minmax(380px,42vw);gap:18px;padding:18px;min-height:calc(100vh - 85px)}.sidebar,.editor-pane,.preview-pane{min-width:0}.sidebar{display:flex;flex-direction:column;gap:14px}.sidebar__card,.sidebar__nav,.editor-pane,.preview-head,.slot-card,.upload-box,.project-card,.status-box,.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}.sidebar__card{padding:14px}.sidebar__card-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:12px}.upload-box{display:grid;gap:8px;padding:14px}.upload-box span{display:block;font-weight:700}.project-list{display:grid;gap:8px;max-height:240px;overflow:auto}.project-list__item{width:100%;text-align:left;padding:0;border-radius:8px;background:#0e162699;border:1px solid var(--border);border-left:3px solid transparent;display:flex;align-items:stretch;transition:all .18s ease;position:relative}.project-list__select{flex:1;min-width:0;text-align:left;padding:10px 12px;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;display:grid;gap:5px}.project-list__delete{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:28px;border:none;background:transparent;color:#6b7280;font-size:16px;cursor:pointer;border-radius:0 8px 8px 0;opacity:0;transition:opacity .15s,color .15s,background .15s}.project-list__item:hover .project-list__delete{opacity:1}.project-list__delete:hover{color:#f87171;background:#f871711a}.project-list__item:hover{border-color:var(--border-hover);border-left-color:#6c8cff4d;background:#0e1626cc}.project-list__item.is-active{border-color:var(--accent-border);border-left:3px solid var(--accent);background:linear-gradient(135deg,#6c8cff1f,#3c64c80f);box-shadow:0 0 12px #6c8cff14}.project-list__name{font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.project-list__meta,.project-list__empty{color:#8ea3c9;font-size:12px}.sidebar__nav{padding:8px;display:grid;gap:4px}.sidebar__nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-secondary);transition:all .18s ease}.sidebar__nav-item:hover:not(.is-active){background:#4664a014;border-color:#506eaa26;color:#c0d0e8}.sidebar__nav-item.is-active{background:linear-gradient(135deg,#466eb424,#3c64c814);border-color:#5a82c859;color:var(--text-primary);box-shadow:0 1px 4px #5078dc14}.sidebar__nav-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:14px;transition:all .18s ease}.editor-pane{overflow:auto;padding:18px}.workspace-status{margin-bottom:14px;color:#9db1d4}.preview-pane{display:flex;flex-direction:column;gap:8px;position:sticky;top:80px;align-self:start;height:calc(100vh - 100px)}.preview-head{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.preview-head span{color:var(--text-secondary);font-size:13px}.preview-frame-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.preview-frame{flex:1;width:100%;min-height:0;border:1px solid rgba(70,95,140,.2);border-radius:12px;background:#fff;transition:opacity .3s ease}.preview-frame.is-translating{opacity:.35;pointer-events:none}.preview-translating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:12px;background:#0a101c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-translating-overlay span{color:#b0c4e8;font-size:14px;font-weight:500}.preview-translating-spinner{width:36px;height:36px;border:3px solid rgba(100,140,220,.15);border-top-color:#6496f0b3;border-radius:50%;animation:preview-spin .8s linear infinite}@keyframes preview-spin{to{transform:rotate(360deg)}}.panel-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.panel--full{width:100%}.panel-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.panel-heading>div{min-width:0}.panel-heading h2{margin:0 0 6px}.panel-heading p{margin:0;color:var(--text-secondary)}.file-list,.asset-grid,.slot-targets{display:grid;gap:8px;max-height:70vh;overflow:auto}.file-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:6px}.file-item span,.slot-meta{color:var(--text-secondary);text-transform:uppercase;font-size:12px}.code-editor{width:100%;min-height:62vh;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.45;margin-bottom:12px}.inline-status{margin-top:10px;color:#93c5fd}.empty-state,.empty-note{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.asset-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.url-insert-box{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;gap:10px}.url-insert-box span{font-weight:600}.asset-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px}.asset-card{display:grid;gap:8px;padding:12px;border-radius:18px;border:1px solid var(--border);background:var(--surface-raised);text-align:left;box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease}.asset-card:hover{border-color:var(--border-hover)}.asset-card img{width:100%;height:110px;object-fit:contain;border-radius:12px;background:#fff}.asset-card span{color:var(--text-secondary);font-size:12px}.slot-summary{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;padding:14px}.slot-card{display:grid;gap:8px;margin-bottom:12px}.slot-targets code{background:#080e1acc;border:1px solid var(--border);border-radius:999px;padding:6px 10px}.visual-logo-tab{display:grid;gap:16px}.logo-size-panel{padding:16px}.logo-size-editor{display:grid;gap:12px}.logo-size-editor__top{display:flex;align-items:center;gap:12px}.logo-size-editor__top button{min-width:44px;font-size:18px;line-height:1}.logo-size-editor__value{min-width:90px;text-align:center;font-size:18px}.logo-size-editor__slider{width:100%;accent-color:var(--accent)}.logo-size-editor__limits{display:flex;justify-content:space-between;font-size:12px;opacity:.7}@media (max-width: 1450px){.app-shell{grid-template-columns:280px 1fr}}@media (max-width: 900px){.app-shell,.asset-actions-grid,.panel-grid{grid-template-columns:1fr}}.asset-library-grid--priority{margin-top:12px;margin-bottom:16px}.asset-card-wrap{display:grid;gap:8px}.asset-card-delete{background:#991b1b99}.logo-size-editor__top--single{justify-content:center}.panel--compact{padding-top:12px}.panel-heading--center{align-items:center}.header-toggle{display:inline-flex;align-items:center;gap:10px;background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;padding:10px 14px;color:var(--text-primary);white-space:nowrap}.header-toggle input{width:16px;height:16px;margin:0}.asset-card--active{border-color:var(--accent);box-shadow:0 0 0 1px #6c8cff4d,0 0 8px #6c8cff14}.asset-card__footer{margin-top:4px}.asset-card__footer button{width:100%}.basket-size-note{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-raised);color:#c0d0e8}.logo-size-editor__value{min-width:90px;text-align:left;font-size:18px}.asset-library-grid--logos{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.asset-card__preview{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.asset-card__body{display:grid;gap:4px;min-width:0}.asset-card__body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card--logo{grid-template-columns:auto 1fr;align-items:center;gap:10px}.asset-card--logo .asset-card__preview{width:40px;height:40px;flex:0 0 40px}.asset-card--logo img{width:40px!important;height:40px!important;object-fit:contain;border-radius:8px;background:#fff}.asset-card--logo .asset-card__footer{grid-column:1 / -1;display:flex;align-items:center;gap:8px}.asset-card-delete-icon{width:28px;min-width:28px;height:28px;padding:0;border-radius:999px;background:#991b1b99;line-height:1;font-size:18px}.icon-sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}.icon-set-card{display:grid;gap:10px;justify-items:start;border-radius:16px;border:1px solid var(--border);background:var(--surface-raised);padding:14px}.icon-set-card--active{border-color:var(--accent);box-shadow:0 0 0 1px #6c8cff40,0 0 8px #6c8cff0f}.icon-set-card__preview,.header-icons-preview-row{display:inline-flex;align-items:center;gap:12px}.header-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.header-select-option,.header-select-render{display:inline-flex;align-items:center;gap:10px}.header-select-option small,.header-select-render small{margin-left:auto;color:var(--text-secondary);text-transform:uppercase}.header-icon-option-preview{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--surface-raised);color:var(--text-primary)}.header-icons-preview-card{display:grid;gap:12px;border-radius:16px;border:1px solid var(--border);background:var(--surface-raised);padding:14px}.header-toggle .MuiCheckbox-root{padding:0;color:var(--text-primary)}.header-select-grid .MuiInputLabel-root,.header-select-grid .MuiOutlinedInput-notchedOutline,.header-select-grid .MuiSvgIcon-root,.header-select-grid .MuiSelect-select{color:var(--text-primary);border-color:var(--border)}.header-select-grid .MuiOutlinedInput-root{color:var(--text-primary)}.asset-library-grid--logos.asset-library-grid--small{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.asset-card{position:relative}.asset-card--small{gap:6px;padding:10px;border-radius:16px}.asset-card--small .asset-card__preview{display:grid;place-items:center;width:100%;min-height:48px;background:transparent;padding:0}.asset-card--small .asset-card__preview img{width:30px!important;height:30px!important;object-fit:contain;border-radius:8px;background:transparent}.asset-card--small .asset-card__body{display:grid;gap:2px}.asset-card--small .asset-card__body strong{display:block;font-size:12px;line-height:1.2;word-break:break-word}.asset-card--small .asset-card__footer button{padding:8px 10px;font-size:12px}.asset-card-delete-icon{position:absolute;top:8px;right:8px;z-index:2;width:22px;height:22px;min-width:22px;padding:0;border-radius:999px;background:#991b1bb3;color:#fff;font-size:14px;line-height:1}.icon-sets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:16px}.icon-set-card{display:grid;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-primary);text-align:left}.icon-set-card__title{font-weight:600}.icon-set-card__preview,.header-icons-preview-row{display:flex;align-items:center;gap:12px}.icon-set-card__preview svg,.header-icon-option-preview svg,.header-icons-preview-row svg{width:24px;height:24px}.header-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.header-select-option,.header-select-render{display:flex;align-items:center;gap:10px}.header-select-option small,.header-select-render small{margin-left:auto;color:var(--text-secondary)}.header-icons-preview-card{margin-top:16px;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--surface-raised)}.asset-library-grid--logos{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.asset-card--logo{position:relative;gap:6px;padding:10px}.asset-card__preview{width:100%;background:transparent;border:0;padding:0;border-radius:12px}.asset-card--logo .asset-card__preview{display:flex;align-items:center;justify-content:center;min-height:42px}.asset-card--logo img{width:30px!important;height:30px!important;object-fit:contain;background:transparent}.asset-card__body{display:grid;gap:2px;min-width:0}.asset-card__body strong{font-size:12px;line-height:1.2;word-break:break-word}.asset-card__footer{display:flex;align-items:center;gap:8px}.asset-card-delete-icon{width:32px;min-width:32px;height:32px;padding:0;border-radius:999px;background:#991b1b99;color:#fff;font-size:18px;line-height:1}.icon-sets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.icon-set-card{display:grid;gap:12px;justify-items:start;background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;padding:14px}.icon-set-card--active{border-color:var(--accent);box-shadow:0 0 0 1px #6c8cff4d,0 0 8px #6c8cff14}.icon-set-card__title{font-weight:700}.icon-set-card__preview,.header-icons-preview-row,.header-icon-option-preview,.header-select-render,.header-select-option{display:inline-flex;align-items:center;gap:10px}.icon-set-card__preview svg,.header-icons-preview-row svg,.header-icon-option-preview svg{width:22px;height:22px}.header-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.header-icons-preview-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;gap:12px}.header-icons-preview-row{min-height:32px}@media (max-width: 900px){.header-select-grid{grid-template-columns:1fr}}.asset-card--logo{position:relative}.asset-card-delete-icon{position:absolute;top:6px;right:6px;width:18px;height:18px;min-width:18px;padding:0;background:transparent;border:0;color:#fff;font-size:18px;line-height:1;z-index:3;box-shadow:none}.asset-card-delete-icon:hover{opacity:.8}.asset-card__footer{display:flex;justify-content:center;align-items:center}.asset-card-apply-btn{width:36px;min-width:36px;height:36px;padding:0;border-radius:999px;font-size:20px;line-height:1}.asset-card-apply-btn--selected{font-size:18px}.header-layout-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.header-layout-mode-card{border:1px solid var(--border);background:var(--btn-gradient);color:var(--text-primary);border-radius:14px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .18s ease}.header-layout-mode-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.header-layout-mode-card small{color:var(--text-secondary);line-height:1.4}.header-layout-mode-card--active{border-color:var(--accent);background:linear-gradient(135deg,#6c8cff26,#3c64c80f);box-shadow:0 0 0 1px #6c8cff40 inset,var(--shadow-sm)}.header-layout-preview-shell{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;border:1px solid rgba(96,165,250,.16);border-radius:14px;padding:16px;background:#0f172a80}.header-layout-preview-left,.header-layout-preview-right{display:flex;align-items:center;gap:12px}.header-layout-preview-logo{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:28px;border-radius:999px;padding:0 12px;background:#94a3b82e;color:var(--text-primary);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.header-layout-control{display:inline-flex;align-items:center;justify-content:center}.header-apply-hint{padding:10px 12px;border-radius:12px;background:var(--surface-raised);border:1px solid var(--border);color:var(--text-secondary);font-size:13px}.header-color-control{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;align-items:start}.header-color-control__trigger{position:relative;width:100%;min-height:56px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--surface-raised);display:flex;align-items:center;gap:12px;text-align:left}.header-color-control__swatch{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background-image:linear-gradient(45deg,#1f2937 25%,transparent 25%),linear-gradient(-45deg,#1f2937 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1f2937 75%),linear-gradient(-45deg,transparent 75%,#1f2937 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.header-color-control__meta{display:grid;gap:2px}.header-color-control__meta strong{font-size:14px}.header-color-control__meta span{color:var(--text-secondary);font-size:12px}.header-color-popover{position:absolute;top:calc(100% + 10px);left:0;z-index:1000;width:320px;max-width:min(320px,calc(100vw - 32px));padding:16px;display:grid;gap:14px;background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #02061773}.header-color-popover__preset{width:28px;height:28px;min-width:28px;padding:0;border-radius:999px;border:2px solid rgba(255,255,255,.12)}.header-color-popover__picker-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center}.header-color-popover__native{width:64px;height:44px;padding:0;border:none;background:transparent;cursor:pointer}.header-color-popover__actions{display:flex;justify-content:space-between;gap:12px}@media (max-width: 900px){.header-color-control{grid-template-columns:1fr}}.slider-panel{display:grid;gap:16px}.slider-panel__intro{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}.slider-panel__intro h2{margin:0 0 8px}.slider-panel__intro p{margin:0;color:#c0d0e8;line-height:1.5}.slider-panel__summary{display:grid;gap:6px;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--surface-raised);color:#c0d0e8}.slider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.slider-card{display:grid;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease}.slider-card:hover{border-color:var(--border-hover)}.slider-card__preview-wrap{border-radius:14px;overflow:hidden;background:#fff;min-height:220px;display:grid;place-items:center}.slider-card__preview{width:100%;max-height:320px;object-fit:contain;display:block}.slider-card__body{display:grid;gap:6px}.slider-card__body code{word-break:break-word;color:#93c5fd}.slider-card__actions{display:grid;gap:10px}.slider-card__remove{background:#991b1b99}@media (max-width: 900px){.slider-panel__intro{grid-template-columns:1fr}}.ai-copy-panel{display:flex;flex-direction:column;gap:16px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.ai-copy-panel__header-actions{display:flex;gap:10px;flex-wrap:wrap}.ai-copy-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px}.ai-copy-settings,.ai-copy-fields{display:flex;flex-direction:column;gap:12px}.ai-copy-settings label,.ai-copy-field-card{display:flex;flex-direction:column;gap:8px}.ai-copy-settings select,.ai-copy-settings input,.ai-copy-settings textarea,.ai-copy-field-card input,.ai-copy-field-card textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;box-sizing:border-box;background:#0a101cb3;color:#dde5f0}.ai-copy-geo-card,.ai-copy-help,.ai-copy-fields__head,.ai-copy-field-card{border:1px solid var(--border);background:var(--surface-raised);border-radius:12px;padding:12px}.ai-copy-geo-card{display:flex;flex-direction:column;gap:4px}.ai-copy-fields__head{display:flex;justify-content:space-between;gap:16px;align-items:center}.ai-copy-fields__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.ai-copy-field-card__label{font-size:12px;color:var(--text-secondary)}@media (max-width: 1100px){.ai-copy-grid{grid-template-columns:1fr}.panel-heading,.ai-copy-fields__head{flex-direction:column;align-items:stretch}}.ai-copy-panel--simple{gap:20px}.ai-copy-simple-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.ai-copy-simple-grid label{display:flex;flex-direction:column;gap:8px}.ai-copy-simple-grid--compact{grid-template-columns:minmax(220px,320px) minmax(280px,1fr)}.ai-copy-file-summary{margin-top:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffd1;font-size:14px;line-height:1.5}.questions-panel{display:grid;gap:14px}.questions-panel__heading{flex-direction:column;align-items:stretch;gap:10px}.questions-panel__heading>div:first-child{min-width:0}.questions-panel__actions{display:flex;flex-wrap:wrap;gap:6px}.questions-panel__meta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end}.questions-panel__meta label,.question-card__grid label{display:grid;gap:6px}.questions-panel__meta span,.question-card__grid span,.answers-block__header span{color:#9ab0d0;font-size:12px}.questions-panel__count{padding:8px 12px;border-radius:8px;border:1px solid rgba(70,95,140,.2);background:#0c142399;color:#9ab0d0;font-size:13px;white-space:nowrap}.questions-list{display:grid;gap:12px}.question-card{border:1px solid var(--border);border-radius:10px;padding:14px;background:#0c142399;display:grid;gap:12px;box-shadow:var(--shadow-sm);transition:border-color .18s ease}.question-card:hover{border-color:var(--border-hover)}.question-card__header,.answers-block__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.question-card__grid{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:10px}.question-card__full{grid-column:2}.answers-block,.answers-list{display:grid;gap:8px}.answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}@media (max-width: 700px){.questions-panel__meta,.question-card__grid{grid-template-columns:1fr}.question-card__full{grid-column:auto}}@media (max-width: 500px){.questions-panel__actions{gap:4px}.questions-panel__actions .panel-tab-action{padding:6px 10px;font-size:12px}.question-card{padding:10px;gap:10px}.answer-row{gap:6px}}.product-panel__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:16px}.product-panel__preset-field{display:flex;flex-direction:column;gap:8px;margin-top:12px}.product-panel__preset-meta{margin:10px 0 12px;color:#c0d0e8;font-size:13px;line-height:1.5}.product-panel__actions{display:flex;gap:8px;flex-wrap:wrap}.product-panel__actions button{padding:8px 18px;font-size:13px;font-weight:500}.product-panel__meta{overflow-wrap:anywhere}.product-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.product-panel__grid label,.product-panel__meta{display:flex;flex-direction:column;gap:8px}.product-panel__preview{margin-top:16px;display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:20px;align-items:start}.product-panel__preview img,.product-panel__empty{width:100%;min-height:220px;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:#0f172a73;object-fit:contain}.product-panel__empty{display:grid;place-items:center;color:var(--text-secondary)}.product-panel__selector-label{display:flex;flex-direction:column;gap:6px}.product-panel__selector-label>span:first-child{font-size:.82rem;color:var(--text-secondary)}.product-panel__empty-hint{font-size:.78rem;color:var(--text-secondary);font-style:italic}.product-panel__thumb-list{display:flex;gap:6px;flex-wrap:wrap}.product-panel__thumb{width:52px;height:52px;border-radius:8px;border:2px solid var(--border);background:var(--surface);cursor:pointer;padding:2px;transition:border-color .15s,box-shadow .15s;overflow:hidden;display:grid;place-items:center}.product-panel__thumb:hover{border-color:var(--accent)}.product-panel__thumb.is-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.product-panel__thumb img{width:100%;height:100%;object-fit:contain;border-radius:4px}.product-panel__thumb-placeholder{font-size:.82rem;color:var(--text-secondary);font-weight:600}@media (max-width: 900px){.product-panel__preview{grid-template-columns:1fr}}@media (max-width: 1450px){.workspace-grid{grid-template-columns:240px minmax(0,1fr) minmax(280px,38vw)}}@media (max-width: 960px){.topbar{flex-direction:column;align-items:stretch}.topbar__actions{justify-content:space-between;flex-wrap:wrap}.workspace-grid{grid-template-columns:60px minmax(0,1fr) minmax(220px,35vw)}}.header-simple-grid{display:grid;gap:16px}.header-simple-field{display:grid;gap:8px;color:var(--text-primary);font-size:14px}.header-simple-field span{font-weight:700}.header-simple-field input{width:100%;border:1px solid rgba(96,165,250,.18);background:#0f172adb;color:#f8fafc;border-radius:14px;padding:14px 16px;outline:none}.header-simple-field input:focus{border-color:#60a5fa8c;box-shadow:0 0 0 3px #3b82f62e}.header-icon-controls{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 960px){.header-icon-controls{grid-template-columns:1fr}}.header-color-control--simple{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start}.header-color-control__swatch-wrap{height:56px;border-radius:16px;border:1px solid rgba(96,165,250,.18);background:#0f172adb;display:grid;place-items:center}.header-color-control__swatch{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px #0f172a59}.header-logo-size-inline{display:grid;gap:12px}.header-range-field{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e5edf9;font-weight:700}.header-logo-size-inline input[type=range]{width:100%}.range-with-buttons{display:flex;align-items:center;gap:8px}.range-with-buttons input[type=range]{flex:1;min-width:0}.range-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:6px;border:1px solid rgba(66,93,138,.65);background:#0c1730cc;color:#e5edf9;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s;padding:0;line-height:1;-webkit-user-select:none;user-select:none}.range-btn:hover:not(:disabled){background:#2563eb80;border-color:#2563ebcc}.range-btn:active:not(:disabled){background:#2563ebb3;transform:scale(.95)}.range-btn:disabled{opacity:.3;cursor:not-allowed}.asset-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.upload-box.upload-box--compact,.url-insert-box{min-height:128px;border-radius:20px;border:1px solid rgba(66,93,138,.65);background:linear-gradient(180deg,#0c1730f5,#0a1325f5);box-shadow:inset 0 1px #ffffff08}.upload-box.upload-box--compact span,.url-insert-box span{font-size:14px;font-weight:700;color:#edf3ff}.upload-box.upload-box--compact input[type=file]{padding:12px;border:1px dashed rgba(96,165,250,.28);border-radius:14px;background:#080f1e8c}.url-insert-box button{width:100%}.icon-set-card{min-height:104px!important}.icon-set-card>div{min-height:100%}@media (max-width: 960px){.header-color-control--simple,.asset-actions-grid{grid-template-columns:1fr}}.header-simple-grid .header-color-control{max-width:320px}.icon-action{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:8px;padding:0;font-size:18px;line-height:1;background:transparent;border:1px solid rgba(100,130,180,.2);color:#8ea4c4;transition:all .18s ease}.icon-action:hover{background:#5078c81a;border-color:#648cd259;color:#c0d0e8}.icon-action--danger{background:transparent;border-color:#dc506440;color:#e87090}.icon-action--danger:hover{background:#dc50641a;border-color:#dc506473;color:#ff90a8}.questions-toolbar__add{min-width:36px;padding-inline:0;font-size:20px}.comments-list{display:grid;gap:14px;margin-top:18px}.comment-card{background:#0c1423b3;border:1px solid var(--border);border-radius:10px;padding:16px;display:grid;gap:14px;box-shadow:var(--shadow-sm);transition:border-color .18s ease}.comment-card:hover{border-color:var(--border-hover)}.comment-card__header,.comment-card__title-group,.comment-card__icon-actions,.comment-card__preview{display:flex;align-items:center}.comment-card__header{justify-content:space-between;gap:12px}.comment-card__title-group{gap:10px;flex-wrap:wrap}.comment-card__title-group span{color:#8ea3c9;font-size:12px}.comment-card__icon-actions{gap:8px}.comment-card__body{display:grid;gap:16px}.comment-card__preview{gap:16px;align-items:flex-start;flex-wrap:wrap}.comment-card__avatar-wrap,.comment-card__photo-wrap{display:grid;gap:10px}.comment-card__avatar,.comment-card__photo{display:block;object-fit:cover;border-radius:18px;border:1px solid rgba(64,84,120,.9);background:#080e1ab3}.comment-card__avatar{width:84px;height:84px}.comment-card__photo{width:168px;height:112px}.comment-card__avatar--empty,.comment-card__photo--empty{display:grid;place-items:center;color:#8ea3c9}.button-secondary--compact{min-width:0;padding:9px 12px;border-radius:12px}.button-secondary--icon{width:40px;height:40px;padding:0;display:inline-grid;place-items:center}.button-secondary--icon svg{width:18px;height:18px}.comment-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.comment-card__grid label{display:grid;gap:8px}.comment-card__grid span{color:#9cb3d9;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.comment-card__full{grid-column:1 / -1}.comment-card__children{display:grid;gap:12px}@media (max-width: 900px){.comment-card__grid{grid-template-columns:1fr}}.workspace-grid--resizable{--sidebar-width: 278px;--preview-width: 560px;grid-template-columns:var(--sidebar-width) 3px minmax(0,1fr) 3px minmax(320px,var(--preview-width));gap:10px;align-items:stretch}.workspace-resizer{position:relative;min-height:100%;border-radius:999px;background:#506a9a3d;border:1px solid rgba(90,120,174,.22);cursor:col-resize;transition:background .18s ease,border-color .18s ease}.workspace-resizer:before{content:none}.workspace-resizer:hover{background:#6890df7a;border-color:#7aa5f77a}.is-resizing-columns,.is-resizing-columns *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.is-resizing-columns iframe,.is-resizing-columns .preview-frame-wrap{pointer-events:none!important}.sidebar__toolbar{display:flex;justify-content:flex-end}.sidebar__collapse{width:30px;height:30px;min-width:30px;padding:0;border-radius:8px;font-size:15px;line-height:1;background:transparent;border:1px solid rgba(70,95,140,.2);color:#8ea4c4;transition:all .18s ease}.sidebar__collapse:hover{background:#5078c81a;border-color:#648cd259;color:#c0d0e8}.sidebar.is-collapsed{align-items:center}.sidebar.is-collapsed .sidebar__toolbar{width:100%;justify-content:center}.sidebar.is-collapsed .sidebar__nav{width:100%;padding:8px 6px}.sidebar.is-collapsed .sidebar__nav-item{justify-content:center;padding:8px 4px}.sidebar.is-collapsed .sidebar__nav-icon{width:30px;height:30px;font-size:14px}.sidebar__nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;transition:color .18s ease}.sidebar__nav-item.is-active .sidebar__nav-label{font-weight:600}.asset-actions-grid{grid-template-columns:1fr;align-items:stretch}.url-insert-box,.upload-box.upload-box--compact{min-height:0}.visual-logo-tab{grid-template-columns:1fr}.header-simple-grid{display:grid;gap:14px;max-width:340px}.header-logo-size-inline{max-width:460px}.header-icon-controls{grid-template-columns:1fr}.questions-panel__colors{display:grid;gap:10px;padding:14px;border-radius:10px;border:1px solid rgba(70,95,140,.18);background:#0c142380}.questions-panel__colors-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.questions-panel__colors .header-color-control{max-width:none}.questions-panel__meta{grid-template-columns:minmax(160px,1fr) auto auto}@media (max-width: 1200px){.workspace-grid--resizable{grid-template-columns:var(--sidebar-width) 4px minmax(0,1fr) 4px minmax(260px,38vw)}}@media (max-width: 980px){.workspace-grid--resizable{grid-template-columns:60px 4px minmax(0,1fr) 4px minmax(220px,35vw)}.sidebar.is-collapsed{align-items:stretch}}.sidebar.is-collapsed{padding-inline:0}.sidebar.is-collapsed .sidebar__card,.sidebar.is-collapsed .sidebar__card--upload{display:none}.sidebar.is-collapsed .sidebar__nav{padding-inline:4px;gap:8px}.sidebar.is-collapsed .sidebar__nav-icon{width:32px;height:32px;margin:0}.sidebar.is-collapsed .sidebar__nav-item span:last-child{display:none}.sidebar.is-collapsed .sidebar__nav-item{min-height:52px}@media (min-width: 1400px){.workspace-grid--resizable{grid-template-columns:var(--sidebar-width) 3px minmax(0,1fr) 3px minmax(320px,var(--preview-width))}}.workspace-grid--resizable{gap:6px}.workspace-resizer{background:#506a9a2e;border:1px solid rgba(90,120,174,.14)}.sidebar__nav-icon{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.04em;color:currentColor;background:transparent;box-shadow:none;flex:0 0 auto;transition:all .18s ease}.sidebar__nav-icon.is-blue{color:#6e9eff;background:#4678ff1a}.sidebar__nav-icon.is-violet{color:#a78bfa;background:#825aff1a}.sidebar__nav-icon.is-gold{color:#e0a840;background:#d2a0281a}.sidebar__nav-icon.is-cyan{color:#5ec4db;background:#3cb4d21a}.sidebar__nav-icon.is-rose{color:#f08ca0;background:#dc64821a}.sidebar__nav-icon.is-slate{color:#8ea4c4;background:#6478a01a}.sidebar__nav-item.is-active .sidebar__nav-icon.is-blue{color:#8db4ff;background:#4678ff2e}.sidebar__nav-item.is-active .sidebar__nav-icon.is-violet{color:#bca4ff;background:#825aff2e}.sidebar__nav-item.is-active .sidebar__nav-icon.is-gold{color:#f0c060;background:#d2a0282e}.sidebar__nav-item.is-active .sidebar__nav-icon.is-cyan{color:#7ad4e8;background:#3cb4d22e}.sidebar__nav-item.is-active .sidebar__nav-icon.is-rose{color:#ffa0b4;background:#dc64822e}.sidebar__nav-item.is-active .sidebar__nav-icon.is-slate{color:#a8bed8;background:#6478a02e}.sidebar__nav-label{min-width:0}.sidebar.is-collapsed .sidebar__nav-item{width:100%;min-height:44px;padding:6px 4px}.sidebar.is-collapsed .sidebar__nav{padding:6px 2px}.sidebar.is-collapsed .sidebar__nav-icon{width:28px;height:28px;font-size:10px;border-radius:7px}.sidebar.is-collapsed .sidebar__collapse{width:28px;height:28px;min-width:28px;border-radius:7px}.sidebar.is-collapsed .sidebar__toolbar{padding-inline:0}.sidebar.is-collapsed .sidebar__nav-label{display:none}.panel-tab-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.panel-tab-action{min-width:0;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--btn-gradient);color:#9ab0d0;font-size:13px;font-weight:500;transition:all .18s ease;box-shadow:0 1px 3px #0000001a}.panel-tab-action:hover:not(:disabled){background:#5078c81a;border-color:#648cd266;color:#e0eaff}.panel-tab-action--active{background:linear-gradient(135deg,#6c8cff2e,#506edc1a);color:#b0ccff;border-color:var(--accent-border);box-shadow:0 1px 4px #6c8cff1a}.panel-tab-action--ghost{background:transparent}.panel-tab-action--danger{background:linear-gradient(135deg,#f871712e,#dc50501a);color:#f8a0a0;border-color:#f8717140}.panel-tab-action--icon{width:36px;min-width:36px;padding-inline:0}.panel-tab-action:disabled{opacity:.45;cursor:default}.translate-files-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:16px}.translate-file-chip{display:grid;gap:4px;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--btn-gradient);color:#c0d0e8;transition:all .18s ease;box-shadow:var(--shadow-sm)}.translate-file-chip strong{font-size:13px}.translate-file-chip span{font-size:11px;color:#8ea3c9}.translate-file-chip:hover{border-color:var(--border-hover);background:var(--btn-gradient-hover);box-shadow:var(--shadow-md)}.questions-panel__meta{grid-template-columns:minmax(140px,1fr) minmax(140px,200px) auto}.questions-panel__geo{display:grid;gap:8px}@media (min-width: 1500px){.workspace-grid--resizable{grid-template-columns:var(--sidebar-width) 3px minmax(0,.95fr) 3px minmax(420px,var(--preview-width))}}.sidebar__nav-item{min-height:42px}.sidebar__nav-icon svg{width:17px;height:17px;display:block}.sidebar.is-collapsed .sidebar__nav-item{justify-content:center}.sidebar.is-collapsed .sidebar__nav-icon{width:30px;height:30px;font-size:11px}.translation-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px}.translation-summary-card,.translation-file-card{background:linear-gradient(180deg,#0c1730f0,#0a1325f0);border:1px solid var(--border);border-radius:18px;padding:16px}.translation-summary-card strong{display:block;margin-bottom:10px}.translation-summary-card ul{margin:0;padding-left:18px;display:grid;gap:6px;color:#b9cae8}.translation-files-list{display:grid;gap:12px;margin-top:16px}.translation-file-card__head,.translation-file-card__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.translation-file-card__head h3{margin:0 0 4px}.translation-file-card__head span{color:#8ea3c9;font-size:12px}.translation-file-card p{color:#dbe7ff;margin:14px 0 12px}.translation-example-list{display:flex;flex-wrap:wrap;gap:8px}.translation-example-chip,.translation-status-chip{border-radius:999px;border:1px solid var(--border);background:#1d325a6b;color:#c9dbff;padding:7px 10px;font-size:12px}.translation-status-chip.is-done{border-color:#34d39973;background:#0e745040;color:#bff6da}.translation-file-card__meta{color:#9fb3d9;font-size:13px;max-width:70%}.translation-file-card__footer .translate-file-chip{width:auto;min-width:180px}@media (max-width: 860px){.translation-file-card__head,.translation-file-card__footer{flex-direction:column}.translation-file-card__meta{max-width:none}}.translation-result-bar{display:flex;gap:20px;padding:12px 16px;border-radius:10px;background:#28a06414;border:1px solid rgba(52,211,153,.2);color:#8ed4b0;font-size:13px}.translation-run-button{display:inline-flex;align-items:center;gap:10px}.inline-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.translation-prompt-single{display:grid;gap:10px;padding:16px;border-radius:12px;border:1px solid rgba(70,95,140,.2);background:#0c1423b3}.translation-prompt-single__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.translation-prompt-single__title{font-size:14px;font-weight:600;color:#c0d0e8}.translation-prompt-single__meta{display:flex;flex-wrap:wrap;gap:12px;color:#8ea4c4;font-size:12px}.translation-prompt-single__textarea{min-height:300px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6}.translation-prompt-single__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.translation-prompt-single__edited-badge{font-size:11px;color:#e0a840;padding:4px 10px;border-radius:6px;background:#d2a0281a;border:1px solid rgba(210,160,40,.2)}.translation-diff-box{display:grid;gap:12px}.translation-diff-box__meta{display:flex;flex-direction:column;gap:4px;color:#dbe7ff}.translation-diff-list{display:flex;flex-wrap:wrap;gap:8px}.translation-diff-list code{padding:6px 9px;border-radius:10px;background:#122443f2;border:1px solid var(--border);color:#d8e5ff;font-size:12px}.translation-diff-empty{margin:0;color:#9fb3d9}.questions-panel__colors-title{grid-column:1 / -1;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:4px}.questions-paste-area{background:#0a101c99;border:1px solid var(--accent-border);border-radius:10px;padding:14px;margin:0 16px 12px;display:flex;flex-direction:column;gap:10px}.questions-paste-area__header{display:flex;align-items:center;justify-content:space-between}.questions-paste-area__title{font-size:13px;font-weight:600;color:var(--text-primary)}.questions-paste-area__input{width:100%;min-height:140px;max-height:400px;padding:10px 12px;background:#060a14cc;border:1px solid var(--border);border-radius:8px;color:#e0e7f0;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.5;resize:vertical;transition:border-color .15s}.questions-paste-area__input:focus{outline:none;border-color:var(--accent)}.questions-paste-area__input::placeholder{color:#8e9fba80;font-family:inherit}.questions-paste-area__actions{display:flex;gap:8px;justify-content:flex-end}.inline-status--error{color:#f87171;white-space:pre-line}.zeus-panel{padding:16px}.zeus-panel__section{background:#0a101c80;border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:12px}.zeus-panel__section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:10px}.zeus-panel__fields{display:flex;flex-direction:column;gap:10px}.zeus-panel__fields label{display:flex;flex-direction:column;gap:4px}.zeus-panel__fields label span{font-size:12px;color:var(--text-secondary)}.zeus-panel__fields input{padding:7px 10px;background:#060a14cc;border:1px solid var(--border);border-radius:6px;color:#e8edf4;font-size:13px;transition:border-color .15s}.zeus-panel__fields input:focus{outline:none;border-color:var(--accent)}.zeus-panel__row{display:flex;align-items:center;gap:10px;margin-top:10px}.zeus-panel__status{font-size:12px}.zeus-panel__status--ok{color:#4ade80}.zeus-panel__status--error{color:#f87171}.zeus-panel__status--testing,.zeus-panel__status--uploading{color:var(--text-secondary)}.zeus-panel__action{display:flex;flex-direction:column;gap:8px;margin-top:4px}.zeus-panel__upload-btn{width:100%;padding:12px;font-size:14px;font-weight:600}.geo-selector{position:relative;width:100%}.geo-selector__trigger{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:#0a101cb3;border:1px solid var(--border);border-radius:6px;color:#e8edf4;font-size:13px;cursor:pointer;text-align:left;transition:border-color .15s}.geo-selector__trigger:hover{border-color:var(--border-hover)}.geo-selector__flag{width:22px;height:15px;object-fit:cover;border-radius:2px;flex-shrink:0;box-shadow:0 0 0 1px #ffffff14}.geo-selector__arrow{margin-left:auto;font-size:10px;color:var(--text-secondary)}.geo-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:320px;overflow-y:auto;background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;display:flex;flex-direction:column;padding:4px}.geo-selector__option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:none;border:none;border-radius:4px;color:#c0d0e8;font-size:13px;cursor:pointer;text-align:left;transition:background .1s}.geo-selector__option:hover{background:#1e293b99}.geo-selector__option.is-selected{background:#1e3a5f99;color:#e8edf4}.geo-selector__option-label{font-weight:600;min-width:28px}.geo-selector__option-lang{color:var(--text-secondary);font-size:12px}.geo-selector__option.is-custom{border-left:2px solid #e8c547}.geo-selector__delete{margin-left:auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;color:var(--text-secondary);opacity:0;transition:opacity .15s,background .15s}.geo-selector__option:hover .geo-selector__delete{opacity:1}.geo-selector__delete:hover{background:#dc323226;color:#dc3232}.geo-selector__add-btn{border-top:1px solid var(--border);color:var(--accent)!important;font-weight:600}.geo-selector__add-btn .geo-selector__option-label{font-size:16px}.geo-add-form{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-top:1px solid var(--border);background:var(--bg-secondary, rgba(0,0,0,.02))}.geo-add-form input{height:30px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-primary);font-size:12px;width:100%;box-sizing:border-box}.geo-add-form input::placeholder{color:var(--text-secondary);opacity:.7}.geo-add-form__row{display:flex;gap:6px}.geo-add-form__code{max-width:70px;text-transform:uppercase;font-weight:600}.geo-add-form__phone,.geo-add-form__email{max-width:80px}.geo-add-form__actions{display:flex;gap:6px;margin-top:4px}.geo-add-form__save,.geo-add-form__cancel{flex:1;height:30px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.geo-add-form__save{background:var(--accent);color:#fff}.geo-add-form__save:disabled{opacity:.4;cursor:default}.geo-add-form__cancel{background:var(--bg-secondary, #eee);color:var(--text-primary)}.box-game-panel{display:flex;flex-direction:column;gap:12px}.box-game-panel__info{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#e8c5470f;border-radius:8px;margin:0 16px 12px}.box-game-panel__info-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#c0cfe0}.box-game-panel__info-icon{font-size:16px}.box-game-panel__status{margin:4px 16px 12px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500}.box-game-panel__status.is-success{background:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.2)}.box-game-panel__status.is-error{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.2)}.box-game-panel__busy{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;color:#8494a7}.box-game-panel__sets{padding:0 16px 12px}.box-game-panel__sets-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.box-game-panel__sets-grid{display:flex;gap:10px;flex-wrap:wrap}.box-game-panel__set-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:90px;padding:6px;border-radius:10px;border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}.box-game-panel__set-card:hover:not(:disabled){border-color:var(--accent)}.box-game-panel__set-card.is-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.box-game-panel__set-img{width:72px;height:72px;object-fit:contain;border-radius:6px}.box-game-panel__set-name{font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.box-game-panel__set-card.is-active .box-game-panel__set-name{color:var(--accent)}.box-game-panel__attempts{padding:0 16px 12px}.box-game-panel__attempts-btns{display:flex;gap:8px}.box-game-panel__attempt-btn{padding:7px 18px;border-radius:8px;border:2px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,box-shadow .15s,color .15s}.box-game-panel__attempt-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.box-game-panel__attempt-btn.is-active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.box-game-panel__colors{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.box-game-panel__color-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.5rem}.box-game-panel__color-field{display:flex;flex-direction:column;gap:.25rem}.box-game-panel__color-field>span{font-size:.75rem;color:#8e99a8}.box-game-panel__color-input-row{display:flex;gap:.35rem;align-items:center}.box-game-panel__color-picker{width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:2px;cursor:pointer;background:transparent;flex-shrink:0}.box-game-panel__color-text{flex:1;min-width:0;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e0e7f0;font-size:.8rem;font-family:monospace}.box-game-panel__color-text::placeholder{color:#5a6577}.box-game-panel__color-apply{margin-top:.75rem;width:100%;padding:8px 16px;border-radius:6px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.box-game-panel__color-apply:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 25%,transparent)}.box-game-panel__color-apply:disabled{opacity:.4;cursor:not-allowed}.comment-card__media-wrap{position:relative;display:inline-block}.media-overlay-x{position:absolute;top:4px;right:4px;z-index:5;width:22px;height:22px;min-width:22px;padding:0;border:none;border-radius:999px;background:#0000008c;color:#fff;font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background .15s ease;box-shadow:0 1px 4px #0000004d}.media-overlay-x:hover{background:#dc3232cc}.media-overlay-edit{position:absolute;bottom:4px;right:4px;z-index:5;width:22px;height:22px;min-width:22px;padding:0;border:none;border-radius:999px;background:#00000073;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background .15s ease;box-shadow:0 1px 4px #0000004d}.media-overlay-edit:hover{background:#5078dccc}.comment-card__media-wrap:hover .media-overlay-x,.comment-card__media-wrap:hover .media-overlay-edit,.slider-card__preview-wrap:hover .media-overlay-x{opacity:1}.media-overlay-x,.media-overlay-edit{background-image:none}.json-raw-editor{margin-top:8px}.json-raw-editor__toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--btn-gradient);color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .18s ease;box-shadow:none}.json-raw-editor__toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.json-raw-editor__arrow{display:inline-block;transition:transform .18s ease;font-size:11px}.json-raw-editor__arrow.is-open{transform:rotate(90deg)}.json-raw-editor__body{margin-top:8px;display:grid;gap:8px}.json-raw-editor__textarea{width:100%;min-height:72px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.5;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0a101cb3;color:#dde5f0;transition:border-color .18s ease,box-shadow .18s ease}.json-raw-editor__textarea:focus{border-color:var(--accent-border);outline:none;box-shadow:0 0 0 3px #6c8cff14}.json-raw-editor__textarea.is-error{border-color:#f8717180;box-shadow:0 0 0 3px #f8717114}.json-raw-editor__textarea.is-fixed{border-color:#34d39966;box-shadow:0 0 0 3px #34d3990f}.json-raw-editor__error{padding:6px 10px;border-radius:6px;background:#f871711a;border:1px solid rgba(248,113,113,.2);color:#f87171;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.json-raw-editor__fixed{padding:6px 10px;border-radius:6px;background:#34d3991a;border:1px solid rgba(52,211,153,.2);color:#34d399;font-size:12px}.json-raw-editor__actions{display:flex;gap:8px;justify-content:flex-end}.code-editor-panel{display:flex;height:100%;background:#0d1117;border-radius:8px;overflow:hidden;border:1px solid rgba(108,140,255,.12)}.code-editor-panel__explorer{width:200px;min-width:200px;background:#0d1117;border-right:1px solid rgba(108,140,255,.1);display:flex;flex-direction:column;overflow:hidden}.code-explorer__header{padding:8px 12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8b949e;border-bottom:1px solid rgba(108,140,255,.08);-webkit-user-select:none;user-select:none}.code-explorer__tree{flex:1;overflow-y:auto;padding:4px 0}.code-explorer__file{display:flex;align-items:center;gap:6px;width:100%;padding:3px 12px;border:none;background:transparent;color:#c9d1d9;font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-explorer__file:hover{background:#6c8cff14}.code-explorer__file.is-active{background:#6c8cff26;color:#e0eaff}.code-explorer__file--nested{padding-left:28px}.code-explorer__icon{font-size:14px;flex-shrink:0}.code-explorer__name{overflow:hidden;text-overflow:ellipsis}.code-explorer__folder-name{padding:4px 12px 2px;font-size:12px;color:#8b949e;-webkit-user-select:none;user-select:none}.code-editor-panel__main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.code-editor-tabs{display:flex;align-items:center;background:#161b22;border-bottom:1px solid rgba(108,140,255,.1);height:36px;padding:0 4px}.code-editor-tabs__item{display:flex;align-items:center;gap:5px;padding:4px 12px;font-size:13px;color:#8b949e;border-bottom:2px solid transparent;white-space:nowrap}.code-editor-tabs__item.is-active{color:#e0eaff;border-bottom-color:var(--accent)}.code-editor-tabs__icon{font-size:13px}.code-editor-tabs__spacer{flex:1}.code-editor-tabs__action{padding:4px 8px;border:none;background:transparent;color:#8b949e;font-size:14px;cursor:pointer;border-radius:4px;transition:background .12s,color .12s}.code-editor-tabs__action:hover{background:#6c8cff1f;color:#e0eaff}.code-editor-tabs__action--save{font-size:12px;color:#6ee7b7}.code-editor-tabs__action--save:hover{background:#34d39926;color:#a7f3d0}.code-search-bar{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#1c2333;border-bottom:1px solid rgba(108,140,255,.1)}.code-search-bar__input{flex:1;padding:4px 8px;border:1px solid rgba(108,140,255,.18);border-radius:4px;background:#0d1117;color:#e0e7f0;font-size:13px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;outline:none}.code-search-bar__input:focus{border-color:var(--accent)}.code-search-bar__count{font-size:11px;color:#8b949e;white-space:nowrap}.code-search-bar__btn{padding:2px 6px;border:1px solid rgba(108,140,255,.15);border-radius:3px;background:transparent;color:#8b949e;font-size:12px;cursor:pointer}.code-search-bar__btn:hover{background:#6c8cff1a;color:#e0eaff}.code-editor-area{flex:1;display:flex;position:relative;overflow:hidden;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6}.code-editor-area__gutter{width:48px;min-width:48px;background:#0d1117;border-right:1px solid rgba(108,140,255,.08);overflow:hidden;text-align:right;-webkit-user-select:none;user-select:none;padding-top:8px}.code-editor-area__line-number{padding:0 8px 0 0;color:#484f58;font-size:12px;line-height:1.6;height:20.8px}.code-editor-area__content{flex:1;position:relative;overflow:hidden}.code-editor-area__highlight,.code-editor-area__textarea{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:8px 12px;border:none;font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre;word-wrap:normal;overflow:auto;-moz-tab-size:2;tab-size:2;box-sizing:border-box}.code-editor-area__highlight{color:#c9d1d9;background:#0d1117;pointer-events:none;z-index:1}.code-editor-area__textarea{color:transparent;caret-color:#e0e7f0;background:transparent;resize:none;outline:none;z-index:2;-webkit-text-fill-color:transparent}.code-editor-area__textarea::selection{background:#6c8cff40;-webkit-text-fill-color:transparent}.code-editor-statusbar{display:flex;gap:16px;padding:3px 12px;background:#161b22;border-top:1px solid rgba(108,140,255,.1);font-size:11px;color:#8b949e;-webkit-user-select:none;user-select:none}.cm-tag{color:#7ee787}.cm-attr{color:#79c0ff}.cm-string{color:#a5d6ff}.cm-comment{color:#8b949e;font-style:italic}.cm-keyword{color:#ff7b72}.cm-number{color:#d2a8ff}.cm-punctuation{color:#8b949e}.cm-property{color:#79c0ff}.cm-text{color:#c9d1d9}
