:root{--bg:#f5f5f7;--surface:#fff;--surface-alt:#fbfbfd;--ink:#1d1d1f;--muted:#6e6e73;--border:#d2d2d7;--blue:#06c;--blue-soft:#f5f9ff;--danger:#b42318;--magenta:#ff2d55}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:SF Pro Text,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,.primaryButton{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--ink);cursor:pointer;border-radius:9999px;padding:0 14px;text-decoration:none}button:hover:not(:disabled),.primaryButton:hover{border-color:var(--blue);color:var(--blue)}button:disabled{cursor:not-allowed;opacity:.45}.primaryButton,.newProjectButton{border-color:var(--blue);background:var(--blue);color:#fff;place-items:center;display:inline-grid}.dangerButton{color:var(--danger)}.workspaceShell{background:#f4f6fa;min-height:100dvh}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:24px;font-weight:650}.statusLine,.projectCard span,.assetItem span{color:var(--muted);font-size:13px}.workspaceCrumbs span{color:var(--muted);font-size:12px}.workspaceSearch{width:min(420px,100%);min-height:38px;color:var(--muted);background:#f1f1f3;border-radius:10px;align-items:center;gap:9px;padding:0 11px;display:flex}.workspaceSearch svg,.newProjectButton svg,.viewSwitch svg,.cardActions svg,.projectIcon svg,.emptyState svg,.dialogCloseButton svg,.dialogIcon svg{width:17px;height:17px}.workspaceSearch input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.workspaceMain{grid-template-rows:64px minmax(0,1fr);min-width:0;min-height:100dvh;display:grid}.workspaceTopbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #d2d2d7db;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:18px;min-width:0;padding:16px 24px;display:grid}.workspaceCrumbs{align-items:center;gap:16px;min-width:0;display:flex}.workspaceCrumbs strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:600;overflow:hidden}.newProjectButton{white-space:nowrap;grid-auto-flow:column;align-items:center;gap:6px}.workspaceContent{scrollbar-gutter:stable;width:min(1680px,100%);min-width:0;margin:0 auto;padding:24px 24px 40px;overflow:auto}.workspaceSectionBar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.workspaceTabs,.workspaceControls,.viewSwitch{align-items:center;gap:8px;min-width:0;display:flex}.workspaceControls{justify-content:flex-end}.workspaceTabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-weight:600}.workspaceTabs button.active{color:var(--ink);background:#f1f1f3}.workspaceControls select{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--ink);border-radius:9px;padding:0 32px 0 12px}.viewSwitch{border:1px solid var(--border);background:var(--surface);border-radius:9px;gap:2px;padding:2px}.viewSwitch button{background:0 0;border:0;border-radius:7px;width:31px;height:31px;min-height:31px;padding:0}.viewSwitch button.active{color:var(--blue);background:#f1f1f3}.statusLine{margin-bottom:14px}.projectGrid{grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:24px;display:grid}.projectList{gap:10px;display:grid}.projectCard{background:var(--surface);content-visibility:auto;contain-intrinsic-size:auto 360px;border:1px solid #d2d2d7e6;border-radius:14px;grid-template-rows:auto minmax(82px,auto);min-width:0;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid;overflow:hidden}.projectCard:hover{border-color:#c0c0c6;transform:translateY(-1px);box-shadow:0 18px 38px #0f172a14}.projectCard.list{grid-template-rows:auto;grid-template-columns:132px minmax(0,1fr);min-height:92px}.projectPreviewLink{min-width:0;color:inherit;text-decoration:none}.projectPreview{aspect-ratio:16/9;background:#1c1c1e;place-items:center;width:100%;display:grid;overflow:hidden}.projectCard.list .projectPreview{aspect-ratio:auto;height:100%}.projectPreview img{object-fit:contain;width:100%;height:100%}.projectPreviewEmpty{color:#ffffff6b;background:linear-gradient(135deg,#ffffff0f,#0000 42%),#1c1c1e;place-items:center;width:100%;height:100%;display:grid}.projectPreviewEmpty svg{width:28px;height:28px}.projectMeta{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"icon title actions""icon badges actions";align-items:start;gap:8px 12px;min-width:0;padding:15px 16px;display:grid}.projectIcon{background:var(--blue);color:#fff;border-radius:7px;grid-area:icon;place-items:center;width:26px;height:26px;display:grid}.projectTitleBlockCard{grid-area:title;gap:3px;min-width:0;display:grid}.projectTitleBlockCard a{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;text-decoration:none;overflow:hidden}.projectTitleBlockCard span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.renameProjectForm{min-width:0}.renameProjectForm input{border:1px solid var(--blue);background:var(--surface);width:100%;min-width:0;height:28px;color:var(--ink);border-radius:8px;outline:3px solid #0066cc1f;padding:0 8px;font-weight:650}.projectBadges{white-space:nowrap;grid-area:badges;align-items:center;gap:6px;display:flex}.projectBadges span{color:var(--muted);background:#f4f4f5;border-radius:9999px;padding:4px 8px;font-size:12px}.cardActions{opacity:0;pointer-events:none;grid-area:actions;gap:4px;transition:opacity .12s;display:flex}.projectCard:hover .cardActions,.projectCard:focus-within .cardActions{opacity:1;pointer-events:auto}.projectCard:focus-within .cardActions{opacity:1}.cardActions button{width:30px;height:30px;min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.cardActions button:hover:not(:disabled){background:#f1f1f3}.cardActions .confirmEditButton{color:var(--blue)}.cardActions .confirmEditButton:hover:not(:disabled){background:var(--blue-soft)}.cardActions .dangerButton:hover:not(:disabled){color:var(--danger);background:#fff1f1}.modalBackdrop{z-index:20;background:#0000003d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirmDialog{border:1px solid var(--border);background:var(--surface);border-radius:18px;gap:16px;width:min(420px,100%);padding:22px;display:grid;position:relative;box-shadow:0 24px 80px #0000002e}.dialogCloseButton{width:30px;height:30px;min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.dialogCloseButton:hover:not(:disabled){color:var(--ink);background:#f1f1f3}.dialogIcon{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.dialogIcon.danger{color:var(--danger);background:#fff1f1}.dialogIcon.primary{background:var(--blue-soft);color:var(--blue)}.dialogText{gap:8px;display:grid}.dialogText h2{font-size:20px;line-height:1.25}.dialogText p{color:var(--muted);font-size:14px;line-height:1.55}.dialogActions{justify-content:flex-end;gap:8px;display:flex}.dialogActions button{border-radius:10px;min-height:36px}.createProjectForm{gap:16px;display:grid}.createProjectForm label{gap:7px;display:grid}.createProjectForm label>span{color:var(--muted);font-size:12px;font-weight:600}.createProjectForm input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:38px;color:var(--ink);border-radius:10px;outline:none;padding:0 11px}.createProjectForm input:focus{border-color:var(--blue);outline:3px solid #0066cc1f}.dangerConfirmButton{border-color:var(--danger);background:var(--danger);color:#fff}.dangerConfirmButton:hover:not(:disabled){color:#fff;background:#8f1d14;border-color:#8f1d14}.primaryConfirmButton{border-color:var(--blue);background:var(--blue);color:#fff}.primaryConfirmButton:hover:not(:disabled){color:#fff;background:#0057b8;border-color:#0057b8}.emptyState{border:1px dashed var(--border);min-height:260px;color:var(--muted);text-align:center;background:#fbfbfd;border-radius:16px;place-items:center;gap:8px;padding:18px;display:grid}.emptyState strong{color:var(--ink)}.reviewShell{background:#000;grid-template:"topbar topbar topbar"48px"rail stage inspector"minmax(0,1fr)/88px minmax(0,1fr) 300px;height:100dvh;display:grid;overflow:hidden}.reviewShell.inspectorCollapsed{grid-template-columns:88px minmax(0,1fr) 44px}.reviewTopbar{border-bottom:1px solid var(--border);background:var(--surface-alt);grid-area:topbar;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:7px 12px;display:flex}.topbarProject,.topbarActions{align-items:center;min-width:0;display:flex}.topbarProject{gap:10px}.topbarActions{flex:auto;justify-content:flex-end;gap:8px;overflow:hidden}.topbarBack,.toolbarButton{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--ink);white-space:nowrap;border-radius:9999px;grid-auto-flow:column;place-items:center;gap:7px;padding:0 12px;text-decoration:none;display:inline-grid}.topbarBack{width:34px;padding:0}.topbarBack svg,.toolbarButton svg{width:16px;height:16px}.projectTitleBlock{gap:1px;min-width:0;display:grid}.projectTitleBlock strong{text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:13px;font-weight:650;overflow:hidden}.projectTitleBlock span{color:var(--muted);white-space:nowrap;font-size:12px}.zoomGroup{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:9999px;align-items:center;min-height:34px;display:inline-flex;overflow:hidden}.zoomButton{min-height:32px;color:var(--ink);background:0 0;border:0;border-radius:0;padding:0 10px}.zoomButton:hover:not(:disabled){background:var(--blue-soft);color:var(--blue)}.zoomReadout{border-inline:1px solid var(--border);min-width:54px;color:var(--muted);text-align:center;padding:0 10px;font-size:12px;line-height:32px}.uploadButton{cursor:pointer;position:relative}.uploadButton input{cursor:pointer;opacity:0;position:absolute;inset:0}.exportButton{border-color:var(--blue);background:var(--blue);color:#fff}.exportButton:hover:not(:disabled){border-color:var(--blue);color:#fff;background:#0057b8}.toolbarButton:hover:not(:disabled),.uploadButton:hover{border-color:var(--blue);color:var(--blue)}.aiProgressPanel{z-index:30;background:#fffffff5;border:1px solid #11182724;border-radius:12px;gap:10px;width:min(440px,100vw - 40px);padding:14px;display:grid;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 20px 70px #0f172a2e}.aiProgressPanel.minimized{gap:8px;width:min(320px,100vw - 40px);padding:10px}.aiProgressHeader,.aiProgressActions,.aiProgressStats{align-items:center;min-width:0;display:flex}.aiProgressHeader{justify-content:space-between;gap:12px}.aiProgressHeader>div:first-child{gap:2px;min-width:0;display:grid}.aiProgressHeader strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;overflow:hidden}.aiProgressHeader span,.aiProgressStats{color:var(--muted);font-size:12px}.aiProgressHeader span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aiProgressActions{flex:none;gap:6px}.aiProgressActions button{border-radius:8px;place-items:center;width:30px;height:30px;min-height:30px;padding:0;display:grid}.aiProgressActions svg{width:15px;height:15px}.aiProgressTrack{background:#ebeef5;border-radius:9999px;height:7px;overflow:hidden}.aiProgressTrack span{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#06c);height:100%;transition:width .18s;display:block}.aiProgressStats{justify-content:space-between;gap:10px}.aiProgressStats span{white-space:nowrap}.pageRail{border-right:1px solid var(--border);background:var(--surface-alt);scrollbar-gutter:stable;grid-area:rail;min-width:0;overflow:auto}.pageRailHeader{color:var(--muted);text-align:center;text-transform:uppercase;padding:12px 8px 8px;font-size:11px;font-weight:650}.pageRailList,.assetList{gap:8px;display:grid}.pageRailList{padding:0 8px 12px}.pageThumbCard{min-height:74px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:12px;gap:5px;padding:5px;display:grid;position:relative}.pageThumbCard.active{border-color:var(--blue);background:var(--blue-soft)}.pageThumbCard.dragging{border-color:var(--magenta);opacity:.62}.pageDragHandle{color:#8a8a8e;cursor:grab;touch-action:none;border-radius:7px;place-items:center;width:100%;height:15px;display:grid}.pageDragHandle:hover{color:var(--ink);background:#ececf0}.pageDragHandle:active{cursor:grabbing}.pageDragHandle svg{stroke-width:1.8px;width:24px;height:14px}.pageThumbButton{width:100%;min-height:0;color:var(--ink);background:0 0;border:0;border-radius:8px;gap:5px;padding:0;display:grid}.pageThumbButton:hover:not(:disabled){color:var(--ink);border-color:#0000}.pageThumbImage{aspect-ratio:1;border:1px solid var(--border);background:#111;border-radius:8px;place-items:center;width:100%;display:grid;overflow:hidden}.pageThumbImage img{object-fit:cover;width:100%;height:100%}.pageThumbMeta,.pageThumbName,.pageThumbCount{color:var(--muted);text-align:center;font-size:10px;line-height:1}.pageThumbName{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;line-height:1.15;overflow:hidden}.pageThumbCount{background:var(--blue);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;font-size:10px;display:grid;position:absolute;top:2px;right:2px}.pageRailEmpty{min-height:92px;color:var(--muted);text-align:center;place-items:center;gap:6px;font-size:11px;display:grid}.pageRailEmpty svg{width:18px;height:18px}.stageArea{contain:layout style paint;background:#000;grid-area:stage;min-width:0;min-height:0;position:relative}.saveState{color:#257a38;text-overflow:ellipsis;white-space:nowrap;background:#eef7ee;border-radius:999px;place-items:center;min-width:56px;min-height:26px;padding:0 9px;font-size:12px;font-weight:600;display:inline-grid;overflow:hidden}.saveState.saving{background:var(--blue-soft);color:var(--blue)}.saveState.saved{color:#257a38;background:#eef7ee}.saveState.error{color:var(--danger);background:#fff1f0}.floatingTools{z-index:2;background:#000;border:1px solid #ffffff24;border-radius:14px;gap:7px;width:44px;padding:6px;display:grid;position:absolute;top:50%;left:18px;transform:translateY(-45%);box-shadow:0 18px 42px #00000052}.floatingTools button{color:#fff;background:#000;border:0;border-radius:9px;place-items:center;width:32px;height:32px;min-height:32px;padding:0;display:grid}.floatingTools button svg{stroke-width:1.9px;width:17px;height:17px}.floatingTools button:hover:not(:disabled){color:#fff;background:#1f1f1f}.floatingTools button.active{background:var(--blue);color:#fff}.floatingTools button:disabled{color:#ffffff52;opacity:1}.stageWrap{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.canvasHint{color:#ffffff57;letter-spacing:0;pointer-events:none;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.konvaStage.tool-draw{cursor:crosshair}.konvaStage.tool-pan{cursor:grab}.assetInspector{border-left:1px solid var(--border);background:var(--surface-alt);grid-area:inspector;min-width:0;position:relative;overflow:hidden}.inspectorToggle{z-index:1;border-radius:8px;place-items:center;width:28px;height:28px;min-height:28px;padding:0;display:grid;position:absolute;top:9px;right:8px}.inspectorToggle svg{width:15px;height:15px}.inspectorInner{grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;height:100%;min-height:0;padding:12px;display:grid;overflow:hidden}.inspectorControls{gap:8px;min-width:0;display:grid}.inspectorHeader{justify-content:space-between;align-items:center;gap:10px;padding-right:32px;display:flex}.inspectorHeader>div{gap:0;min-width:0;display:grid}.inspectorHeader h2{font-size:16px;line-height:1.2}.assetGalleryButton{border-radius:9px;grid-auto-flow:column;align-items:center;gap:5px;min-height:28px;padding:0 9px;font-size:12px;font-weight:650;display:inline-grid}.assetGalleryButton svg{width:13px;height:13px}.inspectorHeader span,.inspectorSummary span,.pageInfoPanel span,.cutModePanel span,.boxColorPanel label>span,.pageNameField span,.compactFields label>span,.fieldStack label>span,.activeAssetHeader span,.assetItem span{color:var(--muted);font-size:12px}.activeAssetPanel,.pageInfoPanel,.inspectorSummary,.cutModePanel,.boxColorPanel{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:8px;min-width:0;padding:8px;display:grid}.inspectorSummary,.cutModePanel{gap:6px}.pageInfoHeader,.cutModePanelHeader,.boxColorHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.cutModePanelHeader strong,.boxColorHeader strong{font-size:13px}.pageInfoHeader>span{color:var(--muted);font-size:12px}.cutModeSegmented{background:var(--surface-alt);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;display:grid}.cutModeSegmented button{min-height:28px;color:var(--muted);background:0 0;border-color:#0000;border-radius:7px;padding:0 8px;font-size:12px;font-weight:650}.cutModeSegmented button.active{border-color:var(--border);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft)}.boxColorHeader button{border-radius:8px;min-height:24px;padding:0 8px;font-size:12px}.boxColorFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.boxColorPanel label{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;display:grid}.boxColorPanel input[type=color]{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;width:34px;height:24px;min-height:24px;padding:2px}.pageInfoPanel>strong,.pageInfoPanel>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pageNameField{gap:4px;min-width:0;display:grid}.pageNameField input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:30px;color:var(--ink);border-radius:9px;padding:0 9px}.pageActionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.pageActionGrid button{border-radius:8px;grid-auto-flow:column;place-items:center;gap:4px;min-width:0;min-height:28px;padding:0 7px;font-size:12px;display:inline-grid}.pageActionGrid svg{width:13px;height:13px}.pageActionGrid input{display:none}.hiddenFileInput{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.fieldStack{gap:10px;display:grid}.activeAssetHeader{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.activeAssetEditRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.activeAssetEditRow input{border:1px solid var(--border);background:var(--surface);border-radius:9px;width:100%;min-width:0;min-height:30px;padding:0 9px}.activeAssetEditRow span{color:var(--muted);white-space:nowrap;font-size:12px}.activeAssetHeader div{gap:2px;min-width:0;display:grid}.activeAssetHeader strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.compactFields{gap:8px;display:grid}.fieldStack label,.compactFields label{gap:5px;display:grid}.fieldStack input,.fieldStack select,.compactFields input,.compactFields select{border:1px solid var(--border);background:var(--surface);border-radius:9px;width:100%;min-height:32px;padding:0 9px}.bboxGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.bboxGrid span{background:var(--surface-alt);min-width:0;color:var(--muted);border-radius:8px;padding:7px 8px;font-size:12px}.assetList{overscroll-behavior:contain;scrollbar-width:none;height:100%;min-height:0;padding-right:2px;overflow:auto}.assetList::-webkit-scrollbar{width:0;height:0}.assetItem{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;grid-template-columns:28px minmax(0,1fr) 54px 28px;align-items:center;gap:6px;min-width:0;min-height:42px;padding:5px 6px;display:grid;overflow:hidden}.assetItem.active{border-color:var(--magenta);background:#fff5f7}.assetItem.selected:not(.active){background:#f4f8ff;border-color:#89b8ff}.assetItem:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.assetIndex{background:var(--surface-alt);min-width:24px;height:24px;color:var(--muted);border-radius:999px;place-items:center;font-size:11px;font-weight:650;display:grid}.assetFields{gap:2px;min-width:0;display:grid;overflow:hidden}.assetItem input,.assetItem select{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;max-width:100%;min-height:26px;color:var(--ink);border-radius:8px;padding:0 6px;font-size:12px}.assetItem input{text-overflow:ellipsis;white-space:nowrap;border-color:#0000;padding-inline:0;overflow:hidden}.assetItem input:focus{border-color:var(--blue);padding-inline:7px}.assetItem select{appearance:none;text-overflow:ellipsis;padding-right:4px;overflow:hidden}.assetCutModeButton{border-radius:8px;min-width:0;min-height:28px;padding:0 7px;font-size:11px;font-weight:650}.assetCutModeButton.rect{color:var(--muted)}.assetCutModeButton.subject{color:var(--blue);background:#eef6ff;border-color:#b8d6ff}.assetCutModeButton.card{color:#157347;background:#eefbf4;border-color:#b8e7cf}.assetItemDelete,.assetDangerButton{width:28px;height:28px;min-height:28px;color:var(--danger);border-radius:8px;place-items:center;padding:0;display:grid}.assetItemDelete svg,.assetDangerButton svg{width:14px;height:14px}.reviewShell{color:#1f2328;background:#f5f6f8;grid-template-rows:50px minmax(0,1fr);grid-template-columns:320px minmax(0,1fr) 342px}.reviewTopbar{background:#fff;gap:10px;padding:8px 12px;box-shadow:0 1px #e7e9ee}.topbarBrand{color:#1459ff;white-space:nowrap;align-items:center;min-height:30px;font-size:14px;font-weight:650;text-decoration:none;display:inline-grid}.projectTitleBlock{border-left:1px solid #e5e7eb;padding-left:16px}.projectTitleBlock strong{color:#4b5563;font-size:12px;font-weight:600}.projectTitleBlock span{color:#8a9099;text-overflow:ellipsis;max-width:180px;font-size:11px;overflow:hidden}.topbarActions{scrollbar-width:none;justify-content:flex-start;gap:8px;overflow-x:auto}.toolbarButton,.zoomGroup,.toolSegment{background:#fff;border:1px solid #dfe3ea;border-radius:6px;flex:none;min-height:32px;box-shadow:0 1px 2px #0f172a08}.toolbarButton{color:#3f4652;gap:6px;padding:0 12px;font-size:12px}.toolbarButton svg{width:14px;height:14px}.toolbarButton.ghostButton{color:#b9bec7}.uploadButton,.toolbarButton:hover:not(:disabled),.uploadButton:hover{color:#1459ff;border-color:#cfd6e3}.aiButton{color:#315789;background:#f8fbff;border-color:#dbe5ff}.aiButton:hover:not(:disabled){color:#1459ff;background:#eef4ff;border-color:#b6caff}.exportButton{color:#3f4652;background:#fff;border-color:#dfe3ea}.exportButton:hover:not(:disabled){color:#1459ff;background:#f8fbff;border-color:#b6caff}.zoomGroup,.toolSegment{white-space:nowrap;align-items:center;display:inline-flex;overflow:hidden}.zoomButton,.zoomIconButton,.toolSegment button{color:#3f4652;background:0 0;border:0;border-radius:0;min-height:30px}.zoomButton{padding:0 12px;font-size:12px}.zoomIconButton{place-items:center;width:34px;min-width:34px;padding:0;display:grid}.zoomIconButton svg{width:13px;height:13px}.zoomReadout{color:#777f8b;border-inline:1px solid #edf0f4;min-width:56px;font-size:11px;line-height:30px}.toolSegment button{grid-auto-flow:column;align-items:center;gap:6px;padding:0 14px;font-size:12px;display:inline-grid}.toolSegment button svg{width:14px;height:14px}.toolSegment button.active{color:#1459ff;background:#eef4ff;font-weight:650}.saveState{background:#edf7f1;border-radius:6px;flex:none;min-height:28px;font-size:11px}.pageRail{background:#fbfcfe;grid-template-rows:40px minmax(0,1fr) 36px;display:grid;overflow:hidden}.pageRailHeader{color:#22262d;text-align:left;text-transform:none;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;font-weight:650;display:flex}.pageRailHeader svg{color:#8b93a1;width:13px;height:13px}.pageRailList{gap:0;min-height:0;padding:0;overflow:auto}.pageThumbCard{border:0;border-bottom:1px solid #edf0f4;border-radius:0;min-height:62px;padding:0}.pageThumbCard.active{background:#eef4ff;border-color:#2f6bff;box-shadow:inset 3px 0 #2f6bff}.pageDragHandle{z-index:1;color:#b7bdc7;width:18px;height:20px;position:absolute;top:21px;left:6px}.pageDragHandle svg{width:16px;height:12px}.pageThumbButton{text-align:left;border-radius:0;grid-template-columns:20px 38px minmax(0,1fr) 64px 76px;align-items:center;gap:8px;min-height:62px;padding:8px 10px 8px 28px}.pageThumbOrdinal{color:#8b93a1;font-size:11px;font-weight:650}.pageThumbImage{aspect-ratio:auto;background:#eef0f4;border-color:#e1e5ec;border-radius:3px;width:36px;height:46px}.pageThumbImage img{object-fit:cover}.pageThumbBody{gap:6px;min-width:0;display:grid}.pageThumbName,.pageThumbMeta,.pageThumbAssets,.pageThumbStatus{text-align:left}.pageThumbName{color:#4b5563;font-size:11px}.pageThumbMeta,.pageThumbAssets{color:#a0a7b3;white-space:nowrap;font-size:10px}.pageThumbStatus{white-space:nowrap;justify-self:end;font-size:10px}.pageThumbStatus.completed{color:#13a463}.pageThumbStatus.reviewing{color:#1459ff}.pageThumbStatus.skipped{color:#8b93a1}.pageRailFooter{color:#8b93a1;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0 12px;font-size:10px;display:flex}.pageRailFooter span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stageArea{background:#f0f2f5;grid-template-rows:minmax(0,1fr) 32px;padding:8px;display:grid}.stageMetaBar{z-index:3;pointer-events:none;background:#ffffffeb;border:1px solid #dfe3eae6;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;min-width:min(560px,100% - 36px);padding:8px 10px;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 10px 30px #0f172a14}.stageMetaBar>div{gap:2px;min-width:0;display:grid}.stageMetaBar strong{color:#22262d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.stageMetaBar span{color:#7d8592;font-size:10px}.stageMetaStatus{flex:none;grid-auto-flow:column;align-items:center;gap:8px;display:inline-flex!important}.stageMetaStatus span{color:#1459ff;background:#eef4ff;border-radius:999px;padding:3px 7px}.stageWrap{background:#fff;border:1px solid #dfe3ea;grid-row:1;min-height:0;box-shadow:inset 0 0 0 1px #0f172a05}.stageFooter{color:#7d8592;background:#fff;border:1px solid #dfe3ea;border-radius:6px;grid-row:2;place-self:center;align-items:center;font-size:11px;display:inline-flex;overflow:hidden}.stageFooter span{text-align:center;min-width:86px;padding:7px 12px}.stageFooter span+span{border-left:1px solid #edf0f4}.stageFooter .stageStatus{color:#4b5565;text-overflow:ellipsis;white-space:nowrap;min-width:180px;max-width:min(480px,42vw);overflow:hidden}.stageFooter .stageStatus.error{color:#d92d20}.canvasHint{color:#8b93a1}.assetInspector{background:#fbfcfe}.inspectorInner{grid-template-rows:minmax(280px,40%) minmax(0,1fr);gap:0;height:100%;min-height:0;padding:0;overflow:hidden}.inspectorToggle{z-index:4;border-radius:6px;width:26px;height:26px;min-height:26px;top:10px;right:8px}.assetReviewPanel,.detailsPanel{background:#fbfcfe;border-bottom:1px solid #edf0f4;min-width:0;min-height:0;display:grid}.assetReviewPanel{grid-template-rows:40px auto minmax(0,1fr);overflow:hidden}.assetInspector.assetListCollapsed .assetReviewPanel{grid-template-rows:40px}.detailsPanel{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:10px;padding:0 12px 14px;overflow:auto}.inspectorHeader,.detailsHeader{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:40px;padding:0 42px 0 12px;display:flex}.detailsHeader{border-bottom:0;padding:10px 0 8px}.inspectorHeader h2,.detailsHeader h2{color:#22262d;font-size:12px;line-height:1.2}.inspectorHeader span,.detailsHeader span{color:#8b93a1;font-size:10px}.assetPanelCollapseButton{border-radius:6px;place-items:center;width:26px;height:26px;min-height:26px;padding:0;display:grid}.assetPanelCollapseButton svg{width:14px;height:14px}.assetSearchRow{grid-template-columns:minmax(0,1fr) 34px 34px;gap:8px;padding:8px 12px;display:grid}.assetSearchRow label{background:#fff;border:1px solid #dfe3ea;border-radius:6px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:6px;min-height:32px;padding:0 8px;display:grid}.assetSearchRow svg{color:#8b93a1;width:13px;height:13px}.assetSearchRow input,.assetSearchRow select{color:#4b5563;background:0 0;border:0;outline:0;min-width:0;min-height:28px;font-size:11px}.assetSearchRow select{color:#0000;background:#fff;border:1px solid #dfe3ea;border-radius:6px}.assetOverviewRow{color:#8b93a1;justify-content:space-between;align-items:center;gap:10px;padding:4px 12px 8px;font-size:11px;display:flex}.assetGalleryButton{border-radius:6px;min-height:28px}.assetList{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;align-content:start;gap:8px;height:100%;min-height:0;padding:0 8px 12px;display:grid;overflow:auto}.assetList::-webkit-scrollbar{width:8px}.assetItem{background:#fff;border-color:#e1e5ec;border-radius:6px;grid-template-columns:42px minmax(0,1fr) 56px 28px;gap:8px;min-height:58px;padding:6px}.assetItem.active{background:#eef4ff;border-color:#2f6bff;box-shadow:inset 0 0 0 1px #2f6bff}.assetPreviewButton{background:#f4f6f8;border:1px solid #e1e5ec;border-radius:4px;place-items:center;width:40px;height:40px;min-height:40px;padding:0;display:grid;overflow:hidden}.assetPreviewButton img{object-fit:contain;max-width:100%;max-height:100%;display:block}.assetPreviewPlaceholder{border-radius:inherit;color:#8c97a5;background:#edf1f5;place-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:grid}.assetFields{gap:4px}.assetFields small{color:#a0a7b3;font-size:10px}.assetItem input{color:#4b5563;min-height:20px;font-size:11px}.assetCutModeButton{color:#1459ff;border-radius:5px;min-height:24px;padding:0 6px;font-size:10px}.assetListEmpty{color:#8b93a1;text-align:center;place-items:center;gap:8px;min-height:120px;font-size:12px;display:grid}.assetListEmpty svg{width:18px;height:18px}.activeAssetPanel,.pageInfoPanel,.inspectorSummary,.cutModePanel,.boxColorPanel{border-color:#e1e5ec;border-radius:6px;padding:10px}.activeAssetPanel{gap:10px}.detailsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.detailsGrid label,.detailsSelectRow{gap:4px;min-width:0;display:grid}.detailsGrid span,.detailsSelectRow span,.detailsStaticGrid span{color:#777f8b;font-size:10px}.detailsGrid input,.detailsSelectRow select,.activeAssetEditRow input,.pageNameField input{color:#3f4652;background:#fff;border:1px solid #dfe3ea;border-radius:6px;width:100%;min-width:0;min-height:30px;padding:0 8px;font-size:11px}.detailsStaticGrid{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px 10px;display:grid}.detailsStaticGrid strong,.detailsStaticGrid button{color:#3f4652;min-width:0;font-size:11px;font-weight:500}.detailsStaticGrid button{border-radius:6px;grid-auto-flow:column;justify-content:start;align-items:center;gap:6px;min-height:28px;padding:0 8px;display:inline-grid}.detailsStaticGrid svg{width:12px;height:12px}.deleteAssetWideButton{color:#df4b54;background:#fff;border-color:#f1b8bb;border-radius:6px;min-height:36px;font-size:12px}.deleteAssetWideButton:hover:not(:disabled){color:#c9303a;border-color:#df4b54}.reviewShell{--rail-width:clamp(15.5rem, 19vw, 20rem);--inspector-width:clamp(17.875rem, 21vw, 22.5rem);--inspector-compact-width:clamp(14.25rem, 16vw, 16.75rem);--collapsed-inspector-width:clamp(2.375rem, 3vw, 2.75rem);--stage-min-width:clamp(26rem, 44vw, 42rem);--panel-pad:clamp(.375rem, .7vw, .625rem);--panel-gap:clamp(.3125rem, .65vw, .625rem);--control-height:clamp(1.75rem, 2.2vw, 2rem);grid-template-rows:clamp(2.75rem,4.4vw,3.125rem) minmax(0,1fr);grid-template-columns:var(--rail-width) minmax(var(--stage-min-width), 1fr) var(--inspector-width);transition:grid-template-columns .18s}.reviewShell.assetListCollapsed{grid-template-columns:var(--rail-width) minmax(var(--stage-min-width), 1fr) var(--inspector-compact-width)}.reviewShell.inspectorCollapsed,.reviewShell.inspectorCollapsed.assetListCollapsed{grid-template-columns:var(--rail-width) minmax(var(--stage-min-width), 1fr) var(--collapsed-inspector-width)}.reviewTopbar,.pageRail,.stageArea,.assetInspector{container-type:inline-size}.reviewTopbar{align-items:center;gap:var(--panel-gap);flex-wrap:nowrap;min-height:0;padding:clamp(6px,.6vw,8px) clamp(8px,.9vw,12px);overflow:hidden;container-name:review-topbar}.topbarProject{flex:0 clamp(120px,12vw,220px);gap:clamp(10px,1.2vw,18px)}.topbarBrand{font-size:clamp(12px,1cqi,14px)}.projectTitleBlock{padding-left:clamp(10px,1vw,16px)}.projectTitleBlock span{max-width:clamp(72px,10vw,160px)}.topbarActions{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:clamp(4px,.42cqi,7px);overflow:hidden}.topbarActions::-webkit-scrollbar{display:none}.toolbarButton,.zoomGroup,.toolSegment,.languageToggle{min-height:var(--control-height)}.toolbarButton{--command-button-width:clamp(4.25rem, 6.6cqi, 5.875rem);inline-size:var(--command-button-width);max-inline-size:var(--command-button-width);justify-content:center;gap:clamp(3px,.34cqi,6px);padding-inline:clamp(5px,.48cqi,9px);font-size:clamp(10px,.88cqi,12px)}.uploadButton,.aiButton,.exportButton{--command-button-width:clamp(4.875rem, 7.4cqi, 6.625rem)}.toolbarButton.ghostButton{--command-button-width:clamp(3.625rem, 5.2cqi, 4.625rem)}.toolbarButton span,.zoomButton,.languageToggle button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.zoomButton,.zoomIconButton,.toolSegment button,.languageToggle button{min-height:calc(var(--control-height) - 2px)}.zoomButton{padding-inline:clamp(6px,.68cqi,10px)}.zoomIconButton{width:clamp(26px,2.2cqi,32px);min-width:clamp(26px,2.2cqi,32px)}.zoomReadout{min-width:clamp(42px,3.6cqi,52px)}.toolSegment button{gap:clamp(4px,.4cqi,6px);padding-inline:clamp(6px,.62cqi,10px)}.saveState{min-width:clamp(38px,3.2cqi,52px)}.languageToggle{background:#fff;border:1px solid #dfe3ea;border-radius:6px;flex:none;align-items:center;inline-size:clamp(4.25rem,5.8cqi,5rem);display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.languageToggle button{color:#6b7280;background:0 0;border:0;border-radius:0;flex:1 1 0;padding-inline:clamp(5px,.48cqi,8px);font-size:clamp(10px,.82cqi,11px);font-weight:600}.languageToggle button.active{color:#1459ff;background:#eef4ff}.pageRail{container-name:page-rail}.pageRailList{align-content:start}.pageRailHeader{padding-inline:clamp(8px,4cqi,12px)}.pageThumbButton{grid-template-columns:clamp(16px,6cqi,20px) clamp(30px,12cqi,38px) minmax(0,1fr) minmax(52px,19cqi) minmax(60px,23cqi);gap:clamp(5px,2.2cqi,8px);min-height:clamp(56px,20cqi,64px);padding:clamp(6px,2cqi,8px) clamp(8px,3cqi,10px) clamp(6px,2cqi,8px) clamp(24px,9cqi,28px)}.pageThumbImage{width:clamp(30px,12cqi,36px);height:clamp(38px,15cqi,46px)}.pageThumbBody{gap:clamp(3px,1.4cqi,6px)}.stageArea{padding:var(--panel-pad);container-name:stage-area}.canvasToolRail{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #dfe3eaeb;border-radius:14px;gap:6px;width:46px;padding:6px;display:grid;position:absolute;top:clamp(10px,1.4cqi,18px);left:clamp(10px,1.4cqi,18px);box-shadow:0 12px 32px #0f172a24}.canvasToolRail button{color:#2f3540;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:34px;height:34px;min-height:34px;padding:0;display:grid}.canvasToolRail button:hover:not(:disabled){color:#1459ff;background:#f7f8fb;border-color:#dfe3ea}.canvasToolRail button.active{color:#1459ff;background:#fff;border-color:#dfe3ea;box-shadow:0 4px 14px #0f172a1f}.canvasToolRail svg{stroke-width:1.9px;width:18px;height:18px}.stageMetaBar{gap:clamp(10px,1.6cqi,20px);min-width:min(clamp(360px,52cqi,560px),100% - 36px);padding:clamp(6px,.8cqi,8px) clamp(8px,1cqi,10px);top:clamp(12px,1.2cqi,18px);left:clamp(12px,1.2cqi,18px)}.assetInspector{container-name:asset-inspector}.inspectorInner{grid-template-rows:clamp(24rem,62dvh,32rem) minmax(0,1fr)}.assetInspector:has(.assetListEmpty) .inspectorInner{grid-template-rows:clamp(14rem,30dvh,20rem) minmax(0,1fr)}.assetInspector.assetListCollapsed .inspectorInner{grid-template-rows:auto minmax(0,1fr)}.assetSearchRow{grid-template-columns:minmax(0,1fr);gap:clamp(5px,1.8cqi,8px);padding:clamp(6px,2cqi,8px) clamp(8px,3.4cqi,12px)}.assetSearchRow select{color:#4b5563;font-size:clamp(10px,3.4cqi,11px)}.assetSearchRow label{min-width:0}.assetSearchRow select{width:100%}.assetItem{grid-template-columns:clamp(34px,12cqi,42px) minmax(0,1fr) clamp(50px,17cqi,56px) clamp(24px,9cqi,28px);gap:clamp(5px,1.8cqi,8px);min-height:clamp(52px,18cqi,58px)}.assetPreviewButton{width:clamp(34px,12cqi,40px);height:clamp(34px,12cqi,40px);min-height:clamp(34px,12cqi,40px)}.detailsGrid{grid-template-columns:repeat(auto-fit,minmax(min(96px,100%),1fr))}.reviewShell:has(.aiProgressPanel:not(.minimized)) .stageArea{padding-bottom:clamp(10px,1.2vw,16px)}@container review-topbar (max-width:920px){.topbarProject{flex-basis:clamp(132px,18cqi,190px)}.projectTitleBlock span,.toolbarButton svg{display:none}}@container review-topbar (max-width:1280px){.projectTitleBlock{display:none}.topbarProject{flex-basis:auto}.toolbarButton svg{display:none}}@container review-topbar (max-width:720px){.topbarBrand{font-size:0}.topbarBrand:before{content:"SS";font-size:12px}.projectTitleBlock{display:none}.topbarProject{flex-basis:auto}}@container stage-area (max-width:620px){.stageMetaBar{flex-direction:column;align-items:flex-start;min-width:min(clamp(260px,82cqi,420px),100% - 24px)}.stageMetaStatus{flex-wrap:wrap}}@container page-rail (max-width:270px){.pageThumbButton{grid-template-columns:clamp(16px,7cqi,20px) clamp(30px,13cqi,36px) minmax(0,1fr) minmax(56px,25cqi)}.pageThumbAssets{display:none}}@container asset-inspector (max-width:300px){.assetSearchRow{grid-template-columns:minmax(0,1fr)}.assetItem{grid-template-columns:clamp(32px,13cqi,38px) minmax(0,1fr) clamp(42px,18cqi,54px) 26px}.detailsStaticGrid{grid-template-columns:minmax(0,1fr)}}.assetGalleryBackdrop{background:#00000094;padding:28px}.assetGalleryDialog{color:#fff;background:#1f1f1f;border:1px solid #ffffff1f;border-radius:18px;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(1480px,96vw);height:min(780px,88vh);min-height:0;padding:16px;display:grid;position:relative;box-shadow:0 30px 110px #00000073}.assetGalleryHeader{justify-content:space-between;align-items:center;gap:16px;padding-right:38px;display:flex}.assetGalleryHeader h2{font-size:18px;line-height:1.25}.assetGalleryHeader span{color:#ffffff94;font-size:12px}.assetGalleryPageNav{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.assetGalleryPageNav button{color:#fff;background:#2b2b2b;border-color:#ffffff24;border-radius:9px;place-items:center;width:32px;height:32px;min-height:32px;padding:0;display:grid}.assetGalleryPageNav button:hover:not(:disabled){color:#fff;background:#373737;border-color:#ffffff47}.assetGalleryPageNav svg{width:18px;height:18px}.assetGalleryPageNav span{color:#ffffffad;text-align:center;min-width:46px}.assetGalleryDialog .dialogCloseButton{color:#ffffffad}.assetGalleryDialog .dialogCloseButton:hover:not(:disabled){color:#fff;background:#ffffff1a}.assetGalleryGrid{grid-template-columns:repeat(5,minmax(0,1fr));place-content:start stretch;gap:10px;min-height:0;padding-right:2px;display:grid;overflow:auto}.assetGalleryEmpty{color:#ffffff80;border:1px dashed #ffffff24;border-radius:12px;grid-column:1/-1;place-items:center;gap:8px;min-height:280px;display:grid}.assetGalleryEmpty svg{width:26px;height:26px}.assetGalleryCard{color:#fff;text-align:left;background:#2b2b2b;border:1px solid #ffffff14;border-radius:10px;grid-template-rows:auto 112px auto auto;gap:8px;min-width:0;min-height:212px;padding:8px;display:grid}.assetGalleryCard:hover:not(:disabled),.assetGalleryCard.active{border-color:var(--magenta);box-shadow:0 0 0 1px #ff2d5570}.assetGalleryCard:hover{border-color:#fff3}.assetGalleryCard.active:hover{border-color:var(--magenta)}.assetGalleryCardHeader,.assetGalleryMeta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.assetGalleryCardHeader strong{font-size:13px}.assetGalleryCardHeader span,.assetGalleryMeta span{color:#ffffff9e;font-size:11px}.assetGalleryPreview{cursor:pointer;background-color:#d7d7d7;background-image:linear-gradient(45deg,#b9b9b9 25%,#0000 25%),linear-gradient(-45deg,#b9b9b9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#b9b9b9 75%),linear-gradient(-45deg,#0000 75%,#b9b9b9 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:0;border-radius:7px;place-items:center;min-width:0;height:112px;min-height:0;padding:0;display:grid;overflow:hidden}.assetGalleryPreview img{object-fit:contain;max-width:100%;max-height:128px;display:block}.assetGalleryPreviewPlaceholder{color:#8c97a5;place-items:center;width:100%;height:100%;font-size:22px;font-weight:700;display:grid}.assetGalleryCutModes{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.assetGalleryCutMode{color:#ffffff9e;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1f;border-radius:7px;outline:none;place-items:center;min-width:0;min-height:26px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:grid}.assetGalleryCutMode:hover,.assetGalleryCutMode:focus-visible{color:#fff;background:#ffffff14;border-color:#ffffff57}.assetGalleryCutMode.active{color:var(--blue);background:#eef6ff;border-color:#8ec5ff}.assetGalleryMeta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}@media (max-width:980px){.workspaceTopbar{grid-template-columns:minmax(0,1fr) auto}.workspaceContent{padding:20px 16px 32px}.workspaceSectionBar{flex-direction:column;align-items:stretch}.projectGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.reviewShell{grid-template:"topbar topbar""rail stage"minmax(360px,1fr)"inspector inspector"minmax(260px,40dvh)/clamp(210px,28vw,280px) minmax(0,1fr)}.reviewShell.inspectorCollapsed,.reviewShell.assetListCollapsed,.reviewShell.inspectorCollapsed.assetListCollapsed{grid-template-columns:clamp(210px,28vw,280px) minmax(0,1fr)}.reviewTopbar{align-items:start;min-height:54px}.topbarActions{padding-bottom:2px}.assetInspector{border-top:1px solid var(--border);border-left:0}.assetInspector .inspectorInner{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(min(260px,100%),.85fr);display:grid}.projectTitleBlock strong{max-width:170px}.saveState{display:none}}.authShell{background:var(--bg);place-items:center;gap:24px;min-height:100dvh;padding:32px;display:grid}.marketingPage{background:#f4f6fa;min-height:100dvh}.marketingSection{width:min(1240px,100% - 56px);margin:0 auto}.siteHeader{justify-content:space-between;align-items:center;gap:18px;width:min(1240px,100% - 56px);margin:0 auto;padding:18px 0;display:flex}.siteHeaderNav{align-items:center;gap:10px;display:flex}.siteHeaderNav a{color:var(--ink);text-decoration:none}.consoleBrand{color:var(--ink);flex-direction:column;gap:2px;text-decoration:none;display:inline-flex}.consoleBrand.inline{display:inline-grid}.consoleBrandMark{color:var(--blue);font-size:14px;font-weight:700}.consoleBrandText{color:var(--muted);font-size:12px}.marketingHero{border-top:1px solid #d2d2d799;align-items:flex-end;min-height:min(920px,100dvh - 78px);display:flex;position:relative;overflow:hidden}.marketingHeroImage{object-fit:cover;object-position:top center}.marketingHeroShade{background:linear-gradient(90deg,#090b12d6 0%,#090b12ad 34%,#090b1238 62%,#090b121f 100%);position:absolute;inset:0}.marketingHeroInner{z-index:1;color:#fff;gap:26px;width:min(1240px,100% - 56px);margin:0 auto;padding:72px 0 56px;display:grid;position:relative}.marketingHeroCopy{gap:20px;max-width:720px;display:grid}.marketingHeroInner h1{text-wrap:balance;max-width:12ch;font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.02}.marketingLead{color:#ffffffdb;max-width:56ch;font-size:17px;line-height:1.65}.heroStatRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:920px;display:grid}.heroStat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c111d57;border:1px solid #ffffff29;border-radius:8px;gap:6px;min-height:108px;padding:16px 18px;display:grid}.heroStat span{color:#ffffffb3;font-size:12px}.heroStat strong{font-size:15px;line-height:1.45}.marketingBand{gap:20px;padding:40px 0 56px;display:grid}.marketingBand.compact{padding-top:0}.bandHeader{gap:10px;display:grid}.bandHeader h2,.deliverableRow h2{text-wrap:balance;max-width:18ch;font-size:32px;line-height:1.14}.deliverableRow{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:24px;display:grid}.workflowGrid,.surfaceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.workflowCard,.surfaceCard{background:#fff;border:1px solid #d2d2d7db;border-radius:12px;gap:10px;min-height:196px;padding:18px;display:grid}.workflowStep{color:var(--blue);font-size:12px;font-weight:700}.workflowCard strong,.surfaceCard strong{font-size:18px;line-height:1.3}.workflowCard p,.surfaceCard p{color:var(--muted);text-wrap:pretty;margin:0;line-height:1.7}.marketingBand.subtle{padding-top:0}.marketingNote{color:var(--muted);line-height:1.7}.authPage{background:#f4f6fa;grid-template-columns:minmax(0,1.15fr) minmax(420px,520px);min-height:100dvh;display:grid}.authShowcase{background:linear-gradient(135deg,#080b13eb 0%,#080b13c2 32%,#080b1347 100%),url(/marketing/workspace-hero.png) top/cover no-repeat;align-items:end;min-height:100%;padding:32px;display:grid;position:relative}.authShowcaseOverlay{position:absolute;inset:0}.authShowcaseBody{z-index:1;color:#fff;gap:22px;max-width:560px;display:grid;position:relative}.authShowcaseCopy{gap:18px;display:grid}.authShowcaseBody h1{max-width:12ch;font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.04}.authShowcaseBody p{color:#ffffffd1;line-height:1.7}.authShowcasePanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b135c;border:1px solid #ffffff1f;border-radius:12px;gap:12px;padding:18px;display:grid}.authShowcasePanel strong{font-size:14px}.authFeatureList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.authFeatureList li{color:#ffffffc2;padding-left:16px;line-height:1.6;position:relative}.authFeatureList li:before{content:"";background:#6be675;border-radius:999px;width:6px;height:6px;position:absolute;top:10px;left:0}.authPanel{background:radial-gradient(circle at 0 0,#0066cc0f,#0000 34%),#f7f8fb;align-content:center;gap:24px;padding:48px 48px 48px 40px;display:grid}.authPanelHeader{gap:18px;display:grid}.authPanelHeader h2{text-wrap:balance;margin:0 0 8px;font-size:34px;line-height:1.08}.authPanelHeader p{color:var(--muted);margin:0;line-height:1.7}.landingShell{align-content:center}.authCard{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:20px;width:min(520px,100%);padding:28px;display:grid}.landingHero{width:min(760px,100%)}.eyebrow{color:var(--blue);font-size:13px;font-weight:700}.authLead{color:var(--muted);margin-top:10px;line-height:1.6}.authTabs{border:1px solid var(--border);background:var(--surface-alt);border-radius:10px;gap:4px;width:fit-content;padding:3px;display:inline-flex}.authTabs button{color:var(--muted);background:0 0;border:0;border-radius:7px}.authTabs button.active{background:var(--surface);color:var(--ink)}.authForm{gap:14px;max-width:420px;display:grid}.formField{gap:8px;display:grid}.formField>span{color:var(--muted);font-size:13px;font-weight:600}.authForm label{color:var(--muted);gap:6px;font-size:13px;display:grid}.authForm input{border:1px solid var(--border);min-height:42px;color:var(--ink);background:#fff;border-radius:9px;padding:0 12px}.authForm input:focus{border-color:var(--blue);outline:3px solid #0066cc1f}.passwordField{position:relative}.passwordField input{width:100%;padding-right:46px}.passwordToggle{width:34px;height:34px;min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.passwordToggle:hover:not(:disabled){color:var(--blue);background:#f1f5fb}.authSubmitButton{border-radius:12px;min-height:46px}.authHelperRow{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.authHelperRow a{color:var(--blue);text-decoration:none}.authStatus{min-height:20px;margin:0}.authDevHint{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.inlineLink,.secondaryButton{color:var(--blue);text-decoration:none}.landingActions,.workspaceAccount{align-items:center;gap:10px;display:flex}.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(920px,100%);display:grid}.featureCard{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:16px;display:grid}.featureCard span,.workspaceAccount span{color:var(--muted);font-size:13px;line-height:1.5}.workspaceAccount button[aria-label=退出登录]{width:34px;min-height:34px;padding:0}.workspaceAccount a{color:var(--muted);font-size:13px;text-decoration:none}.workspaceAccount a:hover{color:var(--blue)}.workspaceAccount svg{width:17px;height:17px}.settingsPage{background:var(--bg);align-content:start;gap:18px;min-height:100dvh;padding:28px;display:grid}.settingsHeader,.settingsPanel{width:min(980px,100%)}.settingsHeader{gap:18px;display:grid}.settingsHeader h1{margin:0 0 8px;font-size:34px;line-height:1.08}.settingsHeader p{max-width:62ch;color:var(--muted);margin:0;line-height:1.7}.settingsPanel{background:#fff;border:1px solid #d2d2d7e6;border-radius:12px;gap:16px;padding:22px;display:grid;box-shadow:0 12px 32px #0f172a0a}.consoleSection{gap:16px;display:grid}.sectionHeader{justify-content:space-between;align-items:end;gap:16px;display:flex}.sectionHeader h2{margin:0 0 6px;font-size:22px;line-height:1.18}.sectionHeader p,.sectionMeta,.emptyInline{color:var(--muted);font-size:13px;line-height:1.6}.sectionSplit{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.metricGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;display:grid}.metricGridCompact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metricCard{background:#fff;border:1px solid #d2d2d7e6;border-radius:12px;gap:8px;padding:16px;display:grid}.metricCard dt{color:var(--muted);font-size:13px;line-height:1.6}.metricCard dd{margin:0;font-size:30px;font-weight:700;line-height:1}.metricGridCompact .metricCard dd{font-size:24px}.inlineActionRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preferenceForm{gap:18px;display:grid}.preferenceBlock{border-top:1px solid #edf0f4;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);align-items:start;gap:18px;padding-top:18px;display:grid}.preferenceBlock:first-child{border-top:0;padding-top:0}.preferenceBlock h3{margin:0 0 6px;font-size:16px;line-height:1.25}.preferenceBlock p{color:var(--muted);font-size:13px;line-height:1.6}.preferenceSegmented{border:1px solid var(--border);background:#f7f8fa;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.preferenceSegmented button{background:0 0;border:0;border-radius:7px;min-width:0;font-weight:600}.preferenceSegmented button.active{color:var(--blue);background:#fff;box-shadow:0 1px 4px #0f172a14}.preferenceChecks{gap:10px;display:grid}.preferenceChecks label{min-height:34px;color:var(--ink);align-items:center;gap:10px;font-size:14px;display:flex}.preferenceChecks input{width:16px;height:16px;accent-color:var(--blue)}.signOutButton{grid-auto-flow:column;align-items:center;gap:8px;display:inline-grid}.signOutButton.compact{width:36px;min-height:36px;padding:0}.statusPill{min-height:24px;color:var(--muted);background:#f1f1f3;border-radius:9999px;place-items:center;padding:0 9px;font-weight:650;display:inline-grid}.signOutButton svg{width:16px;height:16px}@media (max-width:760px){.marketingHero{min-height:auto}.marketingHeroInner,.authShowcase{padding-inline:20px}.marketingSection,.siteHeader,.settingsHeader,.settingsPanel{width:min(100%,100% - 40px)}.heroStatRow,.workflowGrid,.surfaceGrid,.deliverableRow,.sectionSplit,.authPage{grid-template-columns:1fr}.siteHeader{padding-inline:0}.siteHeader,.sectionHeader{align-items:start}.siteHeader,.siteHeaderNav,.landingActions{flex-wrap:wrap}.marketingBand,.authPanel{padding:20px 0}.authPage{min-height:auto}.authShowcase{min-height:420px}.featureGrid{grid-template-columns:1fr}.workspaceAccount{flex-wrap:wrap;justify-content:flex-end}}