:root{color-scheme:dark;--app-bg: #0c0d0f;--surface: #17191d;--surface-raised: #1d2025;--surface-hover: #24282e;--surface-inset: #111317;--border: #30343b;--border-strong: #464c56;--text: #f3f4f6;--text-soft: #d6d9df;--muted: #979faa;--accent: #8db9da;--accent-surface: #203648;--success: #79b889;--success-surface: #1d3525;--danger: #d5868e;--danger-surface: #412329;--warning: #d4ad68;--warning-surface: #3b3020;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--shadow-overlay: 0 24px 70px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{margin:0;min-width:0;min-height:100%}body{display:flex;height:100vh;overflow:hidden;background:var(--app-bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button{min-height:38px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-soft);font-weight:650;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}button:hover:not(:disabled){border-color:#626a76;background:transparent;color:#fff}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}input,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;background:var(--surface-inset);color:var(--text)}input::placeholder,textarea::placeholder{color:#6f7782}::selection{background:#8db9da47}*{scrollbar-width:thin;scrollbar-color:#464c55 transparent}#sidebar{display:flex;flex-direction:column;flex:0 0 278px;width:278px;height:100vh;padding:22px 16px;overflow:hidden;border-right:1px solid var(--border);background:#121418;color:var(--text)}.sidebar-eyebrow,.workspace-eyebrow{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.sidebar-navigation{display:grid;gap:7px;overflow-y:auto}.sidebar-navigation .sidebar-eyebrow{grid-column:1 / -1}.sidebar-nav-link{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:40px;padding:9px 11px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-soft);font-size:13px;font-weight:700;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.sidebar-nav-link:hover,.sidebar-nav-link:focus-visible{border-color:var(--border-strong);outline:none;background:var(--surface-hover);color:var(--text)}.sidebar-archive{margin-top:auto;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.sidebar-archive summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;color:var(--text);font-size:13px;font-weight:750;cursor:pointer;list-style:none}.sidebar-archive summary::-webkit-details-marker{display:none}.sidebar-archive summary:after{content:"+";color:var(--muted);font-size:18px;font-weight:500}.sidebar-archive[open] summary{border-bottom:1px solid var(--border)}.sidebar-archive[open] summary:after{content:"−"}.sidebar-archive-count{margin-left:auto;padding:2px 7px;border-radius:999px;background:var(--surface-inset);color:var(--muted);font-size:11px}#historyList{max-height:42vh;padding:10px;overflow-y:auto}.history-empty{padding:14px 8px;color:var(--muted);font-size:12px;text-align:center}.history-item{margin-bottom:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-soft);font-size:13px;line-height:1.5;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.history-item:hover{border-color:var(--border-strong);background:var(--surface-hover)}.history-item strong{color:var(--text)}.history-item small{color:var(--muted)}#main-content{flex:1;min-width:0;height:100vh;padding:clamp(18px,3vw,38px);overflow-y:auto;background:var(--app-bg)}.workspace-shell{width:min(1500px,100%);margin:0 auto}.workspace-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.workspace-settings-button{align-self:flex-start;white-space:nowrap}.workspace-title{margin:0;color:var(--text);font-size:clamp(22px,2vw,30px);font-weight:720;line-height:1.15;letter-spacing:-.02em}.workspace-description{max-width:680px;margin:8px 0 0;color:var(--muted);font-size:13px}.step{display:none}.active-step{display:block}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.connection-panel{display:flex;flex-direction:row;align-items:end;gap:12px;margin-bottom:16px;padding:18px}.connection-copy{min-width:0;display:flex;flex:1 1 auto;flex-direction:column}.connection-title{display:block;margin:0 0 4px;color:var(--text);font-size:13px;font-weight:700}.connection-help{display:block;color:var(--muted);font-size:11px;line-height:1.45}.primary-button{padding:9px 14px;border-color:#496f8a;background:#294b63;color:#fff}.primary-button:hover:not(:disabled){border-color:#5f89a7}.secondary-button{padding:9px 14px;background:var(--surface-raised);color:var(--text-soft)}.quiet-button{padding:9px 14px;background:transparent;color:var(--text-soft)}.drop-zone{display:grid;min-height:300px;place-items:center;width:100%;padding:clamp(34px,7vw,84px) 24px;border:1px dashed #4c535e;border-radius:var(--radius-lg);background:var(--surface);text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--accent);background:#1b2026}.drop-zone-content{max-width:460px}.drop-zone-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:16px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-raised);color:var(--accent);font-size:23px;line-height:1}.drop-zone strong{display:block;color:var(--text);font-size:16px;font-weight:700}.drop-zone p{margin:7px 0 0;color:var(--muted);font-size:13px}#pdfFileInput{display:none}#statusMessage{display:none;width:min(1500px,100%);margin:16px auto 0;padding:12px 14px;border:1px solid #39434d;border-radius:var(--radius-md);background:#171d23;color:#c6d4df;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap}.operator-state-region{position:fixed;top:82px;right:18px;z-index:1200;width:min(420px,calc(100vw - 36px));pointer-events:none}.operator-state{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:0 14px 36px #00000047;color:var(--text);pointer-events:auto}.operator-state-close{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:currentColor;font-size:24px;line-height:1;cursor:pointer}.operator-state-close:hover{background:#ffffff1a}.operator-state-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.operator-state-icon{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border:1px solid currentColor;border-radius:50%;font-weight:800}.operator-state-content{min-width:0}.operator-state-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.operator-state-title{margin:3px 0 0;font-size:14px;line-height:1.35}.operator-state-description{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.operator-state-action{margin-top:10px;padding:7px 10px;font-size:12px}.operator-state-loading{color:#8cc8e8}.operator-state-empty{color:#d8b36a}.operator-state-error{color:#e78989}.operator-state-permission{color:#c7a8ef}@media(prefers-reduced-motion:no-preference){.operator-state-loading .operator-state-icon{animation:operator-state-spin 1.2s linear infinite}}@keyframes operator-state-spin{to{transform:rotate(360deg)}}.render-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}#renderTitle{margin:0;color:var(--text);font-size:21px;line-height:1.3}#renderSummary{display:none;margin-bottom:14px;padding:12px 14px;border:1px solid #36513d;border-radius:var(--radius-md);background:#19261d;color:#b9d8c1;font-size:13px;line-height:1.55}.render-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.render-action-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.render-action-buttons button{min-height:40px}#downloadAllBtn,#rerenderAllBtn,#resetButton{display:none}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px;margin-top:0}.gallery-item{position:relative;min-width:0;padding:10px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.gallery-item:hover{border-color:var(--border-strong);background:var(--surface-hover)}.gallery-item.has-mapper-warning{border-color:#8a6c32;box-shadow:inset 0 0 0 1px #d4ad6833}.mapper-warning-badge{display:block;margin:0 3px 7px;padding:6px 8px;border:1px solid #725d31;border-radius:6px;background:var(--warning-surface);color:var(--warning);font-size:11px;font-weight:750;line-height:1.35}.previous-approval-warning-badge,.drawer-previous-approval-warning{padding:8px 10px;border:1px solid #8a6c32;border-radius:7px;background:var(--warning-surface);color:var(--warning);font-size:12px;font-weight:750;line-height:1.4}.previous-approval-warning-badge{display:block;margin:0 3px 7px}.drawer-previous-approval-warning{display:none;margin:0 0 8px}.gallery-item img{display:block;width:100%;max-width:none;aspect-ratio:4 / 3;margin:0 0 10px;border-radius:var(--radius-sm);background:#fff;object-fit:contain}.gallery-item p{margin:0;padding:2px 3px;color:var(--text-soft);font-size:13px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}.gallery-order-id{cursor:text;user-select:text;-webkit-user-select:text}.gallery-item.status-approved{border-color:#385541}.gallery-item.status-denied,.gallery-item.status-failed{border-color:#5d353a}.gallery-item.status-skipped,.gallery-item.status-neutral{border-color:#56482f}.gallery-item.status-approved p{color:#a8d3b2}.gallery-item.status-denied p,.gallery-item.status-failed p{color:#e0a1a7}.gallery-item.status-skipped p,.gallery-item.status-neutral p{color:#d9bd86}.gallery-item.status-approving{border-color:#4a7290}.gallery-item.status-approving p{color:var(--accent)}.gallery-item.status-approving p:after{content:" (Yükleniyor...)";font-size:11px;opacity:.8}#drawerStatusText.is-info{color:var(--accent)}.non-image-status-card{display:flex;min-height:180px;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px;border-radius:var(--radius-sm);background:var(--surface-inset);text-align:left}.non-image-status-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:14px;border:1px solid currentColor;border-radius:50%;color:var(--warning);font-size:15px;font-weight:800}.status-failed .non-image-status-icon{color:var(--danger)}.non-image-status-title{margin-bottom:6px;color:var(--text);font-size:13px;font-weight:750;letter-spacing:.03em}.non-image-status-reason,.non-image-status-help{color:var(--muted);font-size:12px;line-height:1.55}.non-image-status-help{margin-top:10px}#imageDrawer{display:none;position:fixed;inset:0;z-index:1000;box-sizing:border-box;padding:clamp(8px,1.4vw,22px);overflow:hidden;align-items:stretch;justify-content:stretch;background:#07080af5;color:var(--text)}#drawerContent{display:grid;grid-template-columns:minmax(320px,2.6fr) minmax(390px,2fr) minmax(235px,.9fr) minmax(285px,1.08fr);grid-template-areas:"summary preview layers json";gap:clamp(10px,1.1vw,18px);width:100%;height:100%;max-width:1800px;min-width:0;min-height:0;margin:auto}#drawerContent.is-layer-fields-collapsed{grid-template-columns:minmax(560px,2.03fr) minmax(390px,2fr) minmax(235px,.9fr);grid-template-areas:"summary preview layers"}#drawerContent.is-layer-fields-collapsed #drawerSidebarInfo,#drawerContent.is-layer-fields-collapsed #drawerTemplateExplorer{display:none!important}#drawerContent.is-pdf-summary-collapsed{grid-template-columns:minmax(390px,2.95fr) minmax(235px,.9fr) minmax(285px,1.08fr);grid-template-areas:"preview layers json"}#drawerContent.is-pdf-summary-collapsed #drawerPdfSummary{display:none!important}#drawerContent.is-pdf-summary-collapsed.is-layer-fields-collapsed{grid-template-columns:minmax(620px,4.03fr) minmax(235px,.9fr);grid-template-areas:"preview layers"}#drawerLayerFieldsRestoreButton{display:inline-flex;position:fixed;top:50%;right:0;z-index:1004;padding:12px 7px;border:1px solid #4d6680;border-right:0;border-radius:8px 0 0 8px;background:#172432;color:#cce4f5;font-size:11px;font-weight:750;letter-spacing:.03em;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}#imageDrawer.is-non-renderable #drawerLayerFieldsRestoreButton{display:none}#drawerPdfSummaryRestoreButton{display:inline-flex;position:fixed;top:50%;left:0;z-index:1004;padding:12px 7px;border:1px solid #4d6680;border-left:0;border-radius:0 8px 8px 0;background:#172432;color:#cce4f5;font-size:11px;font-weight:750;letter-spacing:.03em;writing-mode:vertical-rl;transform:translateY(-50%)}#imageDrawer.is-non-renderable #drawerContent{grid-template-columns:minmax(300px,1.6fr) minmax(0,1fr);grid-template-areas:"summary preview";max-width:1280px}#imageDrawer.is-non-renderable #drawerContent.is-pdf-summary-collapsed{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview"}#imageDrawer.is-non-renderable #drawerSidebar,#imageDrawer.is-non-renderable #drawerSidebarInfo,#imageDrawer.is-non-renderable #drawerTemplateExplorer{display:none}#drawerPdfSummary,#drawerSidebar,#drawerSidebarInfo,#drawerTemplateExplorer,.drawer-preview{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}#drawerPdfSummary{grid-area:summary;display:flex;flex-direction:column;width:100%;padding:18px;overflow:hidden;overscroll-behavior:contain}.drawer-pdf-page-panel{display:grid;grid-template-rows:auto minmax(0,1fr);flex:1 1 auto;min-height:0;gap:8px;margin:0;padding:9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset)}.drawer-pdf-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;font-weight:700}.drawer-pdf-page-toolbar a{color:#9fd4f5;text-decoration:none}.drawer-pdf-page-frame{display:block;width:100%;height:100%;min-height:0;border:0;border-radius:6px;background:#fff}.drawer-pdf-page-empty{padding:18px 10px;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}.pdf-summary-eyebrow{display:inline-block;margin-bottom:10px;padding:4px 7px;border:1px solid #466176;border-radius:3px;color:#cce1f0;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.pdf-summary-toggle{position:relative;padding-right:25px;border:0;background:transparent;cursor:pointer;text-align:left}.pdf-summary-toggle:after{content:"⌄";position:absolute;top:50%;right:8px;font-size:15px;line-height:1;transform:translateY(-55%);transition:transform .16s ease}.pdf-summary-toggle[aria-expanded=true]:after{transform:translateY(-45%) rotate(180deg)}.pdf-summary-toggle:hover,.pdf-summary-toggle:focus-visible{border-color:transparent;background:#ffffff0a}.drawer-pdf-original-lines{margin:0 0 12px;padding:11px 12px;border:1px solid #38566d;border-radius:var(--radius-sm);background:#101b25}.drawer-pdf-original-line{padding:8px 0;border-bottom:1px solid #263b4c;color:#f1f7fb;font-size:clamp(17px,1.2vw,22px);font-weight:750;line-height:1.35;word-break:break-word}.drawer-pdf-original-line:last-of-type{border-bottom:0}.drawer-pdf-original-line-label{color:#8fb3cc;font-size:.72em;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.drawer-pdf-original-meta{display:grid;gap:4px;margin-top:9px;padding-top:9px;border-top:1px solid #263b4c;color:var(--muted);font-size:11px;line-height:1.45}.drawer-pdf-original-meta-row{display:grid;grid-template-columns:minmax(72px,.35fr) minmax(0,1fr);gap:8px}.drawer-pdf-original-meta-label{color:#7892a4;font-weight:750;word-break:break-word}.drawer-pdf-original-meta-value{color:#b9cbd7;word-break:break-word}.drawer-pdf-original-empty{color:var(--muted);font-size:12px;line-height:1.5}.pdf-summary-title{margin:0 0 14px;color:var(--text);font-size:18px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.pdf-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.drawer-preview{grid-area:preview;display:grid;grid-template-rows:minmax(0,1fr) auto auto auto auto;background:var(--surface-inset)}.drawer-image-stage{display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;padding:clamp(8px,1.2vw,16px);overflow:hidden;background:#fff}#drawerNonRenderableState{display:none;width:min(520px,100%);padding:clamp(22px,4vw,44px);border:1px solid #d8d8d8;border-radius:var(--radius-md);background:#f4f4f4;color:#222;text-align:center}#imageDrawer.is-non-renderable #drawerNonRenderableState{display:block}.drawer-non-renderable-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:12px;border:1px solid #aaa;border-radius:50%;font-size:17px;line-height:1}.drawer-non-renderable-title{margin:0 0 8px;font-size:18px;line-height:1.35}.drawer-non-renderable-description{margin:0;color:#666;font-size:13px;line-height:1.55}#drawerImage{display:block;width:auto;border-width:1px;border-color:var(--border);border-style:solid;height:auto;max-width:100%;max-height:100%;object-fit:contain}.drawer-review-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface)}#drawerControls{display:flex;min-width:0;gap:8px;margin:0}.btn-approve,.btn-deny,.drawer-download-button,.drawer-action-button,#previewJsonBtn,#aiEditDrawerBtn,#aiCompareDrawerBtn,#rerenderDrawerBtn,#saveTemplateBtn{min-height:38px;border-radius:var(--radius-sm);font-size:13px;font-weight:700}.btn-approve{padding:8px 14px;border-color:#467553;background:#285534;color:#fff}.btn-deny{padding:8px 14px;border-color:#86434b;background:#682c34;color:#fff}.drawer-download-button{flex:0 0 auto;padding:8px 10px;background:transparent;color:var(--text-soft)}#drawerStatusText{padding:9px 12px;border-top:1px solid var(--border);background:var(--surface);text-align:center;font-size:14px;font-weight:700;line-height:1.4;overflow-wrap:anywhere;max-height:112px;overflow:auto}#drawerStatusText.is-warning{color:var(--warning)}#drawerStatusText.is-danger{color:var(--danger)}#drawerStatusText.is-success{color:var(--success)}#drawerHistory{padding:9px 12px 11px;max-height:88px;box-sizing:border-box;overflow:hidden;border-top:1px solid var(--border);background:var(--surface)}.drawer-history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;font-size:12px;font-weight:700;color:var(--text-soft)}.drawer-history-legend{font-size:10px;font-weight:600;white-space:nowrap}#drawerHistoryStrip{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin}.drawer-history-thumb{position:relative;flex:0 0 auto;width:62px;height:46px;padding:0;overflow:hidden;border:3px solid #7b8490;border-radius:7px;background:#fff;cursor:pointer}.drawer-history-thumb.is-manual{border-color:#d7a800}.drawer-history-thumb.is-ai{border-color:#3194e6}.drawer-history-thumb.is-active{box-shadow:0 0 0 2px var(--text)}.drawer-history-thumb img{width:100%;height:100%;object-fit:cover;display:block}.drawer-history-thumb span{position:absolute;left:0;right:0;bottom:0;padding:2px 3px;background:#000000b3;color:#fff;font-size:9px;font-weight:700;line-height:1.1;text-align:center}.drive-sync-status{display:block;margin-top:4px;font-size:11px;font-weight:650;line-height:1.4}.drive-sync-status.is-pending{color:var(--accent)}.drive-sync-status.is-failed{color:var(--warning)}.drive-sync-status.is-skipped{color:var(--muted)}.drawer-undo-action{margin-left:12px;color:var(--text);font-size:19px;vertical-align:middle;cursor:pointer}#drawerSidebar{grid-area:layers;display:flex;flex-direction:column;width:100%;padding:16px}.drawer-context-header{flex:0 0 auto;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}#drawerOrderIdTitle{margin:0 0 6px;color:var(--text);font-size:17px;line-height:1.3;overflow-wrap:anywhere}.drawer-design-row{display:flex;align-items:center;justify-content:space-between;gap:8px}#drawerDesignTitle{margin:0;color:var(--accent);font-size:13px;line-height:1.35}.drawer-render-time{color:var(--muted);font-size:12px;font-weight:400}.drawer-settings-button,#drawerCloseButton{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-soft)}.drawer-settings-button{width:36px;height:36px;flex:0 0 36px;padding:0;font-size:17px}#drawerLayerExplorerBtn{width:100%;margin-top:9px;padding:8px 10px;font-size:12px;background:var(--surface-raised);color:var(--text-soft)}#drawerTemplateExplorer{grid-area:json;display:none;flex-direction:column;width:100%;padding:16px;overflow:hidden}#drawerTemplateExplorer.is-visible{display:flex}.drawer-template-explorer-header{display:grid;gap:8px;margin-bottom:10px}.drawer-template-explorer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.drawer-template-explorer-actions .quiet-button{min-height:32px;padding:6px 9px;border-color:var(--border);border-radius:8px;background:var(--surface-raised);font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}.drawer-template-explorer-actions .quiet-button:hover{border-color:#648caf;background:#222a33;color:var(--text)}#drawerVisibleLayersBtn[aria-pressed=true]{border-color:#407da8;background:#18364a;color:#a7d6f5}.drawer-template-selection-tools{display:grid;gap:6px;margin-bottom:10px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised)}.drawer-template-selection-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.drawer-template-selection-row.is-move{grid-template-columns:repeat(4,minmax(0,1fr))}.drawer-template-selection-tools .quiet-button{min-height:30px;padding:5px 8px;border-color:var(--border);border-radius:8px;background:var(--surface);font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}.drawer-template-selection-tools .quiet-button:hover:not(:disabled){border-color:#648caf;background:#222a33;color:var(--text)}.drawer-template-selection-tools .quiet-button:disabled{cursor:not-allowed;opacity:.45}.drawer-template-selection-status{color:var(--text-soft);font-size:11px;line-height:1.45}.drawer-template-selection-status.is-warning{color:#f0c58b}.drawer-template-row{display:flex;align-items:center;gap:6px;margin:3px 0}.drawer-template-row .drawer-template-leaf{flex:1 1 auto;min-width:0}.drawer-template-check{flex:0 0 auto;width:15px;height:15px;margin:0;accent-color:#d7a800;cursor:pointer}.drawer-template-check:disabled{cursor:default;opacity:.7}.drawer-template-node>summary.is-selected,.drawer-template-row.is-selected .drawer-template-leaf{border-color:#d7a800;color:var(--text)}#drawerTemplateInfo{flex:0 0 auto;margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-soft);font-size:11px;line-height:1.55;overflow-wrap:anywhere}#drawerTemplateInfo strong{color:var(--text)}#drawerTemplateTree{min-height:0;overflow:auto;overscroll-behavior:contain}.drawer-template-node{margin:3px 0}.drawer-template-node>summary,.drawer-template-leaf{display:flex;align-items:center;width:100%;gap:6px;padding:7px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-soft);font-size:12px;line-height:1.25;cursor:pointer}.drawer-template-node>summary:hover,.drawer-template-leaf:hover{border-color:#d7a800}.drawer-template-node-children{margin:4px 0 4px 13px}.drawer-template-id{margin-left:auto;color:var(--muted);font-size:10px;font-family:ui-monospace,monospace}.drawer-template-type{color:var(--accent);font-size:10px;font-weight:700;text-transform:uppercase}.drawer-section-title,.drawer-panel-heading{margin:0;color:var(--text);font-size:13px;font-weight:700}.drawer-section-title{flex:0 0 auto;margin-bottom:9px}#drawerLayerList{flex:1 1 auto;min-height:90px;padding-right:4px;overflow:auto;overscroll-behavior:contain}.drawer-layer{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-soft);font-size:13px;line-height:1.35;overflow-wrap:anywhere;cursor:pointer}.drawer-layer:hover{border-color:var(--border-strong);background:var(--surface-hover)}.drawer-layer.active{border-color:#5d92bd;background:var(--accent-surface)}.drawer-layer-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.drawer-layer-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;margin-left:auto}.drawer-layer-order-btn,.drawer-layer-edit-btn{flex:0 0 auto;min-width:24px;padding:2px 5px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-inset);color:var(--text-soft);font-size:12px;line-height:1.2;cursor:pointer}.drawer-layer-order-btn:hover:not(:disabled),.drawer-layer-edit-btn:hover{border-color:#5d92bd;background:var(--accent-surface)}.drawer-layer-order-btn:disabled{opacity:.38;cursor:not-allowed}.drawer-layer-meta{color:var(--muted);font-size:10px}#controlsHint,#drawerLogsDropdown{flex:0 0 auto;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.55}#controlsHint summary,#drawerLogsDropdown summary{color:var(--text-soft);font-weight:700;cursor:pointer}.drawer-shortcuts,#drawerLogsContent{max-height:180px;margin-top:8px;padding-right:4px;overflow:auto;overscroll-behavior:contain}#drawerSidebarInfo{grid-area:json;display:flex;flex-direction:column;width:100%;padding:16px}.drawer-panel-heading{flex:0 0 auto;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.drawer-panel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.drawer-panel-heading-row .drawer-panel-heading{margin:0;padding:0;border:0}#drawerTemplatePicker{flex:0 0 auto;margin-bottom:14px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset)}#drawerTemplatePicker summary{color:var(--text-soft);font-size:12px;font-weight:750;cursor:pointer}.drawer-template-search{display:grid;gap:5px;margin-top:10px;color:var(--muted);font-size:11px;font-weight:700}.drawer-template-search input{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);font:inherit}.drawer-template-search input::placeholder{color:var(--muted)}.drawer-template-search input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.drawer-template-scope{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.drawer-template-scope input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#drawerTemplateCatalogStatus{margin:9px 0 6px;color:var(--muted);font-size:11px}#drawerTemplateCatalog{display:grid;gap:6px;max-height:220px;overflow:auto}.drawer-template-choice{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);text-align:left}.drawer-template-choice small{color:var(--muted)}.drawer-template-choice.is-active{border-color:var(--accent);color:var(--accent)}.drawer-template-empty{padding:10px 4px;color:var(--muted);font-size:12px;text-align:center}#drawerLayerJson{flex:1 1 auto;width:100%;min-height:120px;padding:10px;resize:none;background:var(--surface-inset);color:#c9dfb3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5;tab-size:2}#drawerLayerActions,#drawerPersistentActions{display:grid;flex:0 0 auto;gap:8px;margin-top:10px}#drawerLayerActions{grid-template-columns:1fr 1fr}#drawerPersistentActions{grid-template-columns:1fr}#drawerLayerActions{margin-bottom:2px}.drawer-action-button,#previewJsonBtn,#aiEditDrawerBtn,#aiCompareDrawerBtn,#rerenderDrawerBtn,#saveTemplateBtn{background:var(--surface-raised);color:var(--text-soft);box-shadow:none}.drawer-action-button{padding:8px 6px;font-size:12px}#previewJsonBtn,#aiEditDrawerBtn,#aiCompareDrawerBtn,#rerenderDrawerBtn,#saveTemplateBtn{flex:0 0 auto;width:100%;padding:8px 10px}#previewJsonBtn{margin-top:8px}#drawerPersistentActions #aiEditDrawerBtn,#drawerPersistentActions #aiCompareDrawerBtn,#drawerPersistentActions #rerenderDrawerBtn,#drawerPersistentActions #saveTemplateBtn{margin-top:0}#drawerCloseButton{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1002;width:38px;height:38px;padding:0;font-size:24px;line-height:1}#settingsModal{display:none;position:fixed;inset:0;z-index:1100;align-items:center;justify-content:center;padding:18px;background:#07080ad1}.settings-dialog{width:min(680px,100%);max-height:min(95vh,900px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-overlay)}.settings-scroll{flex:1 1 auto;min-height:0;padding:20px;overflow-y:auto;overscroll-behavior:contain}.settings-dialog h3{margin:0 0 6px;font-size:18px}.settings-description{margin:0 0 18px;color:var(--muted);font-size:12px}.settings-dialog label{display:block;margin-bottom:7px;color:var(--text-soft);font-size:12px;font-weight:700}#stepSizeInput{width:100%;min-height:40px;padding:9px 11px}#settingsServerUrlInput,#settingsPdfUrlInput,#settingsRenderApiKeyInput{width:100%;min-height:40px;margin-bottom:12px;padding:9px 11px}.settings-section{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.settings-section:last-of-type{min-height:0;margin-bottom:14px;padding-bottom:0;border-bottom:0}.settings-section-title{margin:0 0 6px;color:var(--text);font-size:13px;font-weight:750}.settings-section-description{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.layer-field-settings-toolbar{display:flex;align-items:center;justify-content:right;gap:10px;margin-bottom:9px}.layer-field-settings-toolbar small{color:var(--muted);font-size:10px}#layerFieldSettingsList{max-height:330px;padding-right:4px;overflow:auto;overscroll-behavior:contain}.layer-field-setting-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:6px;padding:8px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised)}.layer-field-setting-item.is-hidden{opacity:.58}.layer-field-setting-visibility{width:17px;height:17px;margin:0}.layer-field-setting-copy{min-width:0}.layer-field-setting-copy strong,.layer-field-setting-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-field-setting-copy strong{color:var(--text-soft);font-size:11px}.layer-field-setting-copy small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}.layer-field-setting-order{display:flex;gap:4px}.layer-field-setting-order button{width:30px;height:30px;min-height:0;padding:0;font-size:13px}.settings-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border-strong);background:var(--surface-raised)}#inlineEditInput{width:100%;min-height:62px;padding:8px;resize:vertical;background:#fff;color:#111;font-family:inherit}.drawer-image-stage{position:relative}#drawerImageWrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;line-height:0;pointer-events:none}#drawerImageWrapper #drawerImage{pointer-events:auto}#handwrittenPreviewPanel{display:none;margin-top:12px;padding:10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-inset)}#handwrittenPreviewPanel summary{cursor:pointer;color:var(--text-soft);font-weight:700}.handwritten-editor-label{display:block;margin:10px 0 5px;color:var(--muted);font-size:11px;font-weight:700}#handwrittenNoteEditor{min-height:68px;max-height:150px;overflow:auto;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);font-family:Tangerine,cursive;font-size:25px;line-height:1.05;outline:none;white-space:pre-wrap}#handwrittenNoteEditor:focus{border-color:#6ca2c9;box-shadow:0 0 0 3px #4b94cc29}#handwrittenNoteEditor:empty:before{content:attr(data-placeholder);color:var(--muted);font-family:inherit}.handwritten-editor-help{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.4}#handwrittenPreviewCanvas{display:block;width:100%;height:auto;margin-top:10px;border-radius:3px;background:#fffef8;box-shadow:0 8px 20px #00000047}#downloadHandwrittenDocxBtn{width:100%;margin-top:10px}#drawerLayerHighlight{display:none;position:absolute;z-index:4;pointer-events:none;border:2px solid rgba(220,170,0,.92);border-radius:4px;background:#ffe0403d;box-shadow:0 0 0 1px #ffffff7a inset;transition:left .12s ease,top .12s ease,width .12s ease,height .12s ease}#drawerLayerHighlight.is-template-highlight{border-color:#4a9de8f5;background:#4a9de829}#drawerLayerHighlight.is-selection-highlight{border-color:#d7a800f5;border-style:dashed;background:#d7a8001a}.drawer-nav-button{position:absolute;top:50%;z-index:8;width:42px;height:54px;min-height:0;padding:0;transform:translateY(-50%);border-color:#14141459;background:#141619b8;color:#fff;font-size:30px;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#drawerPrevButton{left:10px}#drawerNextButton{right:10px}.drawer-position-indicator{position:absolute;top:10px;left:50%;z-index:8;min-width:66px;padding:7px 11px;transform:translate(-50%);border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#141619d1;color:#fff;font-size:13px;font-weight:800;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#drawerLayerFields{flex:1 1 auto;min-height:180px;padding-right:4px;overflow:auto;overscroll-behavior:contain}.layer-field-empty{padding:14px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--muted);font-size:12px;line-height:1.5}.layer-field-row{margin-bottom:9px;padding:9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);transition:border-color .16s ease,background-color .16s ease}.layer-field-row.is-dirty{border-color:#a77c27;background:#4a3b1c;box-shadow:inset 3px 0 #e0ad43}.layer-field-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--text-soft);font-size:11px;font-weight:750}.layer-field-key{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:500}.layer-field-control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch}.layer-field-input,.layer-field-select,.layer-field-textarea{width:100%;min-width:0;min-height:36px;padding:7px 9px}.layer-field-textarea{min-height:68px;resize:vertical}.layer-field-persist{display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:36px;min-height:36px;padding:0;border-color:#5a6840;background:#303a25;color:#d8e8b9;font-size:16px;line-height:1}.layer-field-persist:hover:not(:disabled){border-color:#7d9255;background:#3a472b}.drawer-layer-fields-actions{display:flex;flex:0 0 auto;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--border)}#persistAllLayerFieldsBtn{width:100%;border-color:#7d9255;background:#354228;color:#e4edcf}#persistAllLayerFieldsBtn:disabled{border-color:var(--border);background:var(--surface-inset);color:var(--muted)}#allTextsJsonDetails{flex:0 0 auto;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.55}#allTextsJsonDetails summary{color:var(--text-soft);font-size:12px;font-weight:700;cursor:pointer}#drawerLayerJson{flex:0 0 auto;min-height:150px;max-height:34vh;margin-top:9px;resize:vertical}#groupFieldModal{display:none;position:fixed;inset:0;z-index:1200;align-items:center;justify-content:center;padding:18px;background:#07080adb}.group-field-dialog{width:min(560px,100%);max-height:min(720px,90vh);padding:20px;overflow:auto;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-overlay)}.group-field-dialog h3{margin:0 0 7px;font-size:18px}.group-field-description{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.55}#groupFieldOptions{display:grid;gap:8px}.group-field-option{width:100%;min-height:0;padding:11px 12px;text-align:left;background:var(--surface-raised)}.group-field-option strong,.group-field-option small{display:block}.group-field-option small{margin-top:3px;color:var(--muted);font-weight:500}.group-field-empty{padding:12px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--warning);font-size:12px;line-height:1.55}.group-field-actions{display:flex;justify-content:flex-end;margin-top:15px}#lineMapperModal{display:none;position:fixed;inset:0;z-index:1200;align-items:center;justify-content:center;padding:18px;background:#07080adb}.line-mapper-dialog{width:min(720px,100%);max-height:min(760px,92vh);padding:20px;overflow:auto;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-overlay)}.line-mapper-dialog h3{margin:0 0 7px;font-size:18px}.line-mapper-description{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.55}.line-mapper-rules{display:grid;gap:10px}.lm-empty{padding:14px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--warning);font-size:12px;line-height:1.55}.lm-rule{padding:12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised)}.lm-rule-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.lm-rule-controls{display:inline-flex;align-items:center;gap:6px}.lm-rule-controls button,.lm-delete{padding:3px 8px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text-soft);font-size:11px;cursor:pointer}.lm-rule-controls button:disabled{opacity:.45;cursor:not-allowed}.lm-delete{color:var(--danger)}.lm-rule-cond,.lm-action,.lm-action-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.lm-action-fields{width:100%;padding:8px;border-radius:var(--radius-sm);background:var(--surface-inset)}.lm-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.02em}.lm-input{min-width:0;padding:5px 7px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px}.lm-checkbox{accent-color:var(--accent)}.line-mapper-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:15px}@media(max-width:1320px){#drawerContent{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);grid-template-rows:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"preview layers" "summary json"}#drawerContent.is-layer-fields-collapsed{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);grid-template-rows:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"preview layers" "summary summary"}#drawerContent.is-pdf-summary-collapsed{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);grid-template-rows:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"preview layers" "preview json"}#drawerContent.is-pdf-summary-collapsed.is-layer-fields-collapsed{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"preview layers"}#drawerPdfSummary,#drawerSidebar,#drawerSidebarInfo,#drawerTemplateExplorer{padding:14px}.drawer-shortcuts,#drawerLogsContent{max-height:130px}}@media(max-width:920px){body{overflow:auto}#sidebar{flex-basis:230px;width:230px;padding:18px 12px}#main-content{min-height:100vh;height:auto}.connection-panel{grid-template-columns:1fr;align-items:stretch}}@media(max-width:860px){body{display:block}#sidebar{width:100%;height:auto;max-height:none;border-right:0;border-bottom:1px solid var(--border)}.sidebar-navigation{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.sidebar-archive{margin-top:14px}#historyList{max-height:180px}#main-content{padding:16px}.workspace-header,.render-header{align-items:flex-start;flex-direction:column}.drop-zone{min-height:230px}.gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}#imageDrawer{padding:8px;overflow:auto;align-items:flex-start}#drawerContent,#imageDrawer.is-non-renderable #drawerContent{display:flex;flex-direction:column;width:100%;height:auto;min-height:100%;gap:8px;padding-top:42px;overflow:visible}#drawerContent.is-layer-fields-collapsed{display:flex}.drawer-preview{order:1;min-height:min(58vh,520px)}#drawerSidebarInfo,#drawerTemplateExplorer{order:2;min-height:430px;overflow:visible}#drawerSidebar{order:3;min-height:420px;overflow:visible}#drawerPdfSummary{order:4;max-height:none;overflow:visible}.drawer-pdf-page-panel{flex:none}.drawer-pdf-page-frame{height:min(78vh,760px);min-height:520px}#drawerLayerList,#drawerLayerJson{min-height:220px}.drawer-review-row{align-items:stretch;flex-direction:column}#drawerControls{display:grid;grid-template-columns:1fr 1fr}.drawer-download-button{width:100%}}@media(max-width:520px){#main-content{padding:12px}.workspace-header{margin-bottom:18px}.connection-panel,.settings-scroll{padding:14px}.settings-actions{padding:12px 14px}.settings-actions{flex-direction:column}.settings-actions button{width:100%}.gallery{grid-template-columns:1fr}#imageDrawer{padding:6px}#drawerContent{padding-top:40px}.drawer-preview{min-height:52vh}#drawerSidebarInfo,#drawerTemplateExplorer,#drawerSidebar,#drawerPdfSummary{padding:12px}#drawerLayerActions,#drawerPersistentActions,#drawerControls{grid-template-columns:1fr}#drawerSidebarInfo,#drawerTemplateExplorer{min-height:470px}}@media(max-height:700px)and (min-width:861px){#imageDrawer{padding:8px}#drawerContent{gap:8px}#drawerPdfSummary,#drawerSidebar,#drawerSidebarInfo{padding:11px}#drawerLayerJson{min-height:80px;font-size:11px}.drawer-layer{padding:7px 8px}.drawer-shortcuts,#drawerLogsContent{max-height:90px}.btn-approve,.btn-deny,.drawer-download-button,.drawer-action-button,#previewJsonBtn,#rerenderDrawerBtn,#saveTemplateBtn{min-height:34px;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.design-selection-panel{display:none;margin-top:14px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.design-selection-panel.is-visible{display:block}.settings-dialog .design-selection-panel{margin-top:0;padding:0 0 18px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}.design-selection-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.design-selection-title{color:var(--text);font-size:12px;font-weight:750}.design-selection-actions{display:flex;gap:6px}.design-selection-actions button{min-height:28px;padding:4px 8px;font-size:11px}.design-checkbox-grid{display:flex;flex-direction:column;gap:10px}.sku-design-group{padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset)}.sku-design-group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:var(--text);font-size:12px;font-weight:800}.sku-design-count{color:var(--muted);font-size:11px;font-weight:650}.sku-design-options{display:flex;flex-wrap:wrap;gap:8px}.design-checkbox{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-soft);font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.design-checkbox:has(input:checked){border-color:#4d7694;background:var(--accent-surface);color:#fff}.design-checkbox input{margin:0}.render-filter-controls{display:none;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) auto;align-items:end;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.render-filter-controls.is-visible{display:grid}.render-filter-group{display:flex;min-width:0;flex-direction:column;gap:7px}.render-filter-group>.render-filter-label{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.render-filter-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px;width:100%;min-height:82px;padding:6px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--text);overflow-y:auto}.design-filter-option{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 8px;border:1px solid transparent;border-radius:5px;color:var(--text-soft);cursor:pointer}.design-filter-option:hover{background:var(--surface-hover)}.design-filter-option:has(input:checked){border-color:#6fa7cf47;background:var(--accent-surface);color:var(--text)}.design-filter-option input{flex:0 0 auto;margin:0;accent-color:var(--accent);cursor:pointer}.design-filter-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#downloadFilteredBtn{display:none;min-height:40px}@media(max-width:920px){.render-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}#downloadFilteredBtn{grid-column:1 / -1}}@media(max-width:520px){.render-action-buttons,.render-filter-controls.is-visible{display:flex;flex-direction:column;align-items:stretch}.render-action-buttons button,.render-filter-controls button{width:100%}.render-filter-select{grid-template-columns:1fr}}#root{display:flex;width:100%;height:100%;min-width:0}@media(max-width:860px){#root{display:block;height:auto;min-height:100%}}#templateEditorContent{display:none;width:100%;height:100%;min-width:0;min-height:0;flex:1 1 auto;flex-direction:column;gap:10px;overflow:hidden}#imageDrawer.is-template-editor #templateEditorContent{display:flex}#imageDrawer.is-template-editor #drawerContent,#imageDrawer.is-template-editor #drawerLayerFieldsRestoreButton,#imageDrawer.is-template-editor #drawerPdfSummaryRestoreButton{display:none}.template-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border:1px solid #2a3a4a;border-radius:10px;background:#1724328c}.te-toolbar-group{display:flex;align-items:center;gap:6px}.te-toolbar-group label{color:#8fb3cc;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.te-toolbar-group select{padding:7px 9px;border:1px solid #33475c;border-radius:7px;background:#0d151d;color:#e6f1f9;font-size:13px;max-width:260px}.te-toolbar-group button{padding:7px 11px;border:1px solid #33475c;border-radius:7px;background:#1a2b3c;color:#d7e8f5;font-size:12px;font-weight:700;cursor:pointer}.te-toolbar-group button:hover{background:#24384d}.te-toolbar-group .te-save-button{border-color:#2f6f4f;background:#173a2a;color:#b7e6c9}.te-toolbar-group .te-save-button:hover{background:#1e4a36}.te-status{margin-left:auto;color:#8fb3cc;font-size:12px}.te-status.is-error{color:#ff9a9a}.te-panel-visibility{flex:1 1 100%;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid #2a3a4a}.te-panel-visibility-label{margin-right:2px;color:#7191a8;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.te-panel-visibility-button{min-height:30px!important;padding:5px 9px!important;border-color:#33475c!important;border-radius:6px!important;background:#1a2b3c!important;color:#d7e8f5!important;font-size:11px!important}.te-panel-visibility-button[aria-pressed=false]{opacity:.6;border-style:dashed!important;background:#111a22!important;color:#8298a9!important}.is-te-panel-hidden{display:none!important}.template-editor-grid{display:grid;grid-template-columns:repeat(var(--te-visible-panel-count, 5),minmax(0,1fr));grid-template-areas:none;gap:10px;flex:1 1 auto;min-height:0}.te-column{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #2a3a4a;border-radius:10px;background:#0d151d99;overflow:hidden}.te-pdf,.te-layers,.te-canvas,.te-texts,.te-fields{grid-area:auto}.te-column-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid #2a3a4a;background:#16242f;color:#a9c4d8;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.te-column-toggle{width:100%;min-height:0;padding:0;border:0;background:transparent;color:#a9c4d8;font-size:12px;font-weight:800;letter-spacing:.06em;text-align:left;text-transform:uppercase}.te-column-toggle:hover{border:0;background:transparent;color:#e6f1f9}.te-column-header-meta{color:#7191a8;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none}.te-pdf-wrap{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#10161c}.te-pdf-frame{display:block;width:100%;height:100%;border:0}.te-pdf-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;color:#6b849a;font-size:13px;text-align:center}.te-layers-tree{flex:1 1 auto;min-height:0;overflow:auto;padding:8px 10px}.te-tree-global-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #263647}.te-tree-selection-summary{flex:1 1 100%;color:#9cb8cc;font-size:11px;font-weight:700}.te-tree-controls-label{margin-left:3px;color:#5f7a90;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.te-tree-global-controls button{padding:5px 9px;border:1px solid #33475c;border-radius:6px;background:#1a2b3c;color:#d7e8f5;font-size:11px;cursor:pointer}.te-layer-node{margin:4px 0}.te-layer-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:3px 4px;border-radius:6px}.te-layer-row:has(.te-layer-add[aria-pressed=true]){background:#4880a429;box-shadow:inset 2px 0 #5f9cc3}.te-layer-row:hover{background:#ffffff0a}.te-group-toggle{width:16px;color:#9db8cd;font-size:11px;-webkit-user-select:none;user-select:none}.te-layer-visibility{flex:0 0 auto}.te-layer-name{display:flex;align-items:center;gap:5px;cursor:pointer;color:#dfebf4;font-size:13px;word-break:break-word;min-width:0}.te-layer-name small{color:#5f7a90;font-size:10px}.te-layer-add,.te-layer-select-all{margin-left:auto;padding:3px 7px;border:1px solid #33475c;border-radius:6px;background:#1a2b3c;color:#cfe2f1;font-size:11px;cursor:pointer}.te-layer-select-all.te-quick-action,.te-tree-global-controls .te-quick-action{border-color:#2f6f4f;background:#173a2a;color:#b7e6c9}.te-layer-add:hover,.te-layer-select-all:hover{background:#24384d}.te-group-children{display:none;margin-left:8px;border-left:1px solid #263647;padding-left:8px}.te-group-children.te-open{display:block}.te-canvas-stage{position:relative;flex:1 1 auto;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:#fff;padding:10px}#teCanvas{display:none;max-width:100%;max-height:100%;border:1px solid #c7cdd4;background:#fff;box-shadow:0 6px 24px #00000080}#teCanvasLayerOverlay{position:absolute;inset:0;pointer-events:none}.te-canvas-layer-handle{position:absolute;min-width:18px;min-height:18px;padding:2px 5px;border:1px dashed rgba(80,166,255,.9);border-radius:3px;color:#d8edff;font:inherit;font-size:10px;line-height:14px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none}.te-canvas-layer-handle:hover,.te-canvas-layer-handle.is-active{border-color:#78c1ff;background:transparent}.te-canvas-layer-handle.is-dragging{cursor:grabbing;background:transparent}.te-canvas-resize-handle{position:absolute;display:block;width:8px;height:8px;border:1px solid #78c1ff;border-radius:50%;box-sizing:border-box;pointer-events:auto;z-index:2}.te-canvas-resize-handle[data-edge=n]{top:-5px;left:50%;transform:translate(-50%);cursor:ns-resize}.te-canvas-resize-handle[data-edge=e]{top:50%;right:-5px;transform:translateY(-50%);cursor:ew-resize}.te-canvas-resize-handle[data-edge=s]{bottom:-5px;left:50%;transform:translate(-50%);cursor:ns-resize}.te-canvas-resize-handle[data-edge=w]{top:50%;left:-5px;transform:translateY(-50%);cursor:ew-resize}.te-canvas-resize-handle[data-edge=ne]{top:-5px;right:-5px;cursor:nesw-resize}.te-canvas-resize-handle[data-edge=se]{bottom:-5px;right:-5px;cursor:nwse-resize}.te-canvas-resize-handle[data-edge=sw]{bottom:-5px;left:-5px;cursor:nesw-resize}.te-canvas-resize-handle[data-edge=nw]{top:-5px;left:-5px;cursor:nwse-resize}.te-canvas-stage.is-dragging{-webkit-user-select:none;user-select:none}.te-canvas-empty{display:flex;align-items:center;justify-content:center;padding:20px;color:#6b849a;font-size:13px;text-align:center}.te-text-list,.te-field-details{flex:1 1 auto;min-height:0;overflow:auto;padding:8px 10px}.te-empty{padding:16px 8px;color:#6b849a;font-size:12px;text-align:center}.te-text-row{display:flex;flex-direction:column;gap:5px;padding:8px;margin-bottom:8px;border:1px solid #263647;border-radius:8px;background:#0f1922;cursor:pointer}.te-text-row.is-active{border-color:#3d7ea6;box-shadow:0 0 0 1px #3d7ea6}.te-text-row-head{display:flex;align-items:center;gap:6px}.te-text-row-title{flex:1 1 auto;min-width:0;text-align:left;background:none;border:0;color:#e4eef6;font-size:13px;font-weight:700;cursor:pointer;padding:0}.te-text-label-input{flex:1 1 120px;min-width:90px;padding:5px 7px;border:1px solid #33475c;border-radius:6px;background:#0d151d;color:#e6f1f9;font-size:12px}.te-text-row-preview{color:#7d97ac;font-size:12px;word-break:break-word}.te-text-row-remove{align-self:flex-end;padding:3px 8px;border:1px solid #4a3a3a;border-radius:6px;background:#2a1c1c;color:#ffb3b3;font-size:11px;cursor:pointer}.te-fields-title{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #263647;color:#e4eef6;font-size:13px;font-weight:800}.te-field-row{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:8px}.te-field-label{display:flex;align-items:baseline;justify-content:space-between;gap:6px;color:#b9cedd;font-size:12px;font-weight:700}.te-field-label small{color:#5f7a90;font-size:10px;font-weight:500}.te-field-input,.te-field-textarea,.te-field-row select{width:100%;padding:6px 8px;border:1px solid #33475c;border-radius:6px;background:#0d151d;color:#e6f1f9;font-size:13px}.te-field-textarea{resize:vertical}@media(max-width:1400px){.template-editor-grid{grid-template-columns:repeat(var(--te-visible-panel-count, 5),minmax(0,1fr))}}@media(max-width:1180px){.template-editor-grid{grid-template-columns:repeat(var(--te-visible-panel-count, 5),minmax(0,1fr))}}@media(max-width:900px){.template-editor-grid{grid-template-columns:repeat(var(--te-mobile-visible-panel-count, 2),minmax(0,1fr));grid-template-areas:none;overflow:auto}.template-editor-grid .te-column{min-height:420px}}