@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:Noto Sans CJK KR;src:url(/fonts/NotoSansCJKkr-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:"Noto Serif CJK KR";src:url(/fonts/NotoSerifCJKkr-Regular.otf) format("opentype");font-display:swap}:root{--app-shell-padding-y: 10px;--app-shell-padding-x: 14px;--panel-sticky-offset: 10px;--panel-max-height: calc(100dvh - (var(--panel-sticky-offset) * 2));--font-family-ui: "Pretendard", "Noto Sans CJK KR", sans-serif;--font-family-brand: "Noto Serif CJK KR", "Pretendard", serif;--font-family-editor: var(--font-family-ui);color:#1f2937;background:radial-gradient(circle at top left,rgba(254,240,200,.85),transparent 28%),radial-gradient(circle at bottom right,rgba(151,216,196,.55),transparent 32%),linear-gradient(180deg,#fffdf8,#f7f3eb);line-height:1.4;font-weight:500}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-family-ui);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,textarea,input,select{font:inherit;font-family:var(--font-family-editor)}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;height:100dvh;overflow:hidden;padding:var(--app-shell-padding-y) var(--app-shell-padding-x)}.topbar{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-bottom:8px}.topbar h1,.panel-header h2{margin:0;font-size:clamp(1.4rem,2vw,2rem);line-height:1}.eyebrow,.section-kicker,.detail-label,.muted{letter-spacing:.04em;text-transform:uppercase;font-size:.74rem}.eyebrow,.section-kicker{margin:0 0 8px;color:#9a5d2f;font-weight:700}.topbar-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.page-chip,.layer-tab,.ghost-button{border-radius:999px;border:1px solid rgba(49,75,63,.14);background:#ffffffc7}.workspace-grid{display:grid;grid-template-columns:290px minmax(0,1fr) 360px;gap:10px;align-items:stretch;min-height:0;overflow:hidden}.panel{border:1px solid rgba(73,84,99,.1);background:#ffffffbd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:9px;box-shadow:0 18px 60px #1f293714}.panel-projects{display:flex;flex-direction:column;height:100%;min-height:0;max-height:none;overflow:hidden;position:relative;top:auto}.panel-projects .panel-header{align-items:flex-start}.panel-projects .panel-header h2{font-size:clamp(1.05rem,1.5vw,1.65rem);line-height:.96;letter-spacing:-.03em}.panel-projects .section-kicker{margin-bottom:6px;font-size:.68rem;letter-spacing:.08em}.panel-inspector,.panel-stage{display:flex;flex-direction:column;height:100%;min-height:0;max-height:none;overflow:hidden;position:relative;top:auto}.project-scroll-area,.inspector-scroll-area{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:auto;overscroll-behavior:contain;margin-top:6px;padding-right:2px}.panel-resize-handle{position:absolute;left:-11px;top:20px;bottom:20px;width:12px;border-radius:999px;background:linear-gradient(180deg,#214e4014,#214e403d);cursor:col-resize;transition:background .16s ease}.panel-resize-handle:hover{background:linear-gradient(180deg,#214e402e,#214e4066)}.panel-header,.mini-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.ghost-button,.layer-tab,.page-chip,.project-card,.block-card,.action-card,.workspace-mode-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.ghost-button{padding:7px 11px;font-size:.8rem;line-height:1.1}.panel-projects .ghost-button{padding:8px 12px;font-size:.84rem;font-weight:700}.ghost-button:hover,.layer-tab:hover,.page-chip:hover,.project-card:hover,.block-card:hover,.action-card:hover,.workspace-mode-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1f293714}.project-list,.block-list{display:grid;gap:8px}.project-card-shell{border-radius:16px;border:1px solid rgba(49,75,63,.08);background:linear-gradient(180deg,#fffaf5e6,#f8fffccc);overflow:hidden}.project-card-shell.is-active{border-color:#e1783773;background:linear-gradient(180deg,#ffefdff2,#fff9f3f2)}.project-create-card,.project-upload-card,.project-manage-card{display:grid;gap:8px;padding:10px;border-radius:16px;border:1px solid rgba(49,75,63,.08);background:linear-gradient(180deg,#fffaf5e6,#f8fffccc);margin-bottom:10px}.workspace-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-field{gap:6px}.workspace-input{width:100%;border:1px solid rgba(49,75,63,.1);border-radius:12px;padding:8px 10px;background:#ffffffdb;color:#1f2937;font:inherit}.workspace-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:46px;padding-right:36px;background:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%),#ffffffdb;background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px),0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat}.workspace-submit-button,.workspace-upload-button{justify-self:flex-start}.workspace-delete-button{justify-self:flex-start;border-color:#b71c1c2e;color:#8c1d18;background:#fff4f4eb}.workspace-file-input{display:none}.project-upload-copy{margin:0}.project-card,.block-card{display:grid;gap:4px;width:100%;text-align:left;padding:10px;border-radius:16px;border:1px solid rgba(49,75,63,.08);background:linear-gradient(180deg,#fffaf5e6,#f8fffccc)}.panel-projects .project-card{gap:4px;padding:10px 11px}.panel-projects .project-card strong{font-size:.96rem;line-height:1.15}.panel-projects .project-card span{font-size:.72rem;line-height:1.25}.project-card-shell .project-card{border:0;border-radius:0;background:transparent}.project-card span,.block-card span,.task-card p,.empty-copy,.action-card span{color:#5b6472}.project-card.is-active,.block-card.is-active{border-color:#e1783773;background:linear-gradient(180deg,#ffefdff2,#fff9f3f2)}.project-card-detail{display:grid;gap:8px;padding:0 10px 10px}.project-card-copy{margin:0;font-size:.72rem;line-height:1.45}.project-card-actions{display:flex;flex-wrap:wrap;gap:6px}.panel-projects .mini-heading{font-size:.82rem}.panel-projects .project-card-page-list .mini-heading{font-size:.8rem}.panel-projects .workspace-upload-button,.panel-projects .workspace-delete-button{min-height:38px;padding:8px 13px;font-size:.82rem}.project-card-page-list{display:grid;gap:6px;padding-top:8px;border-top:1px solid rgba(49,75,63,.08)}.block-card-header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.block-card-subtitle{display:block;margin-top:2px;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#7c8796}.block-inline-field{display:grid;gap:6px;margin-top:6px}.block-inline-field span{font-size:.78rem;font-weight:700;color:#495466;text-transform:uppercase;letter-spacing:.04em}.block-inline-field textarea{width:100%;min-height:64px;resize:vertical;border:1px solid rgba(49,75,63,.1);border-radius:12px;padding:8px 10px;background:#ffffffd1;color:#1f2937}.block-inline-status,.autosave-status{margin-top:6px;font-size:.78rem;font-weight:700;color:#506070}.block-inline-status{text-align:right}.page-list{margin-top:10px;display:grid;gap:6px}.page-chip-row{display:flex;align-items:center;gap:6px}.page-chip,.layer-tab{padding:6px 10px}.page-chip{flex:1 1 auto;text-align:left;font-size:.74rem;min-height:30px}.page-delete-button{flex:0 0 auto;min-height:30px;padding:6px 9px;border-radius:999px;border:1px solid rgba(183,28,28,.18);background:#fff4f4eb;color:#8c1d18;font-weight:700;font-size:.72rem}.page-delete-button:disabled{opacity:.48;cursor:not-allowed}.page-chip.is-active,.layer-tab.is-active{background:#214e40;color:#f9fbfa;border-color:#214e40}.layer-tabs,.stage-actions{display:flex;gap:6px;flex-wrap:wrap}.canvas-header-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:stretch}.workspace-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;width:min(100%,308px)}.workspace-mode-card{display:grid;gap:2px;text-align:left;padding:9px 11px;border-radius:16px;border:1px solid rgba(49,75,63,.12);background:linear-gradient(180deg,#fffaf5eb,#f8fffcd6);color:#214334}.workspace-mode-card strong{font-size:.84rem}.workspace-mode-card small,.workspace-mode-kicker{color:#5b6472}.workspace-mode-kicker{font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.workspace-mode-card small{font-size:.68rem;line-height:1.25}.workspace-mode-card.is-active{border-color:#e1783773;background:linear-gradient(135deg,#214e40,#2e6d59);color:#f5fbf8}.workspace-mode-card.is-active small,.workspace-mode-card.is-active .workspace-mode-kicker{color:#f5fbf8cc}.inspector-tabs{display:flex;gap:6px;flex-wrap:wrap}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:60}.settings-modal{width:min(560px,100%);max-height:min(780px,calc(100dvh - 48px));display:flex;flex-direction:column;border-radius:28px;border:1px solid rgba(73,84,99,.1);background:#fffffff2;box-shadow:0 24px 80px #1f293729;padding:18px}.settings-tabs{display:flex;gap:8px;margin-top:14px}.settings-tab{flex:1 1 0;min-height:42px;border-radius:16px;border:1px solid rgba(49,75,63,.12);background:#ffffffb3;color:#465364;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.settings-tab:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1f293714}.settings-tab.is-active{border-color:#e1783773;background:linear-gradient(180deg,#ffefdff2,#fff9f3f2);color:#6d3518}.settings-tab-panel{min-height:0;margin-top:14px;overflow:hidden}.settings-grid{display:grid;gap:14px}.settings-grid-scroll{max-height:min(560px,calc(100dvh - 220px));padding-right:6px;overflow-y:auto;overscroll-behavior:contain}.settings-section-card{display:grid;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(86,99,122,.12);background:#ffffffbd}.settings-field{display:grid;gap:8px}.settings-field span{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#495466}.settings-field small{color:#5b6472}.settings-actions,.settings-meta-row{display:flex;flex-wrap:wrap;gap:8px}.settings-authenticated-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.settings-auth-copy{display:grid;gap:4px}.settings-auth-copy strong{font-size:.96rem;color:#172033}.settings-copy,.settings-success{margin:0}.settings-success{color:#166534;font-size:.84rem;font-weight:700}.font-form-grid{display:grid;gap:14px;margin-top:14px}.font-panel-sections{display:grid;gap:10px;margin-top:10px}.font-section-card{padding:10px;border-radius:14px;border:1px solid rgba(86,99,122,.12);background:#ffffffb3}.font-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.font-section-toggle .mini-heading{flex:1;margin:0}.font-section-chevron{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#edf4ffe6;color:#31507f;font-size:.92rem;transition:transform .16s ease,background-color .16s ease}.font-section-chevron.is-open{transform:rotate(180deg)}.font-section-card .font-form-grid{margin-top:10px}.font-number-input,.font-readonly-input,.font-color-input{width:100%;border:1px solid rgba(49,75,63,.1);border-radius:14px;padding:10px 12px;background:#ffffffd1;color:#1f2937}.font-color-input{min-height:46px;padding:6px}.toggle-field{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(49,75,63,.08);border-radius:16px;background:#ffffffad}.toggle-field span{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#495466}.font-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.style-status-chip{display:grid;gap:4px;padding:10px;border-radius:12px;border:1px solid rgba(86,99,122,.12);background:#ffffffb8}.image-preview-stack{display:grid;gap:8px;margin-top:8px}.preview-card{padding:8px;border-radius:16px;background:linear-gradient(180deg,#fff9f2e6,#f0faf7d1);border:1px solid rgba(49,75,63,.08)}.sidebar-preview-image{width:100%;display:block;margin-top:8px;border-radius:12px;border:1px solid rgba(49,75,63,.1);background:#fff}.sidebar-preview-mask{background:linear-gradient(45deg,#f1f5f9 25%,transparent 25%,transparent 75%,#f1f5f9 75%),linear-gradient(45deg,#f1f5f9 25%,transparent 25%,transparent 75%,#f1f5f9 75%);background-size:18px 18px;background-position:0 0,9px 9px}.sidebar-preview-empty{margin-top:8px;padding:12px;border-radius:12px;background:#ffffffbf;color:#5b6472;text-align:center}.stage-actions{margin-top:6px}.stage-actions .action-card{flex:0 0 auto}.action-card{min-width:160px;flex:1 1 160px;display:grid;gap:6px;padding:14px 16px;text-align:left;border-radius:22px;border:1px solid transparent}.action-compact{min-width:132px;padding:12px 14px;display:inline-flex;align-items:center;justify-content:center}.action-compact strong{font-size:.96rem}.action-quality{background:linear-gradient(135deg,#18463d,#2b6d5f);color:#f5fbf8}.action-balanced{background:linear-gradient(135deg,#ffe5be,#ffd39f);color:#5c2e0f}.action-fast{background:linear-gradient(135deg,#d9eff4,#b9dde7);color:#164254}.action-ocr-select{background:linear-gradient(135deg,#214e40,#2e6d59);color:#f6fbf8}.action-translator-select{background:linear-gradient(135deg,#ece4fb,#ddd1f6);color:#44246e}.fixed-model-list{display:grid;gap:8px;padding:10px 12px;border:1px solid #dfe7e5;border-radius:8px;background:#f8fbfa;color:#243431;font-size:.9rem}.action-translate{background:linear-gradient(135deg,#d8f5e5,#b4e8cf);color:#134e36}.action-inpaint{background:linear-gradient(135deg,#ffe1dc,#ffc9bc);color:#6d2e19}.action-rerender{background:linear-gradient(135deg,#f3d9f5,#dfc0f0);color:#51255f}.action-full{background:linear-gradient(135deg,#ffe7c7,#ffd6a6);color:#6b3b0d;max-width:420px}.action-export{background:linear-gradient(135deg,#d9e7fb,#bfd6f8);color:#1d3f6e}.action-mask-tools{background:linear-gradient(135deg,#d8effb,#c2ddf9);color:#183f67}.action-card:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.action-select{width:100%;margin-top:2px;border:1px solid rgba(255,255,255,.26);border-radius:14px;padding:10px 12px;background:#ffffffe0;color:#1f2937}.action-inline-button{margin-top:4px;width:fit-content}.tool-toggle-row{display:flex;gap:6px;flex-wrap:wrap}.mini-tool-button{border:1px solid rgba(49,75,63,.14);background:#ffffffd6;color:inherit;border-radius:10px;padding:7px 10px;font-weight:700;font-size:.76rem;line-height:1.1}.mini-tool-button.is-active,.mini-tool-button.is-accent{background:#214e40f0;color:#f9fbfa;border-color:#214e40f0}.mini-tool-button.is-idle{opacity:.52}.mini-tool-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.range-field{display:grid;gap:6px;margin-top:2px}.color-field{display:grid;gap:6px;min-width:120px}.color-field span{font-size:.82rem;font-weight:700}.color-field input[type=color]{width:100%;height:40px;border:1px solid rgba(49,75,63,.14);border-radius:12px;background:#ffffffd6}.range-field span{font-size:.82rem;font-weight:700}.range-field input{width:100%}.image-stage{margin-top:6px;flex:1 1 auto;min-height:0;position:relative;border-radius:16px;padding:6px;background:linear-gradient(135deg,#ffefdc80,#d6f4ed73),#ffffffe6;border:1px dashed rgba(49,75,63,.16);overflow:auto;overscroll-behavior:contain}.image-stage-viewport{width:max-content;min-width:100%;min-height:100%;display:flex;align-items:flex-start;justify-content:center}.preview-canvas{position:relative;display:inline-block;flex:0 0 auto}.page-preview{display:block;width:100%;max-width:none;max-height:none;object-fit:contain;border-radius:14px;box-shadow:0 20px 50px #1f293724}.textblock-overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0}.manual-mask-canvas{touch-action:none}.manual-mask-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:18px;cursor:none;background:transparent}.manual-mask-layer.is-display{box-shadow:inset 0 0 0 1px #ffffff1f}.manual-mask-storage-layer{display:none}.manual-mask-canvas.is-mask-only .page-preview.is-hidden-visual{visibility:hidden}.brush-cursor-preview{position:absolute;transform:translate(-50%,-50%);border-radius:999px;pointer-events:none;z-index:5;box-shadow:0 0 0 1px #ffffffbf,0 0 0 2px #11182733}.brush-cursor-preview.is-paint{border:2px solid rgba(244,63,94,.95);background:#f43f5e24}.brush-cursor-preview.is-erase{border:2px dashed rgba(59,130,246,.95);background:#3b82f614}.brush-cursor-preview.is-detail{border:2px solid rgba(16,185,129,.95);background:#10b9811a;mix-blend-mode:multiply}.textblock-overlay{position:absolute;border:2px solid rgba(245,158,11,.78);background:#fbbf241f;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff59;padding:0}.textblock-overlay.is-selected{border-color:#10b981f2;background:#2dd4bf29}.textblock-tag{position:absolute;top:-11px;left:8px;padding:2px 8px;border-radius:999px;background:#111827e0;color:#f9fafb;font-size:.72rem;font-weight:700;letter-spacing:.02em}.textblock-resize-handle{position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.95);background:#214e40;box-shadow:0 5px 14px #11182738}.empty-stage,.empty-copy{text-align:center}.pipeline-strip{display:flex;gap:8px;flex-wrap:wrap;color:#425466;padding-top:4px;font-size:.72rem}.stage-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:2px}.zoom-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.canvas-zoom-overlay{width:fit-content;display:flex;align-items:center;gap:4px;padding:3px 4px;border-radius:999px;border:1px solid rgba(49,75,63,.12);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 30px #1f29371f}.zoom-button{min-width:22px;min-height:22px;padding:2px 0;border-radius:999px}.zoom-reset-button{min-width:32px;min-height:22px;padding:2px 7px}.zoom-readout{min-width:28px;text-align:center;font-size:.68rem;font-weight:700;color:#425466}.task-card,.block-detail{margin-top:8px;padding:9px;border-radius:14px;background:linear-gradient(180deg,#fff9f2e6,#f0faf7d1);border:1px solid rgba(49,75,63,.08)}.floating-task-card{position:fixed;right:24px;bottom:24px;width:min(340px,calc(100vw - 32px));z-index:40;padding:16px;border-radius:22px;border:1px solid rgba(49,75,63,.12);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #1f29372e}.floating-task-card p{margin:10px 0 0;color:#425466}.floating-task-progress{margin-top:12px;height:10px;border-radius:999px;background:#214e401f;overflow:hidden}.floating-task-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#214e40,#2fa37a);transition:width .18s ease}.error-box{margin-top:14px;padding:12px 14px;border-radius:16px;background:#b71c1c14;color:#8c1d18;border:1px solid rgba(183,28,28,.18)}.block-detail label{display:grid;gap:6px;margin-top:12px}.detail-color-card{display:grid;gap:8px;width:100%;padding:9px;border-radius:14px;border:1px solid rgba(49,75,63,.1);background:#ffffffb3}.detail-color-header,.detail-color-preview-row,.detail-color-picker-row{display:flex;align-items:center}.detail-color-header{justify-content:space-between;gap:12px}.detail-color-preview-row,.detail-color-picker-row{gap:8px}.detail-color-picker-row{flex-wrap:wrap}.detail-color-hex{font-size:.78rem;font-weight:700;color:#425466;text-transform:uppercase}.detail-color-swatch{width:24px;height:24px;border-radius:999px;border:1px solid rgba(49,75,63,.16);box-shadow:inset 0 0 0 1px #ffffff6b}.detail-color-native{width:52px;height:40px;padding:0;border:none;background:transparent;cursor:pointer}.detail-color-hex-input{flex:1 1 120px;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(49,75,63,.12);background:#ffffffe6;color:#214e40;font:inherit}.editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;align-items:center}.primary-button{border:none;border-radius:999px;padding:10px 16px;background:#214e40;color:#f9fbfa;font-weight:700}.block-detail textarea{width:100%;min-height:72px;resize:vertical;border:1px solid rgba(49,75,63,.1);border-radius:12px;padding:9px 10px;background:#ffffffd1}.detail-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-grid div{display:grid;gap:4px}@media(max-width:1280px){.workspace-grid{grid-template-columns:1fr}.panel-projects,.panel-stage,.panel-inspector{position:relative;top:auto;max-height:none;overflow:visible}.panel-resize-handle{display:none}.image-stage{min-height:280px}.workspace-mode-switch{width:100%}.stage-footer{flex-direction:column;align-items:stretch}.canvas-zoom-overlay{align-self:flex-end}}@media(max-width:720px){.app-shell{padding:12px 14px}.topbar{flex-direction:column;align-items:flex-start}.floating-task-card{right:16px;bottom:16px}.workspace-create-grid,.detail-grid,.workspace-mode-switch,.font-inline-grid,.style-status-grid{grid-template-columns:1fr}}.app-shell{background:linear-gradient(180deg,#eef2f7,#e7ecf3);color:#172033}.app-chrome{position:sticky;top:0;z-index:35;margin-bottom:8px;padding:8px 10px 10px;border:1px solid rgba(89,103,128,.16);border-radius:14px;background:#f5f7fbeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 42px #0f172a14}.topbar{margin-bottom:6px;align-items:flex-start}.topbar-title-group{display:grid;gap:0}.topbar-brand{margin:0;font-family:var(--font-family-brand);font-size:clamp(1.22rem,1.9vw,1.7rem);letter-spacing:-.03em;line-height:1.05;font-weight:800;color:#1f2a3d}.topbar-context{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.topbar-action-button{min-width:74px;min-height:34px;padding-inline:12px;font-weight:700;font-size:.76rem}.topbar-action-button.is-authenticated{border-color:#1665342e;background:#f0fdf4f5;color:#166534}.topbar-toggle-button.is-active{border-color:#2563eb38;background:#dce6f8;color:#1d4ed8}.context-pill,.status-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;border:1px solid rgba(86,99,122,.18);background:#ffffffeb;color:#334155;font-size:.72rem;font-weight:700}.context-pill.is-stable,.status-badge.is-stable{border-color:#1665342e;background:#f0fdf4f5;color:#166534}.context-pill.is-live,.status-badge.is-live{border-color:#b4530938;background:#fff7edf5;color:#b45309}.commandbar{display:flex;gap:4px;flex-wrap:wrap}.command-menu{position:relative}.command-menu-trigger,.command-menu-item{min-height:34px;font:inherit}.command-menu-trigger{min-width:74px;padding:7px 11px;border-radius:10px;border:1px solid rgba(86,99,122,.16);background:#fffc;color:#1f2a3d;font-weight:700;font-size:.76rem}.command-menu-trigger.is-open,.command-menu-trigger:hover{background:#dce6f8;border-color:#2563eb38}.command-menu-popover{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;padding:4px;border-radius:12px;border:1px solid rgba(86,99,122,.16);background:#f8fafcfa;box-shadow:0 18px 40px #0f172a24;display:grid;gap:4px}.command-menu-item{width:100%;text-align:left;padding:8px 10px;border-radius:10px;border:0;background:transparent;color:#1f2a3d;font-size:.76rem}.command-menu-item:hover,.command-menu-item.is-active{background:#e8eef9}.command-menu-item:disabled{opacity:.48;cursor:not-allowed}.command-menu-separator{height:1px;margin:2px 4px;background:#94a3b847}.eyebrow,.section-kicker,.detail-label,.muted,.settings-field span,.toggle-field span,.block-card-subtitle,.block-inline-field span,.workspace-mode-kicker{text-transform:none;letter-spacing:0}.eyebrow,.section-kicker{color:#5b6578;font-size:.8rem}.muted,.block-card span,.project-card span,.task-card p,.empty-copy,.action-card span{color:#5f6b7d}.workspace-grid{gap:10px}.panel{border-radius:18px;border:1px solid rgba(86,99,122,.14);background:#f8fafceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 30px #0f172a0f}.panel-header-actions{display:flex;gap:6px;flex-wrap:wrap}.project-card-shell,.project-create-card,.project-upload-card,.project-manage-card,.project-card,.block-card,.workspace-mode-card,.preview-card,.task-card,.block-detail{background:#ffffffd1;border-color:#56637a1f;box-shadow:none}.project-card-shell.is-active,.project-card.is-active,.block-card.is-active,.workspace-mode-card.is-active{background:#e0e9f8eb;border-color:#3b82f63d;color:#172033}.workspace-mode-card.is-active small,.workspace-mode-card.is-active .workspace-mode-kicker{color:#516072}.image-stage{background:#f4f7fb;border:1px solid rgba(86,99,122,.16)}.editor-summary-bar{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.stage-actions{margin-top:8px}.action-card{border-color:#56637a1f}.action-full,.action-translate,.action-export{background:#ffffffe6}.action-full{color:#854d0e}.action-translate{color:#166534}.action-export{color:#1d4ed8}.inspector-tabs{position:sticky;top:0;z-index:2;padding-bottom:6px;background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(248,250,252,.78) 85%,transparent)}.selected-block-panel,.block-list-secondary{margin-top:8px}.block-card{gap:8px}.block-card-status{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#edf2fb;color:#31507f;font-size:.74rem;font-weight:800}.block-inline-field textarea,.block-detail textarea,.font-number-input,.font-readonly-input,.font-color-input,.workspace-input,.action-select,.detail-color-hex-input{min-height:44px;border-color:#56637a29;background:#fffffffa}.block-inline-field textarea,.block-detail textarea{min-height:84px}.block-inline-preview{margin:0;padding:9px;border-radius:12px;border:1px solid rgba(86,99,122,.12);background:#fffffff5;color:#1f2937;line-height:1.45;white-space:pre-wrap;word-break:break-word}.block-card.is-selectable{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.block-card.is-selectable:hover{border-color:#3b82f63d;box-shadow:0 10px 24px #2563eb14;transform:translateY(-1px)}.block-card.is-selectable:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.detail-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:31;border:0;background:#0f172a3d}button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.ghost-button,.layer-tab,.page-chip{min-height:30px}.floating-task-card{border-radius:18px}.detail-label{color:#64748b;font-weight:700}@media(max-width:1280px){.app-shell{height:auto;overflow:visible}.app-shell.is-narrow-layout .panel-projects,.app-shell.is-narrow-layout .panel-inspector{position:fixed;top:112px;bottom:16px;width:min(360px,calc(100vw - 96px));max-height:none;z-index:32;overflow:hidden;transition:transform .18s ease,opacity .18s ease;opacity:0;pointer-events:none}.app-shell.is-narrow-layout .panel-projects{left:16px;transform:translate(-18px)}.app-shell.is-narrow-layout .panel-inspector{right:16px;transform:translate(18px)}.app-shell.is-narrow-layout .panel-projects.is-drawer-open,.app-shell.is-narrow-layout .panel-inspector.is-drawer-open{opacity:1;pointer-events:auto;transform:translate(0)}.app-shell.is-narrow-layout .panel-stage{position:relative;top:auto;max-height:none}.app-shell.is-narrow-layout .panel-resize-handle{display:none}}@media(max-width:720px){.app-chrome{padding:8px}.image-stage{min-height:240px}.topbar-context{justify-content:flex-start}.commandbar{gap:6px}.command-menu-trigger{min-width:auto;padding-inline:12px}.app-shell.is-narrow-layout .panel-projects,.app-shell.is-narrow-layout .panel-inspector{top:142px;left:14px;right:14px;width:auto}.detail-grid-compact{grid-template-columns:1fr}}