.mobile-precision-panel .mobile-precision-header-actions{flex:none;align-items:center;gap:5px;display:flex}.mobile-precision-panel .mobile-precision-done{background:color-mix(in srgb,var(--color-surface,#fff) 24%,transparent);border:1px solid #ffffff85;border-radius:10px;min-height:32px;padding:5px 9px;font-size:10px;font-weight:700;box-shadow:inset 0 1px #ffffff73}.mobile-precision-panel .mobile-precision-done:hover{background:color-mix(in srgb,var(--color-surface,#fff) 45%,transparent)}.mobile-precision-panel .mobile-precision-rotate-center{align-content:center;justify-items:center;gap:5px;min-width:58px;display:grid}.mobile-precision-panel .mobile-precision-rotate-center input[type=range]{width:58px;height:44px;accent-color:var(--color-primary,#4f46e5);touch-action:none;margin:0;padding:0}.mobile-precision-panel .mobile-precision-rotate-center input[type=range]:disabled{opacity:.45}.mobile-precision-panel .mobile-precision-rotate-center small{max-width:90px;color:var(--color-text-secondary,#64748b);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.left-panel .touch-multi-select-list .layer-row{grid-template-columns:24px minmax(0,1fr) 18px repeat(2,24px)}.left-panel .touch-multi-select-list .layer-row.has-children{grid-template-columns:24px 16px minmax(0,1fr) 18px repeat(2,24px)}.left-panel .touch-multi-select-list .layer-row.has-reparent{grid-template-columns:24px minmax(0,1fr) 18px repeat(3,24px)}.left-panel .touch-multi-select-list .layer-row.has-children.has-reparent{grid-template-columns:24px 16px minmax(0,1fr) 18px repeat(3,24px)}.left-panel .touch-multi-select-list .layer-row.nested-layer{grid-template-columns:24px auto minmax(0,1fr) 18px repeat(2,24px)}.left-panel .touch-multi-select-list .layer-row.nested-layer.has-children{grid-template-columns:24px auto 16px minmax(0,1fr) 18px repeat(2,24px)}.left-panel .touch-multi-select-list .layer-row.nested-layer.has-reparent{grid-template-columns:24px auto minmax(0,1fr) 18px repeat(3,24px)}.left-panel .touch-multi-select-list .layer-row.nested-layer.has-children.has-reparent{grid-template-columns:24px auto 16px minmax(0,1fr) 18px repeat(3,24px)}.touch-object-checkbox{width:18px;height:18px;accent-color:var(--color-primary,#4f46e5);cursor:pointer;margin:0}.touch-object-checkbox:focus-visible{outline:2px solid var(--color-primary,#4f46e5);outline-offset:1px}.touch-action-bar{z-index:190;border:1px solid color-mix(in srgb, var(--color-border,#d8dee9) 90%, transparent);background:color-mix(in srgb, var(--color-surface,#fff) 94%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);touch-action:manipulation;border-radius:14px;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #0f172a2e,inset 0 1px #fff9}.touch-action-bar-main,.touch-action-bar-actions{align-items:center;gap:4px;display:flex}.touch-action-bar-status{min-width:76px;color:var(--color-text-secondary,#64748b);white-space:nowrap;gap:1px;padding:0 7px;font-size:9px;line-height:1.2;display:grid}.touch-action-bar-status strong{color:var(--color-primary,#4f46e5);font-size:10px}.touch-action-bar-status span{text-overflow:ellipsis;overflow:hidden}.touch-action-button{white-space:nowrap;background:0 0;border-color:#0000;border-radius:9px;min-height:38px;padding:6px 8px;font-size:10px}.touch-action-button:hover,.touch-action-button:focus-visible{background:var(--color-surface-hover,#f3f5f9)}.touch-action-button.active{border-color:var(--color-primary-border,#c7d2fe);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5)}.touch-action-button:disabled{opacity:.42}.touch-object-chooser-backdrop{z-index:1180;isolation:isolate;overscroll-behavior:contain;touch-action:manipulation;background:#0f172a47;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.touch-object-chooser{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface-raised,#fff);border-radius:15px;grid-template-rows:auto minmax(0,1fr) auto;width:min(360px,100vw - 32px);max-height:min(70vh,560px);display:grid;overflow:hidden;box-shadow:0 20px 60px #0f172a47}.touch-object-chooser header,.touch-object-chooser footer{border-bottom:1px solid var(--color-border-subtle,#e8ebf0);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.touch-object-chooser header strong,.touch-object-chooser header small{display:block}.touch-object-chooser header strong{font-size:14px}.touch-object-chooser header small{color:var(--color-text-secondary,#64748b);margin-top:2px;font-size:10px}.touch-object-chooser-close{background:0 0;border:0;width:30px;height:30px;padding:0;font-size:23px;line-height:1}.touch-object-chooser-list{gap:5px;padding:10px;display:grid;overflow:auto}.touch-object-chooser-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:56px;padding:7px;display:flex}.touch-object-chooser-item:hover,.touch-object-chooser-item:focus-visible,.touch-object-chooser-item.is-highlighted{border-color:var(--color-primary-border,#c7d2fe);background:var(--color-primary-soft,#eef2ff);outline:none}.touch-object-chooser-item:disabled{cursor:not-allowed;opacity:.52;filter:saturate(.7)}.touch-object-chooser-thumb{background:var(--color-bg-muted,#eef1f6);object-fit:cover;border-radius:7px;flex:0 0 42px;width:42px;height:42px}.touch-object-chooser-thumb-fallback{border:1px solid color-mix(in srgb, var(--touch-object-thumb-color,#e0e7ff) 75%, #64748b);background:color-mix(in srgb, var(--touch-object-thumb-color,#e0e7ff) 65%, #fff);color:color-mix(in srgb, var(--touch-object-thumb-color,#e0e7ff) 35%, #172033);place-items:center;font-size:15px;font-weight:800;display:grid}.touch-object-chooser-thumb-line{font-size:23px}.touch-object-chooser-copy{gap:2px;min-width:0;display:grid}.touch-object-chooser-copy strong{color:var(--color-text,#172033);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.touch-object-chooser-copy small{color:var(--color-text-secondary,#64748b);text-transform:capitalize;font-size:10px}.touch-object-chooser footer{border-top:1px solid var(--color-border-subtle,#e8ebf0);border-bottom:0;justify-content:flex-end}@media (width<=800px){.touch-action-bar{left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main main""status actions";justify-content:center;align-items:center;gap:4px 7px;max-width:none;display:grid;position:fixed;transform:none}.touch-action-bar-main{scrollbar-width:none;grid-area:main;width:100%;min-width:0;overflow-x:auto}.touch-action-bar-main::-webkit-scrollbar{display:none}.touch-action-button{text-align:center;white-space:normal;flex-direction:column;flex:0 0 54px;gap:3px;width:54px;min-width:54px;min-height:46px;padding:5px 4px;font-size:9px;line-height:1.05}.touch-action-bar-main .touch-action-button:nth-child(2),.touch-action-bar-main .touch-action-button:nth-child(6){flex-basis:72px;width:72px;min-width:72px}.touch-action-button>span{overflow-wrap:anywhere;max-width:100%}.touch-action-bar-status{grid-area:status;min-width:0;padding:0 4px}.touch-action-bar-actions{flex:none;grid-area:actions}.touch-action-bar-actions .touch-action-button{flex-basis:44px;width:44px;min-width:44px}.touch-object-chooser-backdrop{z-index:1180;padding-bottom:calc(78px + env(safe-area-inset-bottom))}body:has(.touch-action-bar) .smart-position-prompt{bottom:calc(190px + env(safe-area-inset-bottom));z-index:760;max-width:calc(100vw - 22px)}}:root{color:#172033;font-synthesis:none;background:#eef1f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#273246;cursor:pointer;background:#fff;border:1px solid #d8dee9;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}button:hover{background:#f3f5f9}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#fff;background:#5b55e7;border-color:#5b55e7}.primary:hover{background:#4a44d2}.danger{color:#b42318}.full{width:100%}.app-shell{grid-template-rows:52px minmax(0,1fr) 58px;grid-template-columns:310px minmax(500px,1fr) 300px;height:100vh;display:grid}.top-toolbar{z-index:20;background:#fff;border-bottom:1px solid #dfe4ec;grid-column:1/4;align-items:center;gap:16px;padding:7px 12px;display:flex}.brand-title{align-items:center;gap:9px;margin-right:auto;display:flex}.save-state{text-transform:capitalize;color:#6b7280;background:#f1f4f8;border-radius:12px;padding:3px 7px;font-size:11px}.toolbar-group{border-left:1px solid #e6e9ef;align-items:center;gap:5px;padding-left:12px;display:flex}.toolbar-group button{height:36px}.export-buttons button{font-size:12px}.left-panel{background:#fff;border-right:1px solid #dfe4ec;grid-area:2/1;grid-template-columns:72px 1fr;min-height:0;display:grid}.side-tabs{background:#f8f9fc;border-right:1px solid #e5e9f0;flex-direction:column;gap:5px;padding:8px 6px;display:flex}.side-tabs button{background:0 0;border:0;flex-direction:column;gap:3px;padding:10px 4px;font-size:11px;display:flex}.side-tabs button.active{color:#4338ca;background:#ebeafe}.side-content{padding:14px;overflow:auto}.side-content h3,.right-panel h3{text-transform:uppercase;letter-spacing:.06em;color:#667085;margin:8px 0 10px;font-size:13px}.add-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.add-grid button{flex-direction:column;height:72px;display:flex}.stack-buttons{gap:6px;display:grid}.brand-card{border:1px solid #e3e7ee;border-radius:10px;padding:10px}.swatches{gap:5px;margin-top:8px;display:flex}.swatches button{border-radius:50%;width:25px;height:25px;padding:0}.asset-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.asset-grid button{padding:4px;display:block;overflow:hidden}.asset-grid img{object-fit:cover;border-radius:5px;width:100%;height:90px}.asset-grid span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.layer-list{gap:4px;display:grid}.layer-row{cursor:pointer;border:1px solid #0000;border-radius:7px;grid-template-columns:20px minmax(0,1fr) 28px 28px;align-items:center;padding:6px;display:grid}.layer-row.selected{background:#ecebff;border-color:#c8c4ff}.layer-row button{background:0 0;border:0;padding:4px}.drag-handle{color:#98a2b3}.layer-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.template-list{gap:8px;display:grid}.template-list button{text-align:left;display:block}.template-preview{background:linear-gradient(135deg,#f8e7ce,#f19b76);border-radius:6px;height:72px;margin-bottom:6px;padding:8px}.editor-main{background:#dfe3ea;grid-area:2/2;grid-template-rows:38px minmax(0,1fr);min-width:0;min-height:0;display:grid}.document-title{background:#f8f9fb;border-bottom:1px solid #d6dbe4;justify-content:center;align-items:center;display:flex}.document-title input{text-align:center;background:0 0;border:1px solid #0000;border-radius:6px;width:310px;padding:5px}.document-title input:focus{background:#fff;border-color:#b8c0d0;outline:none}.canvas-editor{min-height:0;position:relative;overflow:hidden}.canvas-scroll{justify-content:center;align-items:flex-start;padding:48px;display:flex;position:absolute;inset:24px 0 0 24px;overflow:auto}.canvas-stage{background:#fff;flex:none;position:relative;box-shadow:0 8px 35px #10182838}.canvas-stage canvas{display:block}.ruler{z-index:8;color:#667085;-webkit-user-select:none;user-select:none;background:#f8fafc;font-size:9px;position:absolute;overflow:hidden}.ruler-horizontal{border-bottom:1px solid #cfd5df;height:24px;top:0;left:24px;right:0}.ruler-vertical{border-right:1px solid #cfd5df;width:24px;top:24px;bottom:0;left:0}.ruler-corner{z-index:9;background:#eef1f5;border-bottom:1px solid #cfd5df;border-right:1px solid #cfd5df;width:24px;height:24px;position:absolute;top:0;left:0}.ruler-tick{position:absolute}.ruler-horizontal .ruler-tick{border-left:1px solid #98a2b3;height:9px;bottom:0}.ruler-horizontal .ruler-tick span{position:absolute;top:-11px;left:2px}.ruler-vertical .ruler-tick{border-top:1px solid #98a2b3;width:9px;right:0}.ruler-vertical .ruler-tick span{position:absolute;top:1px;left:-15px;transform:rotate(-90deg)}.zoom-control{z-index:10;background:#fff;border-radius:9px;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;bottom:12px;right:14px;box-shadow:0 3px 12px #00000026}.zoom-control button{width:30px;height:28px}.zoom-control span{text-align:center;min-width:48px;font-size:12px}.crop-mode-badge{color:#fff;pointer-events:none;z-index:12;background:#111827;border-radius:20px;padding:7px 13px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.context-menu{z-index:100;background:#fff;border:1px solid #d8dee9;border-radius:9px;min-width:165px;padding:6px;display:grid;position:fixed;box-shadow:0 12px 30px #10182838}.context-menu button{background:0 0;border:0;justify-content:flex-start}.right-panel{background:#fff;border-left:1px solid #dfe4ec;grid-area:2/3;padding:12px;overflow:auto}.right-panel section{border-bottom:1px solid #e8ebf0;padding:8px 4px 14px}.right-panel section:last-child{border-bottom:0}.field{color:#667085;gap:5px;margin:7px 0;font-size:11px;display:grid}.field input,.field select{background:#fff;border:1px solid #d0d5dd;border-radius:7px;width:100%;padding:7px}.field input[type=color]{height:36px;padding:2px}.field input[type=range]{border:0;padding:0}.field-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.button-row,.icon-row{gap:5px;margin:8px 0;display:flex}.button-row.wrap{flex-wrap:wrap}.button-row button{flex:1;font-size:11px}.icon-row button{flex:1;padding:7px}.icon-row button.active{color:#4338ca;background:#e9e7ff;border-color:#b7b2ff}.check{align-items:center;gap:7px;margin:8px 0;font-size:12px;display:flex}.help{color:#667085;font-size:12px;line-height:1.5}.page-strip{background:#fff;border-top:1px solid #dfe4ec;grid-area:3/1/auto/4;align-items:center;gap:14px;padding:7px 10px;display:flex;overflow:hidden}.page-actions{flex:none;gap:6px;display:flex}.page-tabs{gap:7px;min-width:0;display:flex;overflow:auto}.page-tabs button{flex:none;justify-content:flex-start;min-width:110px}.page-tabs button span{background:#eef1f6;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.page-tabs button.active{background:#efefff;border-color:#665cf0}.login-screen{background:linear-gradient(135deg,#eef0ff,#f7f8fb);place-items:center;height:100vh;display:grid}.login-screen form{background:#fff;border-radius:16px;gap:14px;width:min(420px,90vw);padding:32px;display:grid;box-shadow:0 20px 50px #1018281f}.login-screen input{border:1px solid #cfd5df;border-radius:8px;padding:12px}.error{color:#b42318;background:#fee4e2;border-radius:7px;padding:9px}.dashboard{background:#f5f7fa;height:100vh;padding:34px 6vw;overflow:auto}.dashboard header{justify-content:space-between;align-items:center;display:flex}.dashboard h1{margin:0}.dashboard h2{margin-top:32px}.new-design>div,.design-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.new-design button{flex-direction:column;height:100px;font-weight:700;display:flex}.new-design small,.design-grid small{color:#667085;font-weight:400}.design-grid button{text-align:left;padding:9px;display:block}.design-thumb{background:#e5e9ef;border-radius:7px;place-items:center;max-height:210px;margin-bottom:8px;display:grid;overflow:hidden}.design-thumb img{object-fit:cover;width:100%;height:100%}.design-grid strong,.design-grid small{display:block}.render-mode{width:max-content;height:max-content;overflow:visible}.render-mode .canvas-scroll{padding:0;display:block;position:static;overflow:visible}.render-mode .canvas-stage{box-shadow:none}.canvas-empty{place-items:center;height:100%;display:grid}@media (width<=1050px){.app-shell{grid-template-columns:250px minmax(420px,1fr)}.right-panel{z-index:30;width:290px;position:fixed;top:52px;bottom:58px;right:0;box-shadow:-10px 0 30px #0000001f}.top-toolbar,.page-strip{grid-column:1/3}.precision-group{display:none}}@media (width<=760px){.app-shell{grid-template-rows:52px minmax(0,1fr) 58px;grid-template-columns:1fr}.left-panel{z-index:35;width:285px;position:fixed;top:52px;bottom:58px;left:0;box-shadow:10px 0 30px #0000001f}.editor-main,.top-toolbar,.page-strip{grid-column:1}.export-buttons button:nth-child(n+2),.right-panel{display:none}}.page-rotation-controls{align-items:center;gap:3px;margin-right:4px;display:flex}.page-rotation-controls button{border-color:var(--color-border,#d8dee9);background:var(--color-surface,#fff);color:var(--color-text,#273246);padding:6px 7px}textarea{font:inherit;resize:vertical}.loading-screen{color:#475569;background:#eef1f6;place-items:center;height:100vh;display:grid}.segmented{background:#eef1f6;border-radius:10px;grid-template-columns:1fr 1fr;margin:12px 0;padding:3px;display:grid}.segmented button{background:0 0;border:0}.segmented button.active{background:#fff;box-shadow:0 1px 3px #0002}.login-screen form label{text-align:left;gap:5px;font-size:13px;font-weight:600;display:grid}.login-screen form label input{width:100%}.dashboard-actions,.section-heading,.panel-heading,.invite-row,.modal-actions,.share-result{align-items:center;gap:10px;display:flex}.dashboard-actions{justify-content:flex-end}.section-heading,.panel-heading{justify-content:space-between}.status-pill{color:#4338ca;text-transform:capitalize;background:#eef2ff;border-radius:999px;padding:3px 7px;font-size:11px}.status-pill.approved{color:#166534;background:#dcfce7}.status-pill.changes_requested{color:#991b1b;background:#fee2e2}.status-pill.ready_for_review{color:#92400e;background:#fef3c7}.feature-buttons button{white-space:nowrap}.export-progress{color:#475569;align-items:center;gap:5px;font-size:11px;display:inline-flex}.export-progress button{padding:2px 5px;font-size:11px}.search-input{width:100%;margin-bottom:8px}.panel-heading h3{margin:0}.asset-card{border:1px solid #0000;border-radius:9px;min-width:0;padding:4px;position:relative}.asset-card.selected{background:#eef2ff;border-color:#5b55e7}.asset-card .asset-image{aspect-ratio:1;background:#f3f4f6;border:0;width:100%;padding:0;display:block;overflow:hidden}.asset-card .asset-image img{object-fit:cover;width:100%;height:100%}.asset-card>span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.asset-card .favorite{background:#fff8;border:0;padding:2px 5px;position:absolute;top:5px;right:5px}.asset-details{background:#fff;border-top:1px solid #e5e7eb;gap:7px;margin:10px -12px -12px;padding:10px;display:grid;position:sticky;bottom:0}.asset-details input{width:100%}.template-card{position:relative}.template-card>button:first-child{width:100%}.template-card .mini{position:absolute;top:4px;right:4px}.mini{padding:2px 5px;font-size:11px}.component-list{gap:6px;display:grid}.component-list>div{gap:4px;display:flex}.component-list>div>button:first-child{flex:1;justify-content:flex-start}.component-list span{text-align:left;display:grid}.component-list small{color:#64748b}.brand-card{gap:8px;display:grid}.brand-card .swatches span{border:1px solid #0002;border-radius:50%;width:24px;height:24px}.brand-card .editable button{border-radius:50%;width:26px;height:26px;padding:0}.preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset-grid button{display:grid}.preset-grid small{color:#64748b}.modal-backdrop{z-index:1000;background:#0f172a88;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(520px,95vw);max-height:90vh;overflow:hidden;box-shadow:0 24px 70px #0005}.modal.wide{width:min(850px,95vw)}.modal>header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.modal>header h2{margin:0;font-size:18px}.modal-body{gap:12px;max-height:calc(90vh - 58px);padding:18px;display:grid;overflow:auto}.modal-actions{justify-content:flex-end;margin-top:8px}.icon-button{padding:5px}.share-result input{flex:1}.compact-list{gap:6px;display:grid}.compact-list>div{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:7px;display:flex}.comment-compose{grid-template-columns:1fr auto;gap:8px;display:grid}.comment-compose textarea{min-height:75px}.comment-list{gap:8px;max-height:420px;display:grid;overflow:auto}.comment-list article{border:1px solid #e5e7eb;border-radius:10px;padding:10px}.comment-list article.resolved{opacity:.55;background:#f8fafc}.comment-list article header,.comment-list article footer{justify-content:space-between;gap:8px;display:flex}.comment-list article p{white-space:pre-wrap}.comment-list small,.comment-list footer{color:#64748b;font-size:11px}.members-table{border-collapse:collapse;width:100%}.members-table th,.members-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:8px}.invite-row input{flex:1}.data-editor{width:100%;min-height:130px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.shared-gate{background:#eef1f6;place-items:center;height:100vh;display:grid}.shared-gate section{background:#fff;border-radius:14px;gap:12px;width:min(420px,90vw);padding:30px;display:grid}.shared-view{grid-template-rows:52px 1fr 58px;height:100vh;display:grid}.shared-view>header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:14px;padding:8px 16px;display:flex}.shared-view .canvas-editor{grid-row:2}.shared-view .page-strip{grid-row:3}.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;padding:8px}.save-state.offline{color:#92400e;background:#fef3c7}.save-state.save-failed{color:#991b1b;background:#fee2e2}.field>textarea{width:100%;min-height:64px}.right-panel section{overflow:visible}@media (width<=1100px){.app-shell{grid-template-columns:240px minmax(420px,1fr) 260px}.precision-group{display:none}.feature-buttons button{font-size:0}.feature-buttons svg{margin:0}}@media (width<=800px){.app-shell{grid-template-rows:52px minmax(0,1fr) 58px;grid-template-columns:72px minmax(0,1fr)}.right-panel{display:none}.left-panel{grid-column:1}.editor-main{grid-column:2}.top-toolbar,.page-strip{grid-column:1/3}.side-content,.feature-buttons{display:none}}.asset-details label{color:var(--muted,#64748b);gap:4px;font-size:12px;display:grid}.asset-details label input,.asset-details label select,.replace-asset select{width:100%}.replace-asset{grid-template-columns:1fr auto;gap:6px;display:grid}.stack-buttons.compact{margin-top:8px}.asset-details{border-top:1px solid var(--color-border,#e5e7eb);background:0 0;gap:0;margin:18px 0 0;padding:0 0 4px;display:grid;position:static}.asset-details-header{border-bottom:1px solid var(--color-border,#e5e7eb);justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 0 13px;display:flex}.asset-details-title{gap:3px;min-width:0;display:grid}.asset-details-title strong{color:var(--color-text,#172033);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.asset-details-title small{color:var(--color-text-muted,#667085);font-size:10px}.asset-details-eyebrow{color:var(--color-primary,#4f46e5);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:750}.asset-details-close{width:28px;height:28px;color:var(--color-text-muted,#667085);background:0 0;border-color:#0000;flex:none;padding:0}.asset-details-close:hover{border-color:var(--color-border,#d8dee9);background:var(--color-surface-muted,#f8fafc);color:var(--color-text,#172033)}.asset-details-section{border-bottom:1px solid var(--color-border,#e5e7eb);gap:9px;padding:14px 0;display:grid}.asset-section-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.asset-section-heading strong{letter-spacing:.02em;font-size:11px}.asset-section-heading small{color:var(--color-text-muted,#667085);text-align:right;font-size:9px}.asset-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 8px;display:grid}.asset-details label{min-width:0;color:var(--color-text-secondary,#64748b);gap:4px;font-size:10px;font-weight:650;display:grid}.asset-details label input,.asset-details label select,.asset-details-section>select{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface,#fff);width:100%;min-width:0;color:var(--color-text,#172033);border-radius:8px;padding:8px 9px;font-size:11px}.asset-details label input:focus,.asset-details label select:focus,.asset-details-section>select:focus{border-color:var(--color-primary-border,#c7c3ff);outline:2px solid color-mix(in srgb,var(--color-primary,#4f46e5) 14%,transparent);outline-offset:0}.asset-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.asset-action-grid button{text-align:center;min-width:0;min-height:39px;padding:8px;font-size:10px;line-height:1.2}.asset-action-grid .asset-action-primary{border-color:var(--color-primary,#5b55e7);background:var(--color-primary,#5b55e7);color:#fff}.asset-action-grid .asset-action-primary:hover{background:var(--color-primary-hover,#4a44d2)}.asset-field-wide{grid-column:1/-1}.asset-replace-section>button{min-height:38px;font-size:10px}.asset-details-danger button{background:0 0;min-height:38px;font-size:11px}.asset-details-danger button:hover{background:#fff4f3}.asset-share-help{color:var(--color-text-muted,#667085);margin:0;font-size:9px;line-height:1.4}.asset-action-grid-share button{min-height:42px}.asset-action-grid-share svg{flex:none}.create-folder-modal{width:min(430px,95vw)}.create-folder-modal .modal-body{padding:18px}.create-folder-form{gap:12px;display:grid}.create-folder-intro{border:1px solid var(--color-primary-border,#c7c3ff);background:var(--color-primary-soft,#eef2ff);border-radius:11px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.create-folder-intro>span{background:var(--color-surface,#fff);width:29px;height:29px;color:var(--color-primary,#4f46e5);border-radius:8px;flex:none;place-items:center;display:grid}.create-folder-intro strong,.create-folder-intro p{display:block}.create-folder-intro strong{color:var(--color-text,#172033);font-size:12px}.create-folder-intro p{color:var(--color-text-secondary,#64748b);margin:3px 0 0;font-size:10px;line-height:1.4}.create-folder-form .field{margin:0}.create-folder-form .field input{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface,#fff);width:100%;color:var(--color-text,#172033);border-radius:9px;padding:9px 10px}.create-folder-form .field input:focus{border-color:var(--color-primary,#4f46e5);outline:2px solid color-mix(in srgb,var(--color-primary,#4f46e5) 14%,transparent);outline-offset:0}.create-folder-error{border:1px solid color-mix(in srgb,var(--color-danger,#b42318) 28%,var(--color-border,#d8dee9));background:var(--color-danger-soft,#fff1f2);color:var(--color-danger,#b42318);border-radius:8px;margin:0;padding:8px 9px;font-size:10px;line-height:1.35}@media (width<=360px){.asset-field-grid,.asset-action-grid{grid-template-columns:1fr}.asset-field-wide{grid-column:auto}.asset-section-heading{flex-direction:column;align-items:flex-start;gap:2px}.asset-section-heading small{text-align:left}}.read-only-label{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;margin-left:10px;padding:4px 9px;font-size:12px}.canvas-editor.read-only .canvas-scroll{cursor:default}.notification-wrap,.notification-button{position:relative}.notification-button>span{color:#fff;background:#dc2626;border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:-7px;right:-5px}.notification-popover{z-index:90;background:#fff;border:1px solid #dbe2ea;border-radius:12px;width:340px;max-height:440px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 50px #0f172a33}.notification-popover header{justify-content:space-between;align-items:center;padding:6px;display:flex}.notification-popover>button{text-align:left;background:#eef2ff;border:0;border-radius:8px;gap:3px;width:100%;margin-top:4px;padding:9px;display:grid}.notification-popover>button.read{color:#64748b;background:#f8fafc}.notification-popover>button span,.notification-popover>button small{font-size:11px;font-weight:400}.comment-reply{border-left:3px solid #c7d2fe;margin-left:28px}.replying-to,.mention-help,.approval-record{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.mention-help button{padding:3px 6px;font-size:11px}.approval-record code{font-size:11px}.app-shell{grid-template-columns:var(--left-panel-width,310px) minmax(360px,1fr) var(--right-panel-width,300px);grid-template-rows:56px minmax(0,1fr) 66px;position:relative}.top-toolbar{grid-column:1/4;gap:8px;height:56px;padding:7px 10px;overflow:visible}.toolbar-zone{align-items:center;gap:5px;min-width:0;display:flex}.toolbar-left{flex:0 auto}.toolbar-context{flex:1;justify-content:center}.toolbar-right{flex:0 auto;margin-left:auto}.toolbar-divider{border-left:1px solid #e3e7ee;height:26px;margin:0 3px}.toolbar-zone>button,.toolbar-menu-wrap>button{white-space:nowrap;height:36px}.toolbar-zone button.active{color:#4338ca;background:#ecebff;border-color:#c7c3ff}.context-label{text-overflow:ellipsis;white-space:nowrap;color:#475467;max-width:155px;margin-right:3px;font-size:12px;font-weight:650;overflow:hidden}.save-button{justify-content:flex-start;min-width:118px}.save-button span{white-space:nowrap;font-size:11px}.save-button.dirty{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.save-button.saving{color:#4338ca;background:#eef2ff}.save-button.save-failed{color:#b42318;background:#fef2f2;border-color:#fecaca}.save-button.offline{color:#92400e;background:#fffbeb;border-color:#fde68a}.retry-save{height:30px!important}.toolbar-menu-wrap{display:flex;position:relative}.toolbar-popover{z-index:120;background:#fff;border:1px solid #d8dee9;border-radius:11px;min-width:220px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 45px #0f172a33}.toolbar-context .toolbar-popover{left:0;right:auto}.compact-menu{gap:2px;display:grid}.compact-menu button{background:0 0;border:0;justify-content:flex-start}.compact-menu hr{border:0;border-top:1px solid #e5e7eb;width:100%;margin:4px 0}.download-menu{gap:8px;width:280px;display:grid}.download-menu>strong{padding:4px}.download-menu>label{justify-content:space-between;align-items:center;font-size:12px;display:flex}.download-menu select{border:1px solid #d0d5dd;border-radius:7px;padding:6px}.download-menu>button{text-align:left;justify-content:flex-start;padding:10px}.download-menu>button span{display:grid}.download-menu small{color:#64748b;font-weight:400}.export-job{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:8px;font-size:11px;display:flex}.export-job.failed{color:#b42318;background:#fef2f2}.download-button{color:#fff;background:#5b55e7;border-color:#5b55e7}.download-button:hover{background:#4a44d2}.modal.print-sheet-modal{width:min(1180px,97vw);height:min(900px,95vh);max-height:95vh}.print-sheet-modal .modal-body{grid-template-rows:minmax(0,1fr) auto;height:calc(95vh - 64px);max-height:none}.print-sheet-workspace{grid-template-columns:minmax(330px,430px) minmax(420px,1fr);gap:16px;min-height:0;display:grid}.print-sheet-controls{padding-right:10px;overflow:auto}.print-sheet-controls>h3{border-top:1px solid var(--color-border,#e2e8f0);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted,#667085);margin:16px 0 6px;padding-top:10px;font-size:11px}.print-sheet-intro{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;align-items:flex-start;gap:9px;padding:11px;display:flex}.print-sheet-intro svg{flex:none}.print-sheet-intro strong,.print-sheet-intro small{display:block}.print-sheet-intro small{color:#6366f1;margin-top:2px}.print-sheet-source-size{color:var(--color-text-muted,#667085);margin-top:4px;font-size:10px;display:block}.print-sheet-insets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.print-sheet-insets .field span{font-size:9px}.print-sheet-page-list{border:1px solid var(--color-border,#e2e8f0);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;max-height:125px;padding:7px;display:grid;overflow:auto}.print-sheet-page-list label{align-items:center;gap:5px;min-width:0;font-size:10px;display:flex}.print-sheet-page-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.print-sheet-checks{grid-template-columns:1fr 1fr;display:grid}.print-sheet-preview-panel{border:1px solid var(--color-border,#dbe2ea);background:#eef1f5;border-radius:13px;min-height:0;padding:14px;overflow:auto}.print-sheet-preview-panel>header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.print-sheet-preview-panel>header strong,.print-sheet-preview-panel>header small{display:block}.print-sheet-preview-panel>header small,.print-sheet-preview-panel>header span{color:#64748b;font-size:10px}.print-sheet-previews{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px;display:flex}.print-sheet-preview-wrap{gap:5px;width:min(100%,430px);display:grid}.print-sheet-preview-wrap>small{text-transform:capitalize;color:#475569;font-weight:700}.print-sheet-paper{background:#fff;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 25px #0f172a25}.print-sheet-slot{background-color:#f8fafc;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;box-shadow:0 0 0 .5px #64748b55}.print-sheet-slot.outlined{box-shadow:inset 0 0 0 1px #475569,0 0 0 .5px #64748b55}.print-sheet-slot>span{color:#fff;background:#111827cc;border-radius:99px;place-items:center;min-width:13px;height:13px;padding:0 2px;font-size:7px;display:grid;position:absolute;bottom:2px;right:2px}.print-sheet-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:6px;margin-bottom:9px;padding:8px;font-size:11px;display:flex}.print-sheet-empty{color:#64748b;text-align:center;place-items:center;min-height:260px;padding:25px;display:grid}.download-menu>button>svg{color:#6366f1;flex:none}@media (width<=900px){.print-sheet-workspace{grid-template-columns:1fr}.print-sheet-controls{padding-right:0;overflow:visible}.print-sheet-preview-panel{min-height:480px}.modal.print-sheet-modal{height:95vh}.print-sheet-modal .modal-body{display:block}.print-sheet-modal .modal-actions{border-top:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);margin:16px -18px -18px;padding:12px 18px;position:sticky;bottom:-18px}}@media (width<=560px){.print-sheet-insets{grid-template-columns:1fr 1fr}.print-sheet-checks{grid-template-columns:1fr}.print-sheet-preview-panel{padding:8px}}.modal-backdrop:has(.print-sheet-modal){padding:8px}.modal.print-sheet-modal{flex-direction:column;width:min(1260px,100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);display:flex}.print-sheet-modal>header{flex:none;padding:10px 14px}.print-sheet-modal .modal-body{flex-direction:column;flex:auto;gap:8px;height:auto;min-height:0;max-height:none;padding:8px;display:flex;overflow:hidden}.print-sheet-workspace{flex:auto;gap:8px;min-height:0;overflow:hidden}.print-sheet-controls,.print-sheet-preview-panel{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;max-height:100%;overflow:hidden auto}.print-sheet-controls{padding-right:6px}.print-sheet-preview-panel{padding:6px}.print-sheet-previews{gap:10px}.print-sheet-preview-wrap{width:min(100%,520px)}.print-sheet-modal .modal-actions{flex:none;margin:0;padding:6px 2px 0}.print-sheet-slot{background-size:contain}.print-sheet-aspect-lock{margin-top:4px}.print-sheet-spacing-heading{color:var(--color-text-muted,#667085);justify-content:space-between;align-items:center;gap:8px;margin:8px 0 2px;font-size:10px;display:flex}.print-sheet-spacing-heading .mini{flex:none}@media (width<=900px){.modal.print-sheet-modal{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.print-sheet-modal .modal-body{display:block;overflow-y:auto}.print-sheet-workspace{display:block;overflow:visible}.print-sheet-controls,.print-sheet-preview-panel{height:auto;max-height:none;overflow:visible}.print-sheet-preview-panel{min-height:360px;margin-top:8px}.print-sheet-modal .modal-actions{z-index:5;border-top:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);margin:10px -8px -8px;padding:9px 8px;position:sticky;bottom:-8px}}.print-sheet-preview-header-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.print-sheet-preview-zoom{border:1px solid var(--color-border,#dbe2ea);background:#fff;border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex}.print-sheet-preview-zoom button{border:0;border-radius:5px;width:27px;height:27px;padding:4px}.print-sheet-preview-zoom button:hover{color:#4338ca;background:#eef2ff}.print-sheet-preview-zoom-value{color:#475569;min-width:48px;font-size:11px}.print-sheet-preview-scroll{overscroll-behavior:contain;min-width:0;max-width:100%;padding:2px;overflow:auto}.print-sheet-previews.is-scaled{justify-content:flex-start}.print-sheet-previews.is-scaled .print-sheet-preview-wrap{width:calc(520px * var(--print-sheet-preview-zoom));flex:0 0 calc(520px * var(--print-sheet-preview-zoom));max-width:none}@media (width<=560px){.print-sheet-preview-header-actions{flex-direction:column;align-items:flex-end;gap:5px}}.print-sheet-duplex-toggle{border:1px solid var(--color-primary-border,#c7d2fe);background:var(--color-primary-soft,#eef2ff);color:var(--color-text,#3730a3);border-radius:8px;padding:9px 10px;font-weight:700}.print-sheet-duplex-settings{border-left:3px solid var(--color-primary,#6366f1);background:var(--color-surface-muted,#f8fafc);border-radius:7px;margin:6px 0 10px;padding:9px 10px}.print-sheet-duplex-settings>.field-grid>.field:first-child,.print-sheet-duplex-settings>.field-grid>.field:nth-child(2){margin-top:0}.print-sheet-duplex-settings>small{color:var(--color-text-secondary,#64748b);font-size:10px;line-height:1.4;display:block}.left-panel{width:var(--left-panel-width,310px)}.right-panel{width:var(--right-panel-width,300px)}.panel-resizer{z-index:45;cursor:col-resize;background:0 0;width:7px;position:fixed;top:56px;bottom:66px}.left-resizer{left:calc(var(--left-panel-width,310px) - 3px)}.right-resizer{right:calc(var(--right-panel-width,300px) - 3px)}.left-collapsed .editor-main,.right-collapsed .editor-main{grid-column:2}.side-tabs{width:72px}.side-content{min-width:0}.side-content select,.side-content input{max-width:100%}.panel-subheading{text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;margin:14px 0 7px;font-size:11px}.element-category{margin:0}.add-grid.compact button{height:58px}.empty-panel-state{color:#98a2b3;text-align:center;padding:18px 6px;font-size:12px}.count-badge{color:#475569;background:#eef2f6;border-radius:999px;padding:2px 7px;font-size:11px}.layer-name-input{border:1px solid #8b83f6;border-radius:5px;width:100%;min-width:0;padding:4px;font-size:12px}.layer-group-indicator{color:#6366f1;text-align:center;font-size:11px}.workspace-banner{z-index:80;border:1px solid;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;width:min(900px,100vw - 32px);padding:11px 14px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0f172a22}.workspace-banner>div:first-child{gap:2px;display:grid}.workspace-banner span{font-size:12px}.workspace-banner>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.recovery-banner{color:#78350f;background:#fffbeb;border-color:#fcd34d}.conflict-banner{color:#7f1d1d;background:#fef2f2;border-color:#fca5a5}.toast-stack{z-index:150;gap:8px;width:min(360px,100vw - 36px);display:grid;position:fixed;bottom:82px;right:18px}.toast{text-align:left;background:#fff;justify-content:flex-start;padding:11px 13px;box-shadow:0 12px 30px #0f172a2b}.toast.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.toast.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.canvas-stage.transparent{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.canvas-grid{pointer-events:none;z-index:3;background-image:linear-gradient(90deg,#64748b22 1px,#0000 1px),linear-gradient(#64748b22 1px,#0000 1px);background-size:var(--grid-size) var(--grid-size);position:absolute;inset:0}.guide-preview{z-index:15;pointer-events:none;background:#06b6d4;position:absolute}.guide-preview.vertical{width:1px;top:0;bottom:0}.guide-preview.horizontal{height:1px;left:0;right:0}.guide-preview span{color:#fff;background:#0891b2;border-radius:4px;padding:2px 5px;font-size:10px;position:absolute;top:4px;left:4px}.transform-info{z-index:20;pointer-events:none;color:#fff;white-space:nowrap;background:#111827e8;border-radius:7px;padding:5px 9px;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.canvas-editor.is-panning,.canvas-editor.is-panning *{cursor:grabbing!important}.canvas-scroll{overscroll-behavior:contain}.canvas-stage canvas{z-index:4;position:relative}.zoom-menu-wrap{display:flex;position:relative}.zoom-value{border:0;min-width:54px!important}.zoom-menu{background:#fff;border:1px solid #d8dee9;border-radius:9px;min-width:150px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0f172a33}.zoom-menu button{background:0 0;border:0;justify-content:flex-start;height:30px}.right-panel{padding:10px}.inspector-section{border-bottom:1px solid #e8ebf0}.inspector-section>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.055em;color:#667085;justify-content:space-between;align-items:center;padding:12px 4px;font-size:12px;font-weight:700;list-style:none;display:flex}.inspector-section>summary::-webkit-details-marker{display:none}.inspector-section>summary:after{content:"›";font-size:17px;transition:transform .15s;transform:rotate(90deg)}.inspector-section:not([open])>summary:after{transform:rotate(0)}.inspector-section-body{padding:0 4px 14px}.right-panel section{border:0;padding:0}.multi-selection-banner{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;gap:2px;margin:2px 0 8px;padding:9px;display:grid}.multi-selection-banner span{font-size:11px}.background-row{grid-template-columns:90px 1fr;gap:8px;display:grid}.field input.invalid{background:#fef2f2;border-color:#dc2626}.inspector-empty-help{padding:12px 4px}.right-panel input::placeholder{color:#98a2b3}.page-strip{height:66px}.page-thumbnails{align-items:center}.page-thumbnails>.page-tab-card{color:#273246;cursor:pointer;background:#fff;border:1px solid #d8dee9;border-radius:8px;align-items:center;gap:8px;min-width:145px;height:52px;padding:4px 8px;display:flex}.page-preview{flex:none;position:relative;border:1px solid #d0d5dd!important;border-radius:4px!important;width:38px!important;height:42px!important;display:block!important}.page-preview.transparent{background-color:#fff!important;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%)!important;background-position:0 0,0 5px,5px -5px,-5px 0!important;background-size:10px 10px!important}.page-preview b{background:#ffffffd9;border-radius:3px;padding:1px 3px;font-size:9px;position:absolute;top:2px;left:3px}.page-preview i{background:#ffffffd9;border-radius:3px;padding:1px 3px;font-size:8px;font-style:normal;position:absolute;bottom:2px;right:3px}.page-tab-name{text-overflow:ellipsis;white-space:nowrap;max-width:86px;overflow:hidden}.page-thumbnails input{border:1px solid #8b83f6;border-radius:5px;width:85px;padding:4px}@media (width<=1350px){.toolbar-right>button span,.toolbar-right>button:not(.download-button){font-size:0}.toolbar-right>button svg{margin:0}.toolbar-context .context-label{display:none}.smart-position-toolbar-button{width:36px;padding:0;font-size:0}.smart-position-toolbar-button svg{margin:0}.status-pill{display:none}}@media (width<=1050px){.app-shell{grid-template-columns:var(--left-panel-width,280px) minmax(0,1fr) var(--right-panel-width,280px)}.top-toolbar,.page-strip{grid-column:1/4}.precision-group{display:none}}@media (width<=900px){.app-shell{grid-template-columns:1fr!important}.editor-main,.top-toolbar,.page-strip{grid-column:1!important}.left-panel{width:min(var(--left-panel-width,310px),92vw);z-index:60;position:fixed;top:56px;bottom:66px;left:0;box-shadow:12px 0 35px #0f172a33}.right-panel{width:min(var(--right-panel-width,300px),92vw);z-index:60;display:block;position:fixed;top:56px;bottom:66px;right:0;box-shadow:-12px 0 35px #0f172a33}.panel-resizer,.toolbar-context{display:none}.toolbar-left{margin-right:auto}.toolbar-right>button:not(.download-button),.status-pill{display:none}.workspace-banner{flex-direction:column;align-items:flex-start;top:62px}.workspace-banner>div:last-child{justify-content:flex-start}}@media (width<=600px){.save-button{min-width:0}.save-button span,.toolbar-divider,.page-actions button span{display:none}.page-thumbnails>.page-tab-card{min-width:112px}.top-toolbar{gap:4px;padding:6px}.download-button{font-size:0}.download-button svg{font-size:initial}.notification-wrap{display:none}}@media (width>=901px) and (width<=1050px){.right-panel{width:var(--right-panel-width,280px);box-shadow:none;position:static;top:auto;bottom:auto;right:auto}.left-panel{width:var(--left-panel-width,280px);box-shadow:none;position:static;top:auto;bottom:auto;left:auto}}.page-thumbnails>.page-tab-card:hover{background:#f3f5f9}.page-thumbnails>.page-tab-card.active{background:#efefff;border-color:#665cf0}.page-thumbnails>.page-tab-card:focus-visible{outline-offset:1px;outline:2px solid #6366f1}.design-card{position:relative}.design-card>.design-open{text-align:left;background:0 0;border:0;grid-template-rows:auto auto auto;gap:4px;padding:0;display:grid}.design-card>.design-open:hover{background:0 0}.design-delete{z-index:2;opacity:0;background:#fff;border-radius:6px;padding:4px 5px;transition:opacity .15s;position:absolute;top:6px;right:6px;box-shadow:0 1px 4px #0f172a1f}.design-card:hover .design-delete{opacity:1}.paint-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:9px;margin:4px 0 10px;padding:10px;display:grid}.paint-editor-heading{justify-content:space-between;align-items:center;font-size:12px;display:flex}.paint-preview{background-color:#fff;background-clip:padding-box;border:1px solid #cbd5e1;border-radius:6px;width:44px;height:24px;box-shadow:inset 0 0 0 1px #fff8}.colour-alpha-control{gap:7px;display:grid}.colour-alpha-row{align-items:end;gap:7px;display:flex}.compact-field{color:#667085;gap:4px;min-width:0;font-size:10px;display:grid}.compact-field.grow{flex:1}.compact-field input,.compact-field select{color:#111827;background:#fff;border:1px solid #d0d5dd;border-radius:7px;width:100%;min-width:0;padding:7px}.compact-field input[type=color]{width:44px;height:34px;padding:2px}.paint-eyedropper{align-self:end;width:34px;height:34px}.paint-range{color:#667085;gap:4px;font-size:10px;display:grid}.paint-range input{width:100%}.paint-swatches{flex-wrap:wrap;gap:5px;display:flex}.paint-swatches button{border:1px solid #cbd5e1;border-radius:5px;width:22px;height:22px;padding:0;box-shadow:inset 0 0 0 1px #fff}.gradient-editor{gap:8px;display:grid}.gradient-track{border:1px solid #cbd5e1;border-radius:7px;height:28px;margin:3px 8px;position:relative}.gradient-track button{border:2px solid #fff;border-radius:999px;width:16px;height:16px;padding:0;position:absolute;bottom:-7px;transform:translate(-50%);box-shadow:0 0 0 1px #64748b}.paint-inline-actions{flex-wrap:wrap;gap:6px;display:flex}.paint-inline-actions button{height:29px;font-size:11px}.gradient-stop-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:7px;padding:8px;display:grid}.gradient-stop-position{grid-template-columns:minmax(0,1fr) 36px 30px;align-items:center;gap:6px;display:grid}.gradient-stop-position label{color:#667085;gap:3px;font-size:10px;display:grid}.gradient-stop-position b{color:#475569;font-size:10px}.gradient-stop-position button{width:28px;height:28px;padding:0}.appearance-subsection{border-top:1px solid #e5e7eb;gap:8px;padding:10px 0;display:grid}.appearance-toggle-row{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.switch-label{color:#667085;align-items:center;gap:5px;font-size:10px;display:flex}.appearance-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.appearance-presets button{justify-content:flex-start;height:36px;padding:5px 7px;font-size:10px}.appearance-presets button span{border:1px solid #d8dee9;border-radius:5px;width:22px;height:22px}.saved-style-heading{justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;display:flex}.saved-style-heading button{height:28px;font-size:10px}.saved-style-list{gap:5px;margin-top:7px;display:grid}.saved-style-list>div{grid-template-columns:minmax(0,1fr) 30px;gap:5px;display:grid}.saved-style-apply{overflow:hidden;justify-content:flex-start!important}.saved-style-apply span{border:1px solid #cbd5e1;border-radius:4px;flex:none;width:18px;height:18px}.filter-presets{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.filter-presets button{height:28px;padding:4px 8px;font-size:10px}.right-panel .paint-editor select{background:#fff;border:1px solid #d0d5dd;border-radius:7px;width:100%;padding:7px}.right-panel .appearance-subsection .field{margin:0}.page-preview{background-position:50%!important;background-size:cover!important}.appearance-preset-summary{justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px;display:flex}.appearance-preset-summary>div{gap:2px;min-width:0;display:grid}.appearance-preset-summary strong{color:#344054;font-size:12px}.appearance-preset-summary span{color:#667085;font-size:10px;line-height:1.35}.appearance-preset-summary button{flex:none;height:30px;padding:5px 8px;font-size:10px}.appearance-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.appearance-presets button{text-align:left;grid-template-columns:26px minmax(0,1fr);align-items:center;height:auto;min-height:42px;display:grid}.appearance-presets button span{width:26px;height:26px}.appearance-presets button b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.preset-browser-backdrop{z-index:1400;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.preset-browser{background:#fff;border:1px solid #ffffffa6;border-radius:18px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(980px,100vw - 48px);height:min(760px,100vh - 48px);min-height:520px;display:grid;overflow:hidden;box-shadow:0 30px 90px #0f172a59}.preset-browser-header{border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 16px;display:flex}.preset-browser-header h2{color:#172033;letter-spacing:-.02em;margin:0;font-size:20px}.preset-browser-header p{color:#667085;margin:5px 0 0;font-size:12px}.preset-browser-close{border-radius:10px;flex:none;width:36px;height:36px;padding:0}.preset-browser-controls{background:#fbfcfe;border-bottom:1px solid #e7ebf0;grid-template-columns:minmax(240px,1fr) 190px auto auto;align-items:center;gap:10px;padding:14px 22px;display:grid}.preset-browser-search{color:#667085;background:#fff;border:1px solid #cfd6e1;border-radius:10px;align-items:center;gap:9px;min-width:0;height:42px;padding:0 12px;display:flex;box-shadow:0 1px 2px #10182808}.preset-browser-search:focus-within{border-color:#8178f3;box-shadow:0 0 0 3px #635bef21}.preset-browser-search input{color:#172033;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.preset-browser-controls>select{color:#273246;background:#fff;border:1px solid #cfd6e1;border-radius:10px;width:100%;height:42px;padding:0 34px 0 11px}.preset-browser-tabs{background:#eef1f6;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.preset-browser-tabs button{color:#667085;background:0 0;border:0;height:34px;padding:0 11px;font-size:12px}.preset-browser-tabs button.active{color:#4338ca;background:#fff;box-shadow:0 1px 3px #10182824}.preset-browser-count{color:#667085;white-space:nowrap;justify-self:end;font-size:11px}.preset-browser-content{scrollbar-gutter:stable;background:#f7f8fb;min-height:0;overflow:auto}.preset-browser-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:14px;padding:18px 22px 28px;display:grid}.preset-browser-card{background:#fff;border:1px solid #dfe4ec;border-radius:13px;min-width:0;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 2px 5px #1018280a}.preset-browser-card:hover{border-color:#b9b4fa;transform:translateY(-2px);box-shadow:0 12px 28px #2f2b821f}.preset-browser-card-main{text-align:left;background:0 0;border:0;border-radius:0;grid-template-rows:auto auto;justify-content:stretch;gap:0;width:100%;height:100%;padding:0;display:grid}.preset-browser-card-main:hover{background:0 0}.preset-browser-preview-wrap{aspect-ratio:16/10;background:#eef1f6;border-bottom:1px solid #e7ebf0;place-items:center;min-height:132px;display:grid;position:relative;overflow:hidden}.preset-browser-preview-grid{background-color:#fff;background-image:linear-gradient(45deg,#edf0f4 25%,#0000 25%),linear-gradient(-45deg,#edf0f4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf0f4 75%),linear-gradient(-45deg,#0000 75%,#edf0f4 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;position:absolute;inset:0}.preset-browser-preview{border-radius:13px;align-content:center;justify-items:center;gap:8px;width:66%;height:54%;min-height:62px;transition:transform .16s;display:grid;position:relative}.preset-browser-card:hover .preset-browser-preview{transform:scale(1.035)}.preset-browser-preview-title{color:#0f172ad1;text-shadow:0 1px #fff6;font-size:20px;font-weight:800;line-height:1}.preset-browser-preview-pill{background:#0f172a33;border-radius:999px;width:42%;height:6px}.preset-browser-apply{color:#fff;opacity:0;background:#111827db;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:9px;right:10px;transform:translateY(4px)}.preset-browser-card:hover .preset-browser-apply,.preset-browser-card-main:focus-visible .preset-browser-apply{opacity:1;transform:none}.preset-browser-card-copy{gap:3px;padding:11px 42px 12px 12px;display:grid}.preset-browser-card-copy strong{color:#273246;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.preset-browser-card-copy small{color:#7a8496;font-size:10px}.preset-browser-favourite,.preset-browser-delete{background:#fffffff0;border-radius:9px;width:30px;height:30px;padding:0;position:absolute;right:8px;box-shadow:0 2px 8px #0f172a1f}.preset-browser-favourite{top:8px}.preset-browser-favourite.active{color:#db2777;background:#fff1f7;border-color:#f9a8d4}.preset-browser-delete{color:#b42318;bottom:8px}.preset-browser-empty{text-align:center;color:#667085;place-content:center;justify-items:center;height:100%;min-height:300px;padding:32px;display:grid}.preset-browser-empty>span{color:#5149d8;background:#ebeafe;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.preset-browser-empty h3{color:#273246;margin:14px 0 4px;font-size:16px}.preset-browser-empty p{margin:0 0 15px;font-size:12px}.preset-browser-footer{background:#fff;border-top:1px solid #dfe4ec;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:12px 22px;display:flex}.preset-browser-footer-primary{align-items:center;gap:10px;min-width:0;display:flex}.preset-browser-footer-actions{flex:none;gap:8px;display:flex}.preset-browser-footer button{height:40px}.preset-browser-save-form{align-items:center;gap:7px;display:flex}.preset-browser-save-form input{border:1px solid #cfd6e1;border-radius:9px;width:min(240px,34vw);height:40px;padding:0 10px}.preset-browser-error{color:#b42318;white-space:nowrap;text-overflow:ellipsis;max-width:330px;font-size:11px;overflow:hidden}.preset-browser-card-main:focus-visible,.preset-browser-favourite:focus-visible,.preset-browser-delete:focus-visible,.preset-browser-close:focus-visible{outline-offset:-2px;outline:2px solid #635bef}@media (width<=820px){.preset-browser-backdrop{padding:12px}.preset-browser{border-radius:14px;width:calc(100vw - 24px);height:calc(100vh - 24px);min-height:0}.preset-browser-controls{grid-template-columns:minmax(0,1fr) 170px}.preset-browser-tabs{grid-column:1/2;justify-self:start}.preset-browser-count{grid-column:2}.preset-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.preset-browser-footer{padding:10px 14px}.preset-browser-header{padding:16px}.preset-browser-controls{padding:12px 14px}}@media (width<=560px){.preset-browser-backdrop{padding:0}.preset-browser{border:0;border-radius:0;width:100vw;height:100vh}.preset-browser-header p{display:none}.preset-browser-controls{grid-template-columns:1fr}.preset-browser-controls>select,.preset-browser-tabs,.preset-browser-count{grid-column:1}.preset-browser-count{justify-self:start}.preset-browser-grid{grid-template-columns:1fr;gap:12px}.preset-browser-preview-wrap{min-height:150px}.preset-browser-footer{flex-direction:column;align-items:stretch}.preset-browser-footer-primary,.preset-browser-footer-actions{width:100%}.preset-browser-footer-actions button{flex:1}.preset-browser-save-form{flex-wrap:wrap;width:100%}.preset-browser-save-form input{flex-basis:100%;width:100%}.preset-browser-error{white-space:normal}.preset-browser-header h2{font-size:18px}}.ai-toolbar-button.active{color:#fff!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border-color:#0000!important}.ai-panel{z-index:64;background:#f8fafc;border:1px solid #cbd5e1;border-radius:18px;flex-direction:column;width:min(430px,100vw - 28px);display:flex;position:fixed;top:56px;bottom:72px;right:14px;overflow:hidden;box-shadow:0 28px 80px #0f172a47}.ai-panel-header{background:linear-gradient(135deg,#fff,#f5f3ff);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ai-panel-header>div{align-items:center;gap:10px;display:flex}.ai-panel-header strong,.ai-panel-header small{display:block}.ai-panel-header small{color:#64748b;margin-top:2px;font-size:11px}.ai-panel-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#a855f7);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.ai-panel-body{flex-direction:column;gap:12px;padding:12px;display:flex;overflow:auto}.ai-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:13px;box-shadow:0 5px 16px #0f172a0b}.ai-card label>span{color:#475569;text-transform:uppercase;letter-spacing:.035em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.ai-card textarea,.ai-card select,.ai-card input{width:100%}.ai-compose textarea{resize:vertical;min-height:130px;line-height:1.45}.ai-field-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.ai-compose>label+label,.ai-compose>.ai-field-grid+label{margin-top:9px;display:block}.ai-checks{flex-wrap:wrap;gap:14px;margin:11px 0;display:flex}.ai-checks label{color:#334155;align-items:center;gap:6px;font-size:12px;display:flex}.ai-checks input{width:auto}.ai-generate{justify-content:center}.ai-error{color:#b91c1c;background:#fef2f2;border-radius:9px;margin-top:10px;padding:9px 10px;font-size:12px}.ai-card-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ai-card-heading>div{align-items:center;gap:7px;display:flex}.ai-card p{color:#64748b;margin:6px 0 10px;font-size:12px;line-height:1.45}.ai-status{color:#475569;text-transform:capitalize;background:#e2e8f0;border-radius:999px;padding:3px 7px;font-size:10px}.ai-status.completed,.ai-status.ready{color:#166534;background:#dcfce7}.ai-status.failed{color:#991b1b;background:#fee2e2}.ai-status.processing,.ai-status.queued,.ai-status.saving{color:#92400e;background:#fef3c7}.ai-render-url{gap:6px;margin-top:9px;display:flex}.ai-render-url input{min-width:0;font-size:11px}.ai-render-url button{flex:none}.ai-diff-summary{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0;display:grid}.ai-diff-summary>div{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 4px}.ai-diff-summary b,.ai-diff-summary span{display:block}.ai-diff-summary b{font-size:17px}.ai-diff-summary span{color:#64748b;text-transform:uppercase;margin-top:2px;font-size:9px}.ai-preview-card details{border-top:1px solid #edf2f7;padding:8px 0}.ai-preview-card summary{cursor:pointer;color:#334155;font-size:12px;font-weight:700}.ai-preview-card ul{color:#475569;margin:7px 0 0;padding-left:18px;font-size:12px}.ai-preview-card li small{color:#94a3b8;display:block}.ai-lint{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:8px;padding-top:10px;font-size:12px;display:flex}.ai-lint>div{align-items:center;gap:6px;display:flex}.ai-lint>span{color:#64748b;font-size:10px}.ai-issues{flex-direction:column;gap:5px;margin-top:8px;display:flex}.ai-issues>div{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;padding:7px 8px}.ai-issues>div.info{background:#eff6ff;border-color:#3b82f6}.ai-issues b,.ai-issues span{font-size:10px;display:block}.ai-issues b{text-transform:capitalize}.ai-issues span{color:#64748b;margin-top:2px}.ai-command-toggle{justify-content:flex-start;width:100%;margin-top:10px}.ai-command-editor textarea{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.ai-command-editor .button-row{margin-top:7px}.ai-apply-row{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;display:flex}.ai-bridge-card code{font-size:10px}@keyframes ai-spin{to{transform:rotate(360deg)}}@media (width<=700px){.ai-panel{border-radius:14px;width:calc(100vw - 12px);top:54px;bottom:64px;right:6px}.ai-field-grid{grid-template-columns:1fr}.ai-diff-summary{grid-template-columns:repeat(2,1fr)}}.ai-external-llm{color:#5b21b6;background:#f5f3ff;border-color:#c4b5fd;margin-top:8px}.ai-external-help{margin:6px 2px 0!important;font-size:10px!important}.llm-dialog-intro,.llm-api-heading{background:#faf5ff;border:1px solid #ddd6fe;border-radius:11px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.llm-dialog-intro strong,.llm-api-heading strong{color:#312e81;display:block}.llm-dialog-intro p,.llm-api-heading p{color:#64748b;margin:3px 0 0;font-size:12px;line-height:1.45}.llm-dialog-tabs{background:#eef2f7;border-radius:10px;gap:4px;padding:4px;display:flex}.llm-dialog-tabs button{background:0 0;border:0;flex:1}.llm-dialog-tabs button.active{color:#4338ca;background:#fff;box-shadow:0 1px 4px #0f172a21}.llm-dialog-section{gap:12px;display:grid}.llm-field-grid{grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:12px;display:grid}.llm-field-grid textarea{width:100%;min-height:112px}.llm-field-grid small{color:#64748b;margin-top:5px;font-size:10px;line-height:1.35;display:block}.llm-copy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.llm-copy-grid button{min-height:42px}.llm-resource-row,.llm-render-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;display:flex}.llm-resource-row>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.llm-resource-row code{font-size:10px}.llm-render-row{justify-content:space-between}.llm-render-row>div{color:#475569;align-items:center;gap:7px;font-size:11px;display:flex}.llm-prompt-toggle{justify-self:start}.llm-generated-prompt,.llm-response-text,.llm-dialog-section textarea[readonly]{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45}.llm-paste-help{color:#1e40af;background:#eff6ff;border-radius:9px;align-items:flex-start;gap:8px;padding:10px;display:flex}.llm-paste-help p{margin:0;font-size:12px;line-height:1.45}.llm-preview-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:7px;padding:11px;display:grid}.llm-preview-summary>div:not(.modal-actions){background:#fff;border-radius:8px;justify-items:center;padding:7px;display:grid}.llm-preview-summary b{font-size:18px}.llm-preview-summary span{text-transform:uppercase;color:#64748b;font-size:9px}.llm-preview-summary>p,.llm-preview-summary>.modal-actions{grid-column:1/-1}.llm-preview-summary>p{color:#475569;margin:0;font-size:11px}.llm-endpoint-list{gap:6px;display:grid}.llm-endpoint-list>div{grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.llm-endpoint-list code{color:#4338ca;font-size:10px}.llm-endpoint-list input{width:100%;min-width:0;font-size:10px}.llm-api-note{color:#3730a3;background:#eef2ff;border-left:3px solid #6366f1;border-radius:6px;padding:10px;font-size:11px;line-height:1.45}@media (width<=760px){.llm-field-grid{grid-template-columns:1fr}.llm-copy-grid{grid-template-columns:repeat(2,1fr)}.llm-resource-row,.llm-render-row{flex-wrap:wrap;align-items:stretch}.llm-resource-row>span,.llm-render-row>div{flex-basis:100%}.llm-endpoint-list>div{grid-template-columns:1fr auto}.llm-endpoint-list code{grid-column:1/-1}}.modal.ai-preview-modal{width:min(1220px,97vw);height:min(900px,94vh);max-height:94vh}.ai-preview-modal .modal-body{height:calc(min(900px,94vh) - 58px);max-height:none;padding:14px;overflow:hidden}.ai-preview-layout{grid-template-columns:minmax(0,1fr) 330px;gap:14px;height:100%;min-height:0;display:grid}.ai-preview-visual{grid-template-rows:auto minmax(0,1fr) auto;gap:9px;min-width:0;min-height:0;display:grid}.ai-preview-visual>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-preview-visual>header>div{align-items:center;gap:7px;display:flex}.ai-preview-visual>header span{color:#64748b;font-size:11px}.ai-preview-canvas-host{background:#dfe3ea;border:1px solid #cbd5e1;border-radius:12px;place-items:center;min-height:0;padding:14px;display:grid;overflow:hidden}.ai-preview-canvas-host.transparent{background-color:#f8fafc;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.ai-preview-canvas-frame{background:#fff;flex:none;box-shadow:0 14px 40px #0f172a3d}.ai-preview-canvas-frame canvas{display:block}.ai-preview-page-tabs{gap:7px;padding-bottom:2px;display:flex;overflow:auto}.ai-preview-page-tabs button{text-align:left;flex:none;grid-template-rows:auto auto;grid-template-columns:auto minmax(80px,1fr);justify-content:start;gap:0 7px;min-width:150px;display:grid}.ai-preview-page-tabs button b{color:#4338ca;background:#eef2ff;border-radius:6px;grid-row:1/3;place-items:center;width:26px;height:26px;display:grid}.ai-preview-page-tabs button span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.ai-preview-page-tabs button small{color:#64748b;font-size:9px}.ai-preview-page-tabs button.active{background:#eef2ff;border-color:#6366f1}.ai-preview-review{flex-direction:column;gap:10px;min-height:0;padding-right:2px;display:flex;overflow:auto}.ai-preview-summary-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.ai-preview-summary-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-items:center;padding:9px;display:grid}.ai-preview-summary-grid b{font-size:18px}.ai-preview-summary-grid span{text-transform:uppercase;color:#64748b;font-size:9px}.ai-preview-safety{border-radius:10px;align-items:flex-start;gap:9px;padding:11px;display:flex}.ai-preview-safety.ready{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.ai-preview-safety.blocked{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.ai-preview-safety strong,.ai-preview-safety span{display:block}.ai-preview-safety span{margin-top:3px;font-size:10px;line-height:1.4}.ai-preview-findings{background:#fff;border:1px solid #e2e8f0;border-radius:9px}.ai-preview-findings summary{cursor:pointer;padding:9px 10px;font-size:11px;font-weight:700}.ai-preview-findings>div{gap:5px;padding:0 8px 8px;display:grid}.ai-preview-findings article{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:5px;padding:7px}.ai-preview-findings article.critical{background:#fef2f2;border-color:#ef4444}.ai-preview-findings article.info{background:#eff6ff;border-color:#3b82f6}.ai-preview-findings article b,.ai-preview-findings article span{font-size:10px;display:block}.ai-preview-findings article b{text-transform:capitalize}.ai-preview-findings article span{color:#475569;line-height:1.35}.ai-preview-change-list{max-height:160px;overflow:auto}.ai-preview-actions{border-top:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding-top:9px;display:grid}.ai-preview-actions .primary{grid-column:1/-1;min-height:42px}.ai-preview-empty{color:#64748b;place-items:center;display:grid}.object-list-actions{grid-template-columns:1fr 1fr;gap:6px;margin:9px 0;display:grid}.object-list-actions button{padding:6px;font-size:10px}.object-list-help,.panel-heading-help{color:#64748b;font-size:9px;line-height:1.35;display:block}.panel-heading-help{margin-top:2px}.layer-row{grid-template-columns:18px minmax(0,1fr) 30px 28px 28px}.layer-row.grouped{border-left:3px solid #8b5cf6}.layer-copy{min-width:0;display:grid}.layer-copy small{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.layer-group-indicator{color:#6d28d9;place-items:center;font-size:9px;font-weight:800;display:grid}.layer-name-input{width:100%;min-width:0}.canvas-stage .upper-canvas{cursor:default}.canvas-editor.is-panning .upper-canvas{cursor:grabbing!important}.image-filter-presets{max-height:190px;padding-right:3px;overflow:auto}.layer-filter-bar{gap:6px;margin:9px 0 8px;display:grid;container-type:inline-size}.layer-search-control{min-width:0;display:block}.layer-search-control .search-input{width:100%;height:36px;min-height:36px;margin:0}.layer-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.layer-filter-row>label{min-width:0;display:grid}.layer-filter-select{width:100%;min-width:0;height:36px;min-height:36px;padding:7px 8px;font-size:10px}.layer-filter-meta{min-height:26px;color:var(--color-text-muted,#64748b);justify-content:space-between;align-items:center;gap:6px;font-size:9px;display:flex}.layer-filter-count{font-variant-numeric:tabular-nums}.layer-filter-clear{width:auto;min-width:50px;height:26px;min-height:26px;padding:4px 7px;font-size:9px}.layer-filter-clear:disabled{opacity:.45}.layer-filter-bar .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=850px){.modal.ai-preview-modal{width:98vw;height:96vh}.ai-preview-modal .modal-body{height:calc(96vh - 58px);overflow:auto}.ai-preview-layout{grid-template-columns:1fr;height:auto}.ai-preview-visual{min-height:62vh}.ai-preview-review{overflow:visible}.ai-preview-actions{background:#fff;padding-bottom:4px;position:sticky;bottom:0}}.reference-image-panel{border:1px solid var(--border,#dbe2ea);background:color-mix(in srgb,var(--panel,#fff) 92%,#4f46e5 8%);border-radius:12px;margin:0 0 16px;padding:12px}.reference-image-panel h4{margin:0}.reference-image-panel .panel-heading{margin-bottom:10px}.canvas-stage{isolation:isolate;position:relative}.canvas-stage>.canvas-container{z-index:2;position:relative!important}.canvas-reference-image{pointer-events:none;z-index:5;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.canvas-reference-divider,.ai-preview-reference-divider{pointer-events:none;z-index:7;background:#ec4899;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #fff}.canvas-reference-badge{z-index:8;color:#fff;pointer-events:none;background:#111827d1;border-radius:999px;padding:4px 7px;font-size:11px;position:absolute;bottom:8px;left:8px}.ai-preview-canvas-frame{position:relative;overflow:hidden}.ai-preview-reference{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.ai-reference-compare-controls{border-bottom:1px solid var(--border,#dbe2ea);background:var(--panel-subtle,#f8fafc);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.ai-reference-compare-controls label{align-items:center;gap:6px;display:flex}.ai-reference-compare-controls input[type=range]{width:110px}.font-status{border-radius:8px;flex-direction:column;gap:2px;margin:6px 0 10px;padding:8px 10px;font-size:12px;display:flex}.font-status.loaded{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0}.font-status.fallback,.font-status.unavailable,.font-status.unknown{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.font-status span{opacity:.9;font-size:11px}.svg-diagnostics{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.asset-card[draggable=true]{cursor:grab}.asset-card[draggable=true]:active{cursor:grabbing}.ai-panel-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;display:grid}.ai-panel-tabs button{color:#64748b;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:7px 3px;font-size:9px;display:flex}.ai-panel-tabs button.active{color:#4338ca;background:#fff;border-radius:8px;box-shadow:0 1px 5px #0f172a1f}.ai-section-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ai-section-title>div{align-items:center;gap:7px;display:flex}.ai-provider-pill{text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.ai-provider-pill.ready{color:#166534;background:#dcfce7}.ai-provider-pill.missing{color:#991b1b;background:#fee2e2}.ai-provider-missing{color:#b91c1c;background:#fff1f2;border-color:#fecaca;width:100%;margin-bottom:9px}.ai-visual-context{background:#f8fafc;border:1px solid #dbe3ee;border-radius:10px;gap:8px;padding:10px;display:grid}.ai-visual-current,.llm-manual-screenshot{object-fit:contain;background:#dfe3ea;border:1px solid #cbd5e1;border-radius:8px;width:100%;max-height:260px;display:block}.ai-visual-empty{color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;min-height:120px;padding:16px;font-size:11px;display:grid}.ai-render-thumbnails{gap:6px;padding-bottom:2px;display:flex;overflow:auto}.ai-render-thumbnails button{flex:0 0 78px;gap:3px;padding:4px;display:grid}.ai-render-thumbnails button.active{background:#eef2ff;border-color:#6366f1}.ai-render-thumbnails img{object-fit:cover;border-radius:4px;width:100%;height:54px}.ai-render-thumbnails span{color:#64748b;font-size:8px}.ai-stale-note{color:#9a3412;background:#fff7ed;border-radius:7px;padding:7px 9px;font-size:10px}.ai-manual-card p{color:#475569;margin:0;font-size:11px;line-height:1.5}.ai-manual-steps{gap:7px;display:grid}.ai-manual-steps>div{grid-template-columns:24px 1fr;align-items:center;gap:7px;display:grid}.ai-manual-steps b{color:#4338ca;background:#eef2ff;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.ai-manual-steps span{color:#475569;font-size:11px}.ai-security-note{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;align-items:flex-start;gap:8px;padding:10px;display:flex}.ai-security-note strong,.ai-security-note span{display:block}.ai-security-note span{margin-top:2px;font-size:10px;line-height:1.4}.ai-provider-grid{gap:10px;margin-top:10px;display:grid}.ai-provider-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:8px;padding:10px;display:grid}.ai-provider-card>header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ai-provider-card>header strong,.ai-provider-card>header span{display:block}.ai-provider-card>header span{color:#64748b;margin-top:2px;font-size:9px;line-height:1.35}.ai-provider-card label>span{color:#475569;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.ai-key-field{grid-template-columns:minmax(0,1fr) auto;display:grid}.ai-key-field input{border-radius:7px 0 0 7px}.ai-key-field button{border-radius:0 7px 7px 0}.ai-provider-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-provider-footer label{color:#475569;font-size:9px}.ai-connected{color:#166534;align-items:center;gap:4px;display:flex}.ai-asset-generator{gap:10px;display:grid}.ai-asset-kind{grid-template-columns:1fr 1fr;gap:7px;display:grid}.ai-asset-kind button{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:1px 6px;padding:9px;display:grid}.ai-asset-kind button svg{grid-row:1/3}.ai-asset-kind button b{font-size:10px}.ai-asset-kind button span{color:#64748b;font-size:8px}.ai-asset-kind button.active{color:#4338ca;background:#eef2ff;border-color:#6366f1}.ai-asset-options{grid-template-columns:1fr;gap:7px;display:grid}.ai-reference-upload{cursor:pointer;background:#f8fafc;border:1px dashed #94a3b8;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:12px;position:relative;display:flex!important}.ai-reference-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.ai-reference-previews{gap:6px;display:flex;overflow:auto}.ai-reference-previews>div{flex:0 0 72px}.ai-reference-previews img{object-fit:cover;border-radius:6px;width:72px;height:60px}.ai-reference-previews span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.ai-generated-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;grid-template-columns:72px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.ai-generated-result img{object-fit:contain;background:#fff;border-radius:6px;width:72px;height:72px}.ai-generated-result strong,.ai-generated-result span{display:block}.ai-generated-result span{color:#166534;font-size:9px}.llm-manual-visual{gap:8px;display:grid}.llm-render-row>div:last-child{justify-content:flex-end}.ai-annotator-modal{width:min(1180px,96vw)}.ai-annotator-toolbar{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.ai-annotator-tools{gap:4px;display:flex}.ai-annotator-toolbar button.active{color:#4338ca;background:#eef2ff;border-color:#6366f1}.ai-annotator-toolbar label{align-items:center;gap:5px;font-size:10px;display:flex}.ai-annotator-stage{background:#dfe3ea;border:1px solid #cbd5e1;border-radius:10px;place-items:center;min-height:420px;max-height:70vh;padding:14px;display:grid;overflow:auto}.ai-annotator-stage canvas{cursor:crosshair;touch-action:none;max-width:100%;height:auto;box-shadow:0 10px 30px #0f172a33}@media (width<=760px){.ai-panel-tabs{grid-template-columns:repeat(4,1fr)}.ai-provider-footer{flex-direction:column;align-items:flex-start}.ai-asset-kind{grid-template-columns:1fr}.ai-annotator-stage{min-height:320px}.llm-render-row>div:last-child{justify-content:flex-start}}:root{--font-ui:"Geist","Inter Variable",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Geist Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--color-bg-app:#f4f6fa;--color-bg-canvas:#e7eaf0;--color-surface:#fff;--color-surface-raised:#fbfcfe;--color-surface-hover:#f4f5f8;--color-surface-active:#eeedff;--color-surface-muted:#f7f8fb;--color-text:#171a22;--color-text-secondary:#5e6675;--color-text-muted:#8b94a5;--color-border:#dfe3ea;--color-border-strong:#cbd1dc;--color-primary:#655cf5;--color-primary-hover:#554be2;--color-primary-soft:#efeeff;--color-primary-border:#c8c4ff;--color-accent:#9d4edd;--color-success:#17845c;--color-success-soft:#eaf9f1;--color-warning:#aa6900;--color-warning-soft:#fff7e8;--color-danger:#c83b43;--color-danger-soft:#fff0f1;--radius-xs:5px;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 2px 8px #0f172a12;--shadow-md:0 10px 30px #0f172a1c;--shadow-lg:0 24px 70px #0f172a2e;--duration-fast:.12s;--duration-normal:.19s;--duration-slow:.26s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-enter:cubic-bezier(0,0,.2,1);--ease-exit:cubic-bezier(.4,0,1,1);font-family:var(--font-ui);color:var(--color-text);background:var(--color-bg-app);font-feature-settings:"ss01" 1,"cv02" 1,"cv03" 1;text-rendering:optimizelegibility}.ai-blocking-details{gap:6px;margin-top:8px;display:grid}.ai-blocking-details article{background:#ffffff9e;border-left:3px solid #ef4444;border-radius:5px;padding:7px}.ai-blocking-details b,.ai-blocking-details span,.ai-blocking-details small{display:block}.ai-blocking-details b{font-size:10px}.ai-blocking-details span,.ai-blocking-details small{font-size:10px;line-height:1.35}.ai-blocking-details small{margin-top:3px;font-weight:600}.numeric-slider{grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:5px;min-width:0;display:grid}.numeric-slider>label{font-size:inherit;color:inherit;grid-column:1/-1}.numeric-slider>input[type=range]{width:100%;min-width:0}.numeric-slider>input[type=number]{background:#fff;border:1px solid #d0d5dd;border-radius:6px;width:100%;min-width:0;padding:4px 5px;font-size:11px}.numeric-slider>input[type=number].invalid{background:#fff5f5;border-color:#b42318}.paint-range.numeric-slider{grid-template-columns:minmax(0,1fr) 54px}.draw-range.numeric-slider{grid-template-columns:minmax(0,1fr) 54px;padding:0 5px}.draw-range.numeric-slider>label{font-weight:650}.reference-slider.numeric-slider{min-width:160px}:root[data-theme=dark]{--color-bg-app:#111319;--color-bg-canvas:#191c23;--color-surface:#20232b;--color-surface-raised:#272b35;--color-surface-hover:#2b303a;--color-surface-active:#333052;--color-surface-muted:#1b1e25;--color-text:#f2f4f8;--color-text-secondary:#aab1bf;--color-text-muted:#7f8898;--color-border:#343945;--color-border-strong:#454c5b;--color-primary:#8179ff;--color-primary-hover:#948dff;--color-primary-soft:#302d50;--color-primary-border:#5c56a1;--color-accent:#b86bff;--color-success:#4ac18d;--color-success-soft:#17382c;--color-warning:#f1b34c;--color-warning-soft:#3b2c15;--color-danger:#ff747c;--color-danger-soft:#422329;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 3px 12px #0000003d;--shadow-md:0 14px 36px #00000057;--shadow-lg:0 28px 80px #0000007a}html,body,#root{background:var(--color-bg-app);color:var(--color-text)}body{font-family:var(--font-ui);font-size:13px}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}::selection{background:color-mix(in srgb,var(--color-primary) 25%,transparent)}button,input,select,textarea{color:inherit;transition:border-color var(--duration-fast),background-color var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast),opacity var(--duration-fast);font-family:inherit}button{border-color:var(--color-border);background:var(--color-surface);min-height:32px;color:var(--color-text);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);font-weight:560}button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}button:active:not(:disabled){transform:translateY(1px)scale(.985)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 75%,white);outline-offset:2px}button.primary,.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 94%,white),var(--color-primary));border-color:var(--color-primary);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--color-primary) 25%,transparent)}button.primary:hover:not(:disabled),.primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}button.danger,.danger{color:var(--color-danger)}input,select,textarea{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:inset 0 1px 1px #0f172a08}input:hover,select:hover,textarea:hover{border-color:var(--color-border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 13%,transparent);outline:none}textarea{line-height:1.5}code,.data-editor,.ai-command-editor textarea{font-family:var(--font-mono)}.app-shell{background:var(--color-bg-app);grid-template-rows:58px minmax(0,1fr) 74px}.top-toolbar{background:color-mix(in srgb,var(--color-surface) 92%,transparent);border-color:var(--color-border);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);height:58px;animation:cf-slide-down var(--duration-slow) var(--ease-enter);z-index:140;padding:7px 10px;box-shadow:0 1px #ffffff47}.toolbar-zone{gap:4px}.toolbar-left{min-width:max-content}.toolbar-context{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:12px;min-width:0;padding:3px 8px;box-shadow:inset 0 1px #ffffff73}.toolbar-context>*{flex:none}.toolbar-right{min-width:max-content}.toolbar-brand{border-right:1px solid var(--color-border);align-items:center;gap:8px;margin-right:3px;padding-right:8px;display:flex}.toolbar-brand>span,.dashboard-brand>span,.auth-brand>span{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;letter-spacing:-.02em;width:30px;height:30px;box-shadow:0 6px 16px color-mix(in srgb,var(--color-primary) 24%,transparent);border-radius:10px;place-items:center;font-size:10px;font-weight:850;display:grid}.toolbar-brand strong{letter-spacing:-.02em;font-size:13px}.toolbar-icon-button,.theme-toggle.compact{width:34px;height:34px;min-height:34px;box-shadow:none;background:0 0;border-color:#0000;padding:0}.toolbar-zone>button,.toolbar-menu-wrap>button{height:34px;min-height:34px}.toolbar-zone button.active,.toolbar-icon-button.active,.theme-toggle:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary-border)}.toolbar-divider{border-color:var(--color-border)}.context-label{color:var(--color-text-secondary);font-weight:650}.save-button{min-width:112px;box-shadow:none;background:0 0;border-color:#0000}.save-button.saved{color:var(--color-text-secondary)}.save-button.dirty{background:var(--color-warning-soft);color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 28%,transparent)}.save-button.saving{background:var(--color-primary-soft);color:var(--color-primary)}.save-button.save-failed{background:var(--color-danger-soft);color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 28%,transparent)}.ai-toolbar-button{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 11%,var(--color-surface)),color-mix(in srgb,var(--color-accent) 10%,var(--color-surface)));border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border))!important}.ai-toolbar-button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))!important}.toolbar-popover,.notification-popover,.design-menu-popover,.zoom-menu,.context-menu{background:var(--color-surface-raised);border-color:var(--color-border);box-shadow:var(--shadow-lg);animation:cf-pop-in var(--duration-normal) var(--ease-enter);transform-origin:100% 0}.toolbar-popover button,.notification-popover button,.design-menu-popover button,.zoom-menu button,.context-menu button{box-shadow:none}.status-pill{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-secondary)}[data-tooltip]{position:relative}@media (hover:hover){[data-tooltip]:hover:after{content:attr(data-tooltip);z-index:250;border:1px solid color-mix(in srgb,var(--color-border) 65%,transparent);background:color-mix(in srgb,var(--color-text) 94%,transparent);width:max-content;max-width:260px;color:var(--color-surface);box-shadow:var(--shadow-md);pointer-events:none;animation:cf-fade-in .12s var(--ease-enter) .35s both;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:520;line-height:1.25;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}}.left-panel,.right-panel{background:var(--color-surface);border-color:var(--color-border);box-shadow:none;animation:cf-fade-in var(--duration-normal) var(--ease-enter)}.left-panel{grid-template-columns:58px 1fr}.side-tabs{background:var(--color-surface-muted);border-color:var(--color-border);gap:3px;width:58px;padding:8px 5px}.side-tabs button{min-height:50px;color:var(--color-text-secondary);box-shadow:none;border-radius:10px;padding:7px 2px;font-size:9px;font-weight:610;position:relative}.side-tabs button:hover{background:var(--color-surface-hover);color:var(--color-text)}.side-tabs button.active{background:var(--color-primary-soft);color:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary)}.side-content{background:var(--color-surface);padding:16px 14px 24px}.side-content h3,.right-panel h3{color:var(--color-text);letter-spacing:-.015em;text-transform:none;margin:3px 0 13px;font-size:14px;font-weight:720}.panel-subheading{color:var(--color-text-secondary);letter-spacing:0;text-transform:none;font-size:11px}.panel-heading{min-height:34px}.search-input,.side-content select{background:var(--color-surface-muted);min-height:36px;padding:8px 10px}.add-grid{gap:8px}.add-grid button{border-color:var(--color-border);background:var(--color-surface-raised);height:72px;box-shadow:none;border-radius:11px;font-size:11px}.add-grid button:hover{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary);transform:translateY(-1px)}.asset-card,.brand-card,.template-list button,.component-card{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:none!important;border-radius:12px!important}.asset-card:hover,.brand-card:hover,.template-list button:hover,.component-card:hover{transform:translateY(-1px);border-color:var(--color-primary-border)!important;box-shadow:var(--shadow-sm)!important}.layer-row{min-height:38px;color:var(--color-text-secondary);border-radius:9px}.layer-row:hover{background:var(--color-surface-hover);color:var(--color-text)}.layer-row.selected{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-primary)}.panel-resizer{top:58px;bottom:74px}.panel-resizer:hover,.panel-resizer:active{background:color-mix(in srgb,var(--color-primary) 35%,transparent)}.right-panel{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;min-height:0;padding:10px 11px 24px;display:flex;overflow:hidden auto}.inspector-header{z-index:4;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:none;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:-10px -11px 10px;padding:10px 11px 8px;display:grid;position:sticky;top:-10px}.inspector-header-context{align-content:center;gap:2px;min-width:0;display:grid}.inspector-header-context strong{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:12px;font-weight:720;overflow:hidden}.inspector-header-context span{color:var(--color-text-muted);font-size:10px}.inspector-header-share{min-height:29px;color:var(--color-primary);border-color:var(--color-primary-border);background:var(--color-primary-soft);align-self:center;padding:5px 9px;font-size:10px;font-weight:650}.inspector-tabs{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:9px;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.inspector-tabs button{min-height:29px;color:var(--color-text-secondary);box-shadow:none;background:0 0;border:0;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:650}.inspector-tabs button:hover{background:var(--color-surface-hover);color:var(--color-text)}.inspector-tabs button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.right-panel>.inspector-empty-help{flex:none;order:90}.inspector-section{background:var(--color-surface-raised);border-radius:12px;flex:none;min-width:0;margin:0 0 7px;overflow:hidden;border:1px solid var(--color-border)!important}.inspector-section>summary{min-width:0;min-height:42px;color:var(--color-text);letter-spacing:-.005em;text-transform:none;background:var(--color-surface-raised);padding:10px 12px;font-size:12px;font-weight:680;line-height:1.25}.inspector-section>summary>span{white-space:normal;overflow-wrap:anywhere;min-width:0;display:block;overflow:visible}.inspector-section>summary:hover{background:var(--color-surface-hover)}.inspector-section>summary:after{display:none}.inspector-chevron{color:var(--color-text-muted);transition:transform var(--duration-normal) var(--ease-standard);flex:none}.inspector-section[open] .inspector-chevron{transform:rotate(90deg)}.inspector-section-body{border-top:1px solid var(--color-border);min-width:0;animation:cf-reveal var(--duration-normal) var(--ease-enter);padding:2px 12px 13px;overflow:visible}.right-panel>.inspector-section[open]{flex-shrink:0}.right-panel .field-grid>*{min-width:0}.right-panel input,.right-panel select,.right-panel textarea{min-width:0;max-width:100%}.field{color:var(--color-text-secondary);gap:6px;margin:9px 0;font-size:10.5px;font-weight:560}.field input,.field select,.field textarea,.compact-field input,.compact-field select{border-color:var(--color-border);background:var(--color-surface);min-height:34px;padding:7px 9px}.field-grid{gap:8px}.icon-row{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:10px;padding:4px}.icon-row button{min-height:30px;box-shadow:none;background:0 0;border-color:#0000}.icon-row button.active,.multi-selection-banner{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-primary)}.paint-editor,.ai-visual-context{background:var(--color-surface-muted);border-color:var(--color-border)}.appearance-subsection{border-color:var(--color-border)}.help{color:var(--color-text-secondary)}.editor-main{background:var(--color-bg-canvas);grid-template-rows:40px minmax(0,1fr)}.document-title{background:color-mix(in srgb,var(--color-surface) 86%,transparent);border-color:var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.document-title input{width:min(430px,55vw);color:var(--color-text);letter-spacing:-.01em;font-weight:640}.document-title input:hover{background:var(--color-surface-hover)}.document-title input:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent)}.canvas-editor{background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--color-surface) 34%,transparent),transparent 45%),var(--color-bg-canvas)}.canvas-scroll{padding:56px}.canvas-stage{transition:box-shadow var(--duration-normal),transform var(--duration-normal);border-radius:2px;box-shadow:0 2px 5px #0f172a1a,0 22px 55px #0f172a2b}.ruler{background:color-mix(in srgb,var(--color-surface) 90%,transparent);color:var(--color-text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:var(--color-border)!important}.ruler-corner{background:var(--color-surface-muted);border-color:var(--color-border)}.zoom-control{border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;padding:4px;bottom:15px;right:16px}.zoom-control button{box-shadow:none;background:0 0;border-color:#0000}.canvas-selection-toolbar{z-index:24;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:cf-toolbar-in var(--duration-normal) var(--ease-enter);border-radius:12px;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%)}.canvas-selection-toolbar>span:first-child{color:var(--color-text-secondary);white-space:nowrap;padding:0 8px;font-size:10px;font-weight:650}.canvas-selection-toolbar button{width:30px;height:30px;min-height:30px;box-shadow:none;background:0 0;border-color:#0000;padding:0}.canvas-selection-divider{background:var(--color-border);width:1px;height:20px}.transform-info,.crop-mode-badge{background:color-mix(in srgb,var(--color-text) 91%,transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff24}.context-menu{border-radius:12px;padding:6px}.context-menu button{border-radius:7px;min-height:34px}.object-context-menu{min-width:220px;max-width:260px}.object-context-menu>strong{color:var(--color-text-secondary,#64748b);text-transform:uppercase;letter-spacing:.055em;padding:3px 7px;font-size:9px}.object-context-menu button,.object-context-menu .canvas-object-indicator-item{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:6px 7px;display:grid}.object-context-menu span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.object-context-menu small{color:var(--color-text-muted,#64748b);text-transform:capitalize;font-size:8px}.context-menu-empty{color:var(--color-text-muted,#64748b);padding:7px;font-size:11px}.page-strip{background:color-mix(in srgb,var(--color-surface) 94%,transparent);border-color:var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:10px;height:74px;padding:8px 12px}.page-strip-heading{border-right:1px solid var(--color-border);align-content:center;place-items:center;min-width:45px;height:52px;padding-right:10px;display:grid}.page-strip-heading strong{color:var(--color-text-secondary);font-size:10px}.page-strip-heading span{color:var(--color-text);font-size:15px;font-weight:750}.page-actions{border-right:1px solid var(--color-border);gap:4px;padding-right:8px}.page-actions button{height:32px;box-shadow:none}.page-thumbnails>.page-tab-card{border-color:var(--color-border);background:var(--color-surface-raised);min-width:150px;height:56px;color:var(--color-text);box-shadow:none;transition:all var(--duration-normal) var(--ease-standard);border-radius:11px;padding:4px 8px 4px 3px}.page-thumbnails>.page-tab-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);transform:translateY(-1px)}.page-thumbnails>.page-tab-card.active{background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 10%,transparent)}.page-drag-handle{color:var(--color-text-muted);opacity:.42;cursor:grab;flex:none}.page-tab-card:hover .page-drag-handle{opacity:1}.page-preview{box-shadow:0 2px 6px #0f172a1a;border-color:var(--color-border-strong)!important}.page-tab-name{color:var(--color-text-secondary);font-size:11px;font-weight:620}.page-tab-card.active .page-tab-name{color:var(--color-primary)}.ai-panel{background:var(--color-surface-muted);border-color:var(--color-border);width:min(450px,100vw - 28px);box-shadow:var(--shadow-lg);animation:cf-panel-in var(--duration-slow) var(--ease-enter);border-radius:20px;top:66px;bottom:86px;right:14px}.ai-panel-header{background:linear-gradient(135deg,var(--color-surface),color-mix(in srgb,var(--color-primary) 6%,var(--color-surface)));border-color:var(--color-border);padding:14px 16px}.ai-panel-header small{color:var(--color-text-secondary)}.ai-panel-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 8px 20px color-mix(in srgb,var(--color-primary) 25%,transparent)}.ai-panel-tabs{background:var(--color-surface-muted);border-color:var(--color-border);padding:6px 8px}.ai-panel-tabs button{min-height:43px;color:var(--color-text-secondary);box-shadow:none;border-radius:10px;font-size:9px}.ai-panel-tabs button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.ai-panel-body{gap:10px;padding:12px}.ai-card{border-color:var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);animation:cf-fade-in var(--duration-normal) var(--ease-enter);border-radius:14px;padding:14px}.ai-card label>span{color:var(--color-text-secondary);letter-spacing:0;text-transform:none}.ai-compose textarea{background:var(--color-surface-muted);border-radius:12px;min-height:144px}.ai-provider-pill.ready,.ai-status.completed,.ai-status.ready{background:var(--color-success-soft);color:var(--color-success)}.ai-provider-pill.missing,.ai-status.failed{background:var(--color-danger-soft);color:var(--color-danger)}.ai-status.processing,.ai-status.queued,.ai-status.saving{background:var(--color-warning-soft);color:var(--color-warning)}.ai-card p,.ai-manual-card p,.ai-manual-steps span,.ai-checks label{color:var(--color-text-secondary)}.ai-diff-summary>div{border-color:var(--color-border);background:var(--color-surface-muted)}.ai-lint,.ai-preview-card details,.ai-apply-row{border-color:var(--color-border)}.ai-provider-card{background:var(--color-surface-raised);border-color:var(--color-border)}.ai-provider-card.active{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 12%,transparent)}.ai-security-note{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-primary)}.ai-annotator-stage{background:var(--color-bg-canvas);border-color:var(--color-border)}.ai-reference-upload{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.ai-generated-result{background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:cf-fade-in var(--duration-normal) var(--ease-enter);background:#0f121c7a}.modal{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg);animation:cf-modal-in var(--duration-slow) var(--ease-enter);border-radius:18px}.modal>header{border-color:var(--color-border);background:linear-gradient(180deg,var(--color-surface-raised),var(--color-surface));min-height:64px;padding:12px 16px}.modal>header>div{gap:1px;display:grid}.modal-kicker{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:780}.modal h2{color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:17px}.modal-body{padding:18px 20px 20px}.modal-actions{border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:10px -20px -20px;padding:12px 20px;position:sticky;bottom:-18px}.toast{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);animation:cf-toast-in var(--duration-slow) var(--ease-enter);border-radius:12px}.toast.error{background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 28%,transparent);color:var(--color-danger)}.toast.success{background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 28%,transparent);color:var(--color-success)}.workspace-banner{box-shadow:var(--shadow-md);animation:cf-banner-in var(--duration-slow) var(--ease-enter);border-radius:14px;top:68px}.recovery-banner{background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 38%,transparent);color:var(--color-warning)}.conflict-banner{background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 38%,transparent);color:var(--color-danger)}.dashboard{background:radial-gradient(circle at 72% 0,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 32%),var(--color-bg-app);padding:26px clamp(24px,5vw,76px) 60px}.dashboard-header{z-index:20;border-bottom:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);background:color-mix(in srgb,var(--color-bg-app) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:-26px calc(-1*clamp(24px,5vw,76px)) 0;padding:16px clamp(24px,5vw,76px);position:sticky;top:-26px}.dashboard-brand,.auth-brand{align-items:center;gap:11px;display:flex}.dashboard-brand>span,.auth-brand>span{border-radius:12px;width:38px;height:38px;font-size:12px}.dashboard-brand h1,.auth-brand h1{color:var(--color-text);letter-spacing:-.035em;margin:0;font-size:19px}.dashboard-brand p,.auth-brand p{color:var(--color-text-secondary);margin:2px 0 0;font-size:11px}.dashboard-actions{gap:7px}.dashboard-actions select{min-width:150px;padding:8px 28px 8px 10px}.dashboard-hero{border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 11%,var(--color-surface)),var(--color-surface) 55%,color-mix(in srgb,var(--color-accent) 9%,var(--color-surface)));min-height:210px;box-shadow:var(--shadow-sm);border-radius:22px;align-items:flex-end;margin-top:24px;padding:42px clamp(24px,4vw,54px);display:flex;position:relative;overflow:hidden}.dashboard-hero:after{content:"";border:65px solid color-mix(in srgb,var(--color-primary) 8%,transparent);pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute;top:-110px;right:-60px}.dashboard-hero>div{z-index:1;max-width:650px;position:relative}.eyebrow{background:var(--color-primary-soft);color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:760;display:inline-flex}.dashboard-hero h2{letter-spacing:-.045em;margin:12px 0 6px;font-size:clamp(28px,4vw,44px);line-height:1.02}.dashboard-hero p{max-width:570px;color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.55}.section-heading{margin:34px 0 14px}.section-heading h2{color:var(--color-text);letter-spacing:-.025em;margin:0;font-size:18px}.section-heading p{color:var(--color-text-secondary);margin:3px 0 0;font-size:11px}.new-design>div:last-child{grid-template-columns:repeat(4,minmax(145px,1fr));gap:12px}.new-design button{border-color:var(--color-border);background:var(--color-surface);height:122px;box-shadow:var(--shadow-xs);text-align:left;border-radius:14px;align-items:flex-start;padding:14px}.new-design button:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.preset-shape{border:1px solid var(--color-primary-border);background:linear-gradient(135deg,var(--color-primary-soft),color-mix(in srgb,var(--color-accent) 10%,var(--color-surface)));border-radius:4px;max-width:58px;height:38px;margin-bottom:auto;display:block}.new-design button strong{font-size:12px}.new-design button small{color:var(--color-text-secondary);font-size:10px}.dashboard-library-tools{align-items:center;gap:8px;display:flex}.dashboard-search{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;align-items:center;gap:7px;min-width:220px;height:36px;padding:0 9px;display:flex}.dashboard-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent)}.dashboard-search svg{color:var(--color-text-muted)}.dashboard-search input{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;outline:0}.view-toggle{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:9px;padding:3px;display:flex}.view-toggle button{width:29px;height:28px;min-height:28px;box-shadow:none;background:0 0;border:0;padding:0}.view-toggle button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.design-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.design-card{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-xs);transition:transform var(--duration-normal),box-shadow var(--duration-normal),border-color var(--duration-normal);border-radius:15px}.design-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.design-card>.design-open{border-radius:15px;grid-template-rows:auto auto auto;gap:0;width:100%;padding:10px}.design-thumb{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:10px;margin:0 0 10px}.design-thumb img{transition:transform var(--duration-slow) var(--ease-standard)}.design-card:hover .design-thumb img{transform:scale(1.015)}.design-card-copy{gap:3px;min-width:0;padding-right:34px;display:grid}.design-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.design-card-copy small{color:var(--color-text-secondary);font-size:9px}.design-status{background:var(--color-surface-muted);color:var(--color-text-secondary);text-transform:capitalize;border-radius:999px;justify-self:start;margin-top:9px;padding:3px 7px;font-size:8px;font-weight:720}.design-status.approved{background:var(--color-success-soft);color:var(--color-success)}.design-status.changes_requested{background:var(--color-warning-soft);color:var(--color-warning)}.design-card-menu{z-index:3;position:absolute;bottom:45px;right:13px}.design-more{width:29px;height:29px;min-height:29px;box-shadow:none;opacity:0;background:0 0;border-color:#0000;padding:0}.design-card:hover .design-more,.design-more:focus-visible{opacity:1}.design-menu-popover{border:1px solid var(--color-border);border-radius:10px;width:150px;padding:5px;position:absolute;top:calc(100% + 5px);right:0}.design-menu-popover button{width:100%;box-shadow:none;background:0 0;border:0;justify-content:flex-start}.design-grid.list-view{grid-template-columns:1fr;gap:8px;display:grid}.design-grid.list-view .design-card>.design-open{grid-template-rows:1fr;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px}.design-grid.list-view .design-status{justify-self:end;margin:0 40px 0 0}.design-grid.list-view .design-card-menu{bottom:50%;right:12px;transform:translateY(50%)}.dashboard-empty{border:1px dashed var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-text-secondary);border-radius:16px;place-items:center;gap:5px;padding:54px;display:grid}.dashboard-empty p{margin:0;font-size:11px}.skeleton-card{padding:10px}.skeleton{background:var(--color-surface-muted);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface) 75%,transparent),transparent);animation:1.25s infinite cf-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-thumb{height:150px;margin-bottom:11px}.skeleton-line{width:58%;height:10px;margin:7px 2px}.skeleton-line.wide{width:82%}.login-screen{background:radial-gradient(circle at 20% 0,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 35%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--color-accent) 11%,transparent),transparent 42%),var(--color-bg-app);position:relative}.login-theme{position:fixed;top:18px;right:18px}.login-screen form{border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 94%,transparent);width:min(430px,100vw - 32px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:cf-modal-in var(--duration-slow) var(--ease-enter);border-radius:20px;padding:30px}.auth-brand{margin-bottom:6px}.auth-brand p{font-weight:450}.auth-submit{height:42px;font-weight:680}.segmented{background:var(--color-surface-muted);border:1px solid var(--color-border)}.segmented button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.loading-screen{background:var(--color-bg-app);color:var(--color-text-secondary);gap:10px}.loading-orb{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite ai-spin}.shared-gate{background:var(--color-bg-app)}.shared-gate section{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg)}.shared-view>header{background:var(--color-surface);border-color:var(--color-border)}.shared-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.print-range-control{gap:4px;padding:3px 0;display:grid}.print-range-control .field{gap:3px}.print-range-control .field span{color:var(--color-text-secondary,#667085);font-size:9px;font-weight:700}.print-range-control select,.print-range-control input{min-height:30px;padding:5px 7px;font-size:11px}.print-range-control>small{color:var(--color-text-muted,#94a3b8);font-size:9px}.download-menu .print-range-control{border-bottom:1px solid var(--color-border,#e2e8f0);padding:4px}.ui-badge{border-radius:999px;align-items:center;padding:3px 7px;font-size:9px;font-weight:700;display:inline-flex}.ui-badge.tone-neutral{background:var(--color-surface-muted);color:var(--color-text-secondary)}.ui-empty-state{color:var(--color-text-secondary);text-align:center;place-items:center;gap:7px;padding:32px;display:grid}.ui-empty-state p{max-width:340px;margin:0;font-size:11px}.ui-empty-icon{background:var(--color-primary-soft);width:38px;height:38px;color:var(--color-primary);border-radius:12px;place-items:center;display:grid}:root[data-theme=dark] .template-preview,:root[data-theme=dark] .design-thumb,:root[data-theme=dark] .ai-visual-current,:root[data-theme=dark] .llm-manual-screenshot{background:#181b22}:root[data-theme=dark] .page-preview b,:root[data-theme=dark] .page-preview i{color:var(--color-text);background:#20232be0}:root[data-theme=dark] .canvas-stage{box-shadow:0 2px 5px #00000047,0 24px 64px #0000007a}:root[data-theme=dark] input[type=color]{background:var(--color-surface-raised)}:root[data-theme=dark] .canvas-stage.transparent,:root[data-theme=dark] .page-preview.transparent{background-color:#272b35!important;background-image:linear-gradient(45deg,#343945 25%,#0000 25%),linear-gradient(-45deg,#343945 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#343945 75%),linear-gradient(-45deg,#0000 75%,#343945 75%)!important}:root[data-theme=dark] .error{background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 35%,transparent);color:var(--color-danger)}@keyframes cf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cf-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes cf-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.975)}to{opacity:1;transform:none}}@keyframes cf-panel-in{0%{opacity:0;transform:translate(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes cf-modal-in{0%{opacity:0;transform:translateY(10px)scale(.975)}to{opacity:1;transform:none}}@keyframes cf-toast-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes cf-banner-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes cf-toolbar-in{0%{opacity:0;transform:translate(-50%,-6px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes cf-reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes cf-shimmer{to{transform:translate(100%)}}@media (width<=1750px){.toolbar-brand strong{display:none}.toolbar-brand{padding-right:4px}.toolbar-right>button:not(.download-button){font-size:0}.toolbar-right>button svg{margin:0}.toolbar-context .context-label{display:none}.smart-position-toolbar-button{width:36px;padding:0;font-size:0}.smart-position-toolbar-button svg{margin:0}.status-pill{display:none}}@media (width<=1400px){.dashboard-library-tools{flex-wrap:wrap;justify-content:flex-end}.new-design>div:last-child{grid-template-columns:repeat(2,minmax(145px,1fr))}}@media (width<=1180px){.toolbar-context{display:none}.toolbar-left{margin-right:auto}}@media (width<=1050px){.app-shell{grid-template-columns:var(--left-panel-width,280px) minmax(0,1fr) var(--right-panel-width,280px)}.top-toolbar,.page-strip{grid-column:1/4}.toolbar-brand{display:none}.toolbar-context{box-shadow:none;background:0 0;border:0}.page-strip-heading{display:none}}@media (width<=900px){.left-panel,.right-panel{top:58px;bottom:74px}.dashboard{padding-inline:20px}.dashboard-header{margin-inline:-20px;padding-inline:20px}.dashboard-actions>button:not(.theme-toggle),.dashboard-actions select{display:none}.dashboard-hero{min-height:180px}.section-heading{flex-direction:column;align-items:flex-start}.dashboard-library-tools{justify-content:flex-start;width:100%}.dashboard-search{flex:1}.canvas-selection-toolbar{top:12px}.ai-panel{top:64px;bottom:82px}}@media (width<=650px){.top-toolbar{padding-inline:5px}.save-button{width:34px;min-width:34px;padding:0}.save-button span,.toolbar-context{display:none}.new-design>div:last-child{grid-template-columns:1fr 1fr}.dashboard-hero{padding:28px 22px}.dashboard-hero h2{font-size:30px}.dashboard-library-tools select{display:none}.design-grid{grid-template-columns:1fr 1fr;gap:10px}.design-grid.list-view{grid-template-columns:1fr}.page-actions button span,.page-actions button:not(:first-child){display:none}.page-actions button{width:34px;padding:0}.page-thumbnails>.page-tab-card{min-width:120px}.page-drag-handle,.canvas-selection-toolbar>span:first-child{display:none}.modal-body{padding-inline:14px}.modal-actions{margin-inline:-14px;padding-inline:14px}.shared-actions button:not(.theme-toggle):not(.shared-print-button){display:none}.shared-actions{flex-wrap:wrap}.shared-actions .print-range-control{flex:100%;order:-1}}@media (width<=430px){.design-grid{grid-template-columns:1fr}.new-design>div:last-child{grid-template-columns:1fr 1fr}.dashboard-search{min-width:0}.view-toggle{display:none}.login-screen form{padding:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=900px){.app-shell .left-panel{display:grid!important}.app-shell .left-panel .side-content{min-width:0;height:100%;min-height:0;max-height:none;overflow:auto;display:block!important}}.auth-owner-link{text-underline-offset:3px;justify-content:center;text-decoration:underline;color:var(--color-text-muted)!important;box-shadow:none!important;background:0 0!important;border:0!important}.auth-owner-link:hover{color:var(--color-text-primary)!important;background:0 0!important}.ai-managed-banner{border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-lg);background:var(--color-primary-soft);color:var(--color-text-secondary);align-items:center;gap:9px;padding:11px 12px;font-size:12px;line-height:1.45;display:flex}.ai-managed-banner svg{color:var(--color-primary);flex:none}.ai-managed-banner span{flex:1}.ai-managed-banner b{color:var(--color-primary);white-space:nowrap}.ai-mode-help{color:var(--color-text-muted);margin-top:-5px;line-height:1.45;display:block}.ai-usage-panel{gap:14px;display:grid}.ai-usage-grid,.account-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ai-usage-grid article,.account-summary-grid article{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);flex-direction:column;gap:4px;min-width:0;padding:14px;display:flex}.ai-usage-grid article svg,.account-summary-grid article svg{color:var(--color-primary);margin-bottom:4px}.ai-usage-grid article b,.account-summary-grid article b{color:var(--color-text-primary);font-size:20px;line-height:1}.ai-usage-grid article span,.account-summary-grid article span{color:var(--color-text-muted);font-size:11px}.account-summary-grid article small{color:var(--color-text-secondary)}.ai-usage-list{gap:6px;display:grid}.ai-usage-list>strong{font-size:12px}.ai-usage-list>div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);grid-template-columns:1fr auto;gap:3px 10px;padding:9px 10px;font-size:12px;display:grid}.ai-usage-list small{color:var(--color-text-muted);grid-column:1/-1}.account-center-modal .modal{max-width:980px}.account-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.account-actions-grid section,.credit-ledger{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);padding:17px}.account-center-modal .modal{width:min(980px,100vw - 32px);height:min(780px,100dvh - 32px);max-height:calc(100dvh - 32px)}.account-center-modal .modal-body{grid-template-rows:minmax(0,1fr);min-height:0;max-height:none;padding:0;display:grid;overflow:hidden}.account-center-shell{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.account-center-tabs{border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);scrollbar-width:thin;gap:3px;min-width:0;padding:8px 14px 0;display:flex;overflow-x:auto}.account-center-tab{min-height:38px;color:var(--color-text-secondary);white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom-width:2px;border-radius:9px 9px 0 0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.account-center-tab:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.account-center-tab.active{border-color:var(--color-border);border-bottom-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary)}.account-center-tab:focus-visible{outline:3px solid var(--color-primary-border);outline-offset:-3px}.account-center-panel{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:16px;overflow:hidden auto}.account-center-panel:focus-visible{outline:2px solid var(--color-primary-border);outline-offset:-2px}.account-center-view{gap:14px;min-width:0;display:grid}.account-center-view-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.account-center-view-heading h3{margin:0 0 4px}.account-center-view-heading p{color:var(--color-text-secondary);margin:0;line-height:1.45}.account-center-view-heading button{flex:none}.account-center-view-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.account-center-view-actions button{flex:none}.account-workspace-view .governance-panel,.account-workspace-view .product-diagnostics-panel{margin-top:0}.integration-review-actions{flex:none;align-items:center;gap:7px;display:flex}.account-center-modal .billing-plan-actions{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:start;gap:16px;min-width:0;display:grid}.account-center-modal .billing-plan-actions>div:first-child{min-width:0}.account-center-modal .billing-plan-options{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.account-center-modal .billing-plan-option{flex-direction:column;align-items:flex-start;min-width:0}.account-center-modal .billing-plan-option>div{min-width:0}.account-center-modal .billing-plan-option span{overflow-wrap:anywhere}.account-center-modal .billing-plan-option button{width:100%}.account-center-modal .chatgpt-integration-reviews .integration-approvals{border-top:0;margin-top:0;padding-top:0}.account-actions-grid h3,.credit-ledger h3{margin:0 0 6px}.account-actions-grid p,.credit-ledger p{color:var(--color-text-secondary);margin:0 0 14px;line-height:1.5}.credit-topup-row{gap:8px;display:flex}.credit-topup-row select{flex:1}.credit-ledger-list{gap:6px;display:grid}.credit-ledger-list>div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.credit-ledger-list svg{color:var(--color-text-muted)}.credit-ledger-list span{gap:2px;display:grid}.credit-ledger-list small{color:var(--color-text-muted)}.credit-ledger-list .positive{color:var(--color-success)}.credit-ledger-list .negative{color:var(--color-danger)}.marketplace-hero{border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-primary-soft),color-mix(in srgb,var(--color-accent) 11%,var(--color-surface)));border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));justify-content:space-between;align-items:stretch;gap:18px;padding:20px;display:flex}.marketplace-hero>div:first-child{max-width:700px}.marketplace-hero>div:first-child>span{color:var(--color-primary);align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.marketplace-hero h2{margin:8px 0 6px;font-size:23px}.marketplace-hero p{color:var(--color-text-secondary);margin:0}.marketplace-hero>div:last-child{border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 84%,transparent);min-width:150px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;padding:14px;display:flex}.marketplace-hero>div:last-child svg{color:var(--color-primary)}.marketplace-hero>div:last-child b{font-size:24px}.marketplace-hero>div:last-child span{color:var(--color-text-muted);font-size:11px}.marketplace-tools{gap:9px;margin:15px 0;display:flex}.marketplace-tools label{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex:1;align-items:center;gap:7px;padding:0 11px;display:flex}.marketplace-tools label:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.marketplace-tools label input{box-shadow:none;background:0 0;border:0;padding-inline:0}.marketplace-tools label input:focus{box-shadow:none}.marketplace-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px;max-height:58vh;padding:2px;display:grid;overflow:auto}.marketplace-grid article{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);min-width:0;transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}.marketplace-grid article:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.marketplace-preview{aspect-ratio:16/10;background:linear-gradient(135deg,var(--color-bg-canvas),var(--color-surface-hover));color:var(--color-text-muted);place-items:center;display:grid;overflow:hidden}.marketplace-preview img{object-fit:cover;width:100%;height:100%}.marketplace-copy{flex-direction:column;flex:1;align-items:flex-start;padding:13px;display:flex}.marketplace-copy h3{margin:8px 0 4px;font-size:14px}.marketplace-copy p{color:var(--color-text-secondary);margin:0 0 10px;font-size:12px;line-height:1.45}.marketplace-copy small{color:var(--color-text-muted);margin-top:auto}.marketplace-grid article>button{margin:0 13px 13px}.template-card-actions{gap:5px;padding:0 8px 8px;display:flex}.template-card-actions button{flex:1}.dashboard-actions button svg{flex:none}@media (width<=760px){.ai-usage-grid,.account-summary-grid,.account-actions-grid{grid-template-columns:1fr}.marketplace-hero{flex-direction:column}.marketplace-tools{flex-wrap:wrap}.marketplace-tools label{flex-basis:100%}.credit-topup-row{flex-direction:column}.account-center-modal .modal{width:calc(100vw - 18px);height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.account-center-tabs{padding-inline:10px}.account-center-tab{min-width:max-content;padding-inline:10px}.account-center-panel{padding:12px}.account-center-view-heading{flex-direction:column}.account-center-view-heading button{width:100%}.account-center-view-actions{flex-direction:column;width:100%}.account-center-view-actions button{width:100%}.integration-review-actions{align-self:flex-end}}@media (width<=900px){.account-center-modal .billing-plan-actions{grid-template-columns:1fr}}@media (width<=560px){.account-center-modal .billing-plan-options{grid-template-columns:1fr}}.draw-tools-toggle{z-index:30;border-color:var(--color-border,#d8dee9);background:color-mix(in srgb,var(--color-surface,#fff) 95%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:32px;padding:0 9px;font-size:11px;position:absolute;top:32px;right:14px;box-shadow:0 5px 16px #0f172a1f}.draw-tools-toggle.active{border-color:var(--color-primary-border,#c7d2fe);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5)}.canvas-editor.hide-rulers .draw-tools-toggle{top:8px}.canvas-draw-toolbar{z-index:30;border:1px solid var(--color-border,#d8dee9);background:color-mix(in srgb,var(--color-surface,#fff) 95%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;align-items:center;gap:4px;max-width:calc(100% - 32px);padding:5px;display:flex;position:absolute;top:70px;right:14px;box-shadow:0 8px 24px #0f172a29}.canvas-editor.hide-rulers .canvas-draw-toolbar{top:46px}.canvas-draw-toolbar button{min-width:32px;height:32px;box-shadow:none;background:0 0;border-color:#0000;padding:0 8px;font-size:11px}.canvas-draw-toolbar button.active{border-color:var(--color-primary-border,#c7d2fe);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5)}.canvas-draw-toolbar button span{display:none}.draw-toolbar-divider{background:var(--color-border,#d8dee9);width:1px;height:22px}.canvas-draw-toolbar>label:first-of-type{place-items:center;width:30px;height:30px;display:grid}.canvas-draw-toolbar input[type=color]{background:0 0;border:0;width:26px;height:26px;padding:1px}.draw-range{color:var(--color-text-secondary,#667085);grid-template-columns:auto 72px 34px;align-items:center;gap:5px;padding:0 5px;font-size:10px;display:grid}.draw-range input{width:72px;margin:0}.draw-range-label{min-width:42px;font-weight:650}.draw-range output{text-align:right;font-variant-numeric:tabular-nums;min-width:34px}.canvas-editor.is-drawing .upper-canvas,.canvas-editor.is-drawing .lower-canvas{touch-action:none!important}.canvas-editor.is-drawing .upper-canvas{cursor:crosshair!important}.canvas-editor.is-format-painting .upper-canvas{cursor:copy!important}.format-painter-badge{z-index:31;border:1px solid var(--color-primary-border,#c7d2fe);background:color-mix(in srgb,var(--color-surface,#fff) 94%,transparent);color:var(--color-primary,#4f46e5);pointer-events:none;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700;position:absolute;top:32px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0f172a24}.canvas-editor.hide-rulers .format-painter-badge{top:8px}.canvas-scroll,.canvas-stage .lower-canvas,.canvas-stage .upper-canvas{touch-action:none}.canvas-object-indicator{z-index:190;border:1px solid var(--color-border,#d8dee9);background:color-mix(in srgb,var(--color-surface,#fff) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:220px;max-height:250px;animation:cf-pop-in var(--duration-normal,.16s) var(--ease-enter,ease-out);border-radius:11px;gap:3px;padding:7px;display:grid;position:fixed;overflow:auto;box-shadow:0 12px 34px #0f172a33}.canvas-object-indicator>strong{color:var(--color-text-secondary,#64748b);text-transform:uppercase;letter-spacing:.055em;padding:3px 7px;font-size:9px}.canvas-object-indicator button,.canvas-object-indicator-item{text-align:left;min-height:34px;box-shadow:none;background:0 0;border-color:#0000;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 7px;display:grid}.canvas-object-indicator button:hover,.canvas-object-indicator button.active{border-color:var(--color-primary-border,#c7d2fe);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4338ca)}.canvas-object-indicator span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.canvas-object-indicator small{color:var(--color-text-muted,#64748b);text-transform:capitalize;font-size:8px}.canvas-margin-guides{pointer-events:none;border:1px dashed #06b6d4cc;position:absolute;box-shadow:inset 0 0 0 1px #ffffffa6}.layer-panel-header{z-index:5;gap:8px;position:relative}.layer-panel-title,.layer-header-actions{align-items:center;min-width:0;display:flex}.layer-panel-title{gap:6px}.layer-panel-title h3{min-width:0}.layer-header-actions{gap:4px}.layer-help{display:inline-flex;position:static}.layer-help-button{width:26px;height:28px;min-height:28px;color:var(--color-text-muted,#64748b);background:0 0;border-color:#0000;padding:0}.layer-help-button:hover,.layer-help-button:focus-visible{border-color:var(--color-primary-border,#c7d2fe);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5)}.layer-help-tooltip{z-index:20;border:1px solid var(--color-border,#d8dee9);background:var(--color-surface,#fff);width:min(210px,100vw - 32px);box-shadow:var(--shadow-md,0 8px 22px #0f172a29);color:var(--color-text-secondary,#475569);white-space:normal;border-radius:8px;padding:8px 9px;font-size:10px;font-weight:500;line-height:1.4;display:none;position:absolute;top:calc(100% + 4px);right:0}.layer-help:hover .layer-help-tooltip,.layer-help:focus-within .layer-help-tooltip{display:block}.layer-actions-menu{min-width:0;position:relative}.layer-actions-menu>summary{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface-muted,#f8fafc);width:28px;height:28px;min-height:28px;color:var(--color-text-secondary,#475569);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:4px;font-size:10px;font-weight:700;list-style:none;display:inline-flex}.layer-actions-menu>summary::-webkit-details-marker{display:none}.layer-actions-menu>summary:hover,.layer-actions-menu[open]>summary{border-color:var(--color-primary-border,#c7d2fe);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5)}.layer-actions-popover{z-index:20;border:1px solid var(--color-border,#d8dee9);background:var(--color-surface,#fff);width:142px;box-shadow:var(--shadow-md,0 8px 22px #0f172a29);border-radius:8px;gap:2px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.layer-actions-popover button{width:100%;min-height:30px;color:var(--color-text-secondary,#475569);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;padding:5px 7px;font-size:10px}.layer-actions-popover button:hover{background:var(--color-surface-hover,#f1f5f9);color:var(--color-text,#172033)}.layer-actions-popover button:disabled{color:var(--color-text-muted,#94a3b8);background:0 0}.hierarchy-layer-list{gap:2px;margin-inline:-8px}.hierarchy-layer-list .layer-row{grid-template-columns:minmax(0,1fr) 18px repeat(2,24px);padding:2px 1px}.hierarchy-layer-list .layer-row.has-children{grid-template-columns:16px minmax(0,1fr) 18px repeat(2,24px)}.hierarchy-layer-list .layer-row.has-reparent{grid-template-columns:minmax(0,1fr) 18px repeat(3,24px)}.hierarchy-layer-list .layer-row.has-children.has-reparent{grid-template-columns:16px minmax(0,1fr) 18px repeat(3,24px)}.hierarchy-layer-list .layer-row.nested-layer{grid-template-columns:auto minmax(0,1fr) 18px repeat(2,24px)}.hierarchy-layer-list .layer-row.nested-layer.has-children{grid-template-columns:auto 16px minmax(0,1fr) 18px repeat(2,24px)}.hierarchy-layer-list .layer-row.nested-layer.has-reparent{grid-template-columns:auto minmax(0,1fr) 18px repeat(3,24px)}.hierarchy-layer-list .layer-row.nested-layer.has-children.has-reparent{grid-template-columns:auto 16px minmax(0,1fr) 18px repeat(3,24px)}.layer-indent{width:calc(var(--layer-depth,0) * 8px);height:1px;display:block}.layer-expand{background:0 0;border:0;width:16px;height:22px;padding:0}.hierarchy-layer-list .layer-row>button:not(.layer-expand){width:24px;height:26px;padding:2px}.layer-row.frame-layer{font-weight:600}.layer-row.frame-layer .layer-copy small{font-weight:400}.layer-row[style*="--layer-depth: 1"],.layer-row[style*="--layer-depth: 2"],.layer-row[style*="--layer-depth: 3"]{border-left-color:color-mix(in srgb,var(--color-primary,#4f46e5) 45%,transparent)}@container (width<=200px){.layer-filter-row{grid-template-columns:1fr}}.pdf-layer-summary{border:1px solid color-mix(in srgb,var(--color-primary,#4f46e5) 22%,var(--color-border,#dbe2ea));background:color-mix(in srgb,var(--color-primary,#4f46e5) 5%,var(--color-surface,#fff));color:var(--color-text-secondary,#64748b);border-radius:9px;flex-wrap:wrap;align-items:center;gap:5px 7px;margin:8px 0;padding:7px 8px;font-size:9px;line-height:1.3;display:flex}.pdf-layer-summary span{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.pdf-layer-summary strong{color:var(--color-text,#172033);font-size:10px}.pdf-layer-summary-warning{color:#9a3412}.pdf-layer-summary-warning strong{color:#c2410c}.pdf-import-layer .layer-copy small{color:color-mix(in srgb,var(--color-primary,#4f46e5) 54%,var(--color-text-muted,#94a3b8))}.appearance-stack{gap:6px;margin:12px 0;display:grid}.appearance-layer{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);border-radius:9px;overflow:hidden}.appearance-layer>summary{cursor:pointer;list-style:none}.appearance-layer>summary::-webkit-details-marker{display:none}.appearance-layer-header{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;min-height:38px;padding:4px 6px;display:grid}.appearance-layer-header>strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.appearance-layer-header-actions{gap:1px;display:flex}.appearance-layer-header button,.appearance-effect-row button{background:0 0;border:0;width:24px;height:26px;padding:0}.appearance-layer-body{border-top:1px solid var(--color-border,#e2e8f0);background:var(--color-surface-subtle,#f8fafc);padding:8px}.appearance-effect-row{grid-template-columns:28px minmax(0,1fr) 64px 28px;align-items:center;gap:5px;padding:5px;display:grid}.appearance-effect-row select,.appearance-effect-row input{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface,#fff);border-radius:6px;width:100%;min-width:0;padding:5px;font-size:11px}.field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field-grid.four .field input{padding-inline:4px}@media (width<=760px){.draw-tools-toggle{right:8px}.canvas-draw-toolbar{justify-content:flex-start;left:8px;right:8px;overflow-x:auto}.canvas-draw-toolbar button span{display:none}.draw-range{grid-template-columns:auto 54px 34px}.draw-range input{width:54px}.hierarchy-layer-list .layer-row{padding-inline:0}.layer-actions-popover,.layer-help-tooltip{max-width:calc(100vw - 20px)}}.ai-credit-actions{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);align-items:center;gap:8px;padding:10px 11px;display:flex}.ai-credit-actions>div{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ai-credit-actions>div svg{color:var(--color-primary);flex:none}.ai-credit-actions span,.ai-credit-actions b,.ai-credit-actions small{display:block}.ai-credit-actions b{color:var(--color-text-primary);font-size:15px}.ai-credit-actions small{color:var(--color-text-muted);font-size:10px}.billing-actions{gap:14px;margin:18px 0;display:grid}.billing-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.billing-action-grid>section,.billing-plan-actions{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);padding:17px}.proposal-card.requested-proposal{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 16%,transparent)}.proposal-review-page{background:var(--color-surface-secondary);grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.proposal-review-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:minmax(180px,1fr) minmax(0,2fr) minmax(240px,1fr);align-items:center;gap:16px;padding:12px 20px;display:grid}.proposal-review-header button,.proposal-review-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.proposal-review-header>div:nth-child(2){gap:2px;min-width:0;display:grid}.proposal-review-header>div:nth-child(2)>span{color:var(--color-text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.proposal-review-header>div:nth-child(2)>strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.proposal-review-actions{justify-content:flex-end;gap:7px;display:flex}.proposal-review-layout{grid-template-columns:minmax(0,1fr) 275px;min-height:0;display:grid}.proposal-review-canvas{background:#dfe4ea;place-items:start center;min-width:0;min-height:0;padding:32px;display:grid;overflow:auto}.proposal-review-canvas img{max-width:none;height:auto;display:block;box-shadow:0 18px 50px #0f172a47}.proposal-review-sidebar{border-left:1px solid var(--color-border);background:var(--color-surface);align-content:start;gap:15px;padding:20px;display:grid;overflow:auto}.proposal-review-sidebar>div:first-child{gap:4px;display:grid}.proposal-review-sidebar>div:first-child span{color:var(--color-text-muted);text-transform:uppercase;font-size:9px;font-weight:700}.proposal-review-sidebar>div:first-child strong{font-size:14px}.proposal-review-sidebar p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.proposal-review-sidebar dl{grid-template-columns:repeat(3,1fr);gap:7px;margin:0;display:grid}.proposal-review-sidebar dl>div{border:1px solid var(--color-border);background:var(--color-surface-secondary);border-radius:9px;gap:3px;padding:8px;display:grid}.proposal-review-sidebar dt{color:var(--color-text-muted);font-size:8px}.proposal-review-sidebar dd{margin:0;font-size:16px;font-weight:700}.proposal-review-sidebar a{color:var(--color-primary);font-size:11px}.proposal-review-note{background:var(--color-primary-soft);color:var(--color-text-secondary);border-radius:10px;align-items:flex-start;gap:7px;padding:10px;font-size:10px;line-height:1.45;display:flex}.proposal-review-note svg{color:var(--color-primary);flex:none}.proposal-review-message{color:var(--color-text-secondary);align-content:center;place-items:center;gap:12px;display:grid}.billing-action-heading{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.billing-action-heading>svg{color:var(--color-primary);flex:none;margin-top:2px}.billing-action-heading h3,.billing-plan-actions h3{margin:0 0 5px}.billing-action-heading p,.billing-plan-actions p{color:var(--color-text-secondary);margin:0;line-height:1.45}.billing-steps{color:var(--color-text-secondary);gap:5px;margin:13px 0 0;padding-left:20px;font-size:12px;line-height:1.45;display:grid}.billing-card-status{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:38px;color:var(--color-text-secondary);align-items:center;gap:7px;margin-bottom:10px;padding:9px 10px;display:flex}.billing-card-status svg{color:var(--color-success)}.billing-plan-actions{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.billing-plan-options{flex:1;grid-template-columns:repeat(2,minmax(190px,1fr));gap:10px;min-width:0;display:grid}.billing-plan-option{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.billing-plan-option strong,.billing-plan-option span{display:block}.billing-plan-option strong{color:var(--color-text-primary)}.billing-plan-option span{color:var(--color-text-secondary);margin-top:4px;font-size:12px;line-height:1.35}.billing-not-configured{border:1px solid color-mix(in srgb,var(--color-warning) 40%,var(--color-border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-warning) 9%,var(--color-surface-raised));color:var(--color-text-primary);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.billing-not-configured span{color:var(--color-text-secondary);font-size:12px}.billing-actions-compact{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);grid-template-columns:minmax(110px,1fr) minmax(120px,1fr) auto auto;align-items:center;gap:7px;padding:10px;display:grid}.billing-credit-balance{align-items:center;gap:7px;min-width:0;display:flex}.billing-credit-balance svg{color:var(--color-primary);flex:none}.billing-credit-balance span,.billing-credit-balance b,.billing-credit-balance small{display:block}.billing-credit-balance b{color:var(--color-text-primary)}.billing-credit-balance small{color:var(--color-text-muted);font-size:10px}@media (width<=760px){.billing-action-grid{grid-template-columns:1fr}.billing-plan-actions{flex-direction:column;align-items:stretch}.billing-plan-options{grid-template-columns:1fr}.billing-plan-option{flex-direction:column;align-items:flex-start}.billing-plan-option button{width:100%}.billing-actions-compact{grid-template-columns:1fr 1fr}.billing-credit-balance{grid-column:1/-1}.ai-credit-actions{flex-wrap:wrap}.ai-credit-actions>div{flex-basis:100%}}.canvas-stage{box-shadow:none!important;background:0 0!important}.canvas-page-surface{z-index:0;pointer-events:none;background:#fff;border-radius:2px;position:absolute;box-shadow:0 2px 5px #0f172a1a,0 22px 55px #0f172a2b}.canvas-page-surface.transparent{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}:root[data-theme=dark] .canvas-page-surface{box-shadow:0 2px 5px #00000047,0 24px 64px #0000007a}:root[data-theme=dark] .canvas-page-surface.transparent{background-color:#272b35!important;background-image:linear-gradient(45deg,#343945 25%,#0000 25%),linear-gradient(-45deg,#343945 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#343945 75%),linear-gradient(-45deg,#0000 75%,#343945 75%)!important}.canvas-column-grid{z-index:2;grid-template-columns:repeat(var(--column-count),minmax(0,1fr));column-gap:var(--column-gap);pointer-events:none;display:grid;position:absolute;top:0;bottom:0}.canvas-column-grid span{background:color-mix(in srgb,var(--column-color) calc(var(--column-opacity) * 100%),transparent);border-inline:1px solid color-mix(in srgb,var(--column-color) calc((var(--column-opacity) + .08) * 100%),transparent)}.canvas-baseline-grid{z-index:2;pointer-events:none;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--baseline-step) - 1px),color-mix(in srgb,var(--baseline-color) calc(var(--baseline-opacity) * 100%),transparent) calc(var(--baseline-step) - 1px),color-mix(in srgb,var(--baseline-color) calc(var(--baseline-opacity) * 100%),transparent) var(--baseline-step));background-position-y:var(--baseline-offset);position:absolute;inset:0}.canvas-print-safe-area{z-index:4;pointer-events:none;border:1px dashed #f97316;position:absolute;box-shadow:inset 0 0 0 1px #ffffffb8}.canvas-print-safe-area span{color:#fff;background:#f97316;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute;top:4px;right:4px}.professional-grid-panel{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface-subtle,#f8fafc);border-radius:10px;margin:12px 0;padding:10px}.professional-grid-panel .panel-heading{margin:0 0 8px}.professional-grid-panel h4{margin:0}.switch-compact{align-items:center;display:flex}.switch-compact input{width:16px;height:16px}.data-merge-panel{gap:8px;display:grid}.data-merge-panel textarea{resize:vertical;border:1px solid var(--color-border,#d0d5dd);background:var(--color-surface,#fff);width:100%;color:var(--color-text-primary,#172033);border-radius:8px;padding:9px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.data-merge-panel>small{color:var(--color-text-muted,#667085)}.data-merge-panel code{background:var(--color-surface-hover,#eef2f7);border-radius:4px;padding:1px 4px}.design-system-panel,.print-panel{gap:9px;display:grid}.design-style-tabs{gap:4px;padding-bottom:2px;display:flex;overflow:auto}.design-style-tabs button{flex:none;padding:5px 7px;font-size:10px}.design-style-tabs button.active{border-color:var(--color-primary,#4f46e5);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5)}.design-style-list{gap:5px;max-height:260px;display:grid;overflow:auto}.design-style-list article{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);border-radius:8px;grid-template-columns:minmax(0,1fr) 30px 30px;align-items:center;gap:3px;padding:4px;display:grid}.design-style-list article>button{height:29px;padding:4px}.design-style-main{min-width:0;text-align:left!important;background:0 0!important;border:0!important;display:block!important}.design-style-main strong,.design-style-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.design-style-main strong{font-size:11px}.design-style-main small{color:var(--color-text-muted,#667085);font-size:9px}.print-checks{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.print-panel .field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.print-panel .field-grid.four .field span{text-transform:capitalize}.print-panel .field-grid.four input{padding-inline:4px}.ai-design-score{border:1px solid color-mix(in srgb,var(--color-primary,#4f46e5) 25%,var(--color-border,#e2e8f0));background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary,#4f46e5) 7%,var(--color-surface,#fff)),var(--color-surface,#fff));border-radius:12px;gap:9px;padding:12px;display:grid}.ai-design-score>header{justify-content:space-between;align-items:center;display:flex}.ai-design-score>header>div{align-items:center;gap:7px;display:flex}.ai-design-score>header>b{background:var(--color-primary,#4f46e5);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:16px;display:grid}.ai-score-bars{gap:5px;display:grid}.ai-score-bars label{grid-template-columns:minmax(0,1fr) 86px 24px;align-items:center;gap:7px;font-size:10px;display:grid}.ai-score-bars label>span{text-transform:capitalize;color:var(--color-text-secondary,#667085)}.ai-score-bars meter{width:100%;height:8px}.ai-score-bars label>b{text-align:right}.ai-candidate-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.ai-candidate-list button{text-align:left;grid-template-columns:1fr auto;gap:2px;display:grid}.ai-candidate-list button span,.ai-candidate-list button small{grid-column:1}.ai-candidate-list button b{grid-area:1/2/3;align-self:center;font-size:16px}.ai-candidate-list button small{color:var(--color-text-muted,#667085);font-size:9px}.design-preflight-summary{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.design-preflight-summary>div{border:1px solid var(--color-border,#e2e8f0);text-align:center;border-radius:8px;padding:8px}.design-preflight-summary b,.design-preflight-summary span{display:block}.design-preflight-summary span{color:var(--color-text-muted,#667085);font-size:9px}@media (width<=760px){.print-panel .field-grid.four{grid-template-columns:1fr 1fr}.print-checks{grid-template-columns:1fr}.ai-score-bars label{grid-template-columns:minmax(0,1fr) 65px 22px}}.canvas-stage{isolation:isolate;overflow:visible;box-shadow:none!important;background:0 0!important}.canvas-stage>.canvas-container{z-index:2;background:0 0!important;margin:0!important;position:absolute!important;top:0!important;left:0!important}.canvas-stage .lower-canvas,.canvas-stage .upper-canvas{display:block;background:0 0!important;margin:0!important;position:absolute!important;top:0!important;left:0!important}.canvas-stage .lower-canvas{z-index:1}.canvas-stage .upper-canvas{z-index:2}.commons-quick-publish{border-color:color-mix(in srgb,var(--color-primary,#4f46e5) 30%,var(--color-border,#d8dee9));background:color-mix(in srgb,var(--color-primary,#4f46e5) 6%,var(--color-surface,#fff));text-align:left;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin:0 0 10px;padding:10px 11px;display:flex}.commons-quick-publish>span,.commons-quick-publish strong,.commons-quick-publish small{display:block}.commons-quick-publish>span{min-width:0}.commons-quick-publish small{color:var(--color-text-muted,#667085);margin-top:2px;font-size:9px;font-weight:400;line-height:1.3}.commons-intro{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface-subtle,#f8fafc);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;padding:12px 14px;display:flex}.commons-intro>div{align-items:center;gap:10px;display:flex}.commons-intro>div>svg{color:var(--color-primary,#4f46e5)}.commons-intro strong,.commons-intro small{display:block}.commons-intro small{color:var(--color-text-secondary,#667085);margin-top:3px}.commons-pricing-choice{border:1px solid var(--color-primary-border,#c7c3ff);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5);border-radius:9px;align-items:flex-start;gap:8px;padding:10px;display:flex}.commons-pricing-choice.paid{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.commons-pricing-choice>span{gap:2px;display:grid}.commons-pricing-choice strong{font-size:10px}.commons-pricing-choice small{color:var(--color-text-secondary,#64748b);font-size:9px;line-height:1.35}.commons-publish-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;display:grid}.commons-publish-grid>section{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface-raised,#fff);border-radius:12px;padding:14px}.commons-publish-grid h3{margin:0 0 10px}.commons-publish-grid textarea{resize:vertical;border:1px solid var(--color-border,#d0d5dd);background:var(--color-surface,#fff);width:100%;color:var(--color-text-primary,#172033);border-radius:8px;padding:8px}.commons-rights-heading{align-items:flex-start;gap:9px;display:flex}.commons-rights-heading>svg{color:var(--color-primary,#4f46e5);flex:none;margin-top:1px}.commons-rights-heading h3{margin:0 0 4px}.commons-rights-heading p{color:var(--color-text-secondary,#667085);margin:0 0 10px;font-size:11px;line-height:1.4}.field-with-icon{align-items:center;gap:6px;display:flex}.field-with-icon input{flex:1;min-width:0}.commons-attestations{gap:7px;margin:12px 0;display:grid}.commons-attestations label{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface-subtle,#f8fafc);border-radius:8px;align-items:flex-start;gap:8px;padding:8px;font-size:11px;line-height:1.4;display:flex}.commons-attestations input{flex:none;margin-top:2px}.commons-validation{border-radius:8px;align-items:center;gap:7px;padding:9px 10px;font-size:11px;font-weight:700;display:flex}.commons-validation.valid{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0}.commons-validation.invalid{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.commons-earning-note{background:color-mix(in srgb,var(--color-primary,#4f46e5) 7%,var(--color-surface,#fff));color:var(--color-text-secondary,#667085);border-radius:8px;align-items:center;gap:7px;padding:9px;font-size:11px;display:flex}.commons-rights-badge{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;margin-top:5px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-flex}.commons-attestations label strong,.commons-attestations label small{display:block}.commons-attestations label small{color:var(--color-text-muted,#667085);margin-top:3px;font-size:10px}.ai-asset-workflow{border:1px solid color-mix(in srgb,var(--color-primary,#4f46e5) 25%,var(--color-border,#e2e8f0));background:color-mix(in srgb,var(--color-primary,#4f46e5) 4%,var(--color-surface,#fff));border-radius:11px;gap:9px;padding:11px;display:grid}.ai-asset-workflow>label{gap:5px;font-size:11px;display:grid}.ai-asset-workflow input,.ai-asset-workflow select{border:1px solid var(--color-border,#d0d5dd);background:var(--color-surface,#fff);width:100%;min-width:0;color:var(--color-text-primary,#172033);border-radius:8px;padding:8px}.ai-asset-workflow small{color:var(--color-text-muted,#667085);line-height:1.4}.ai-theme-summary{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface-subtle,#f8fafc);border-radius:9px;gap:4px;padding:9px 10px;display:grid}.ai-theme-summary b,.ai-theme-summary span{display:block}.ai-theme-summary span{color:var(--color-text-secondary,#667085);font-size:10px}.ai-theme-summary>div{gap:4px;margin-top:3px;display:flex}.ai-theme-summary i{border:1px solid #0000001a;border-radius:50%;width:18px;height:18px}.ai-asset-request-list{gap:6px;max-height:280px;display:grid;overflow:auto}.ai-asset-request-list article{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:8px;display:grid}.ai-asset-request-list article>div b,.ai-asset-request-list article>div span{display:block}.ai-asset-request-list article>div span,.ai-asset-request-list small{color:var(--color-text-muted,#667085);font-size:9px}.ai-asset-request-list small{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.ai-asset-request-list em{background:var(--color-surface-hover,#eef2f7);color:var(--color-text-secondary,#667085);text-transform:capitalize;border-radius:999px;align-self:start;padding:2px 5px;font-size:8px;font-style:normal}.ai-asset-request-list em.resolved{color:#166534;background:#ecfdf5}.canvas-stage>.canvas-container,.canvas-stage .lower-canvas,.canvas-stage .upper-canvas{background-color:#0000!important;background-image:none!important}@media (width<=760px){.commons-publish-grid{grid-template-columns:1fr}.commons-intro{flex-direction:column;align-items:flex-start}}.ai-mode-tabs{background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:5px;padding:7px 10px;display:grid}.ai-mode-tabs button{background:#f1f5f9;border:0}.ai-mode-tabs button.active{color:#5b21b6;background:#ede9fe;box-shadow:inset 0 0 0 1px #c4b5fd}.ai-agent-start>p,.ai-agent-status-card>p{margin-top:0}.ai-request-assets{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;margin:11px 0;padding:10px}.ai-request-assets .ai-card-heading{margin-bottom:3px}.ai-request-assets small{color:#475569;margin-top:8px;display:block}.ai-paste-hint{color:#6d28d9;pointer-events:none;background:#f5f3ff;border:2px dashed #c4b5fd;border-radius:9px;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.ai-request-asset-grid{grid-template-columns:repeat(3,1fr);gap:7px;max-height:250px;display:grid;overflow:auto}.ai-request-asset-choice{background:#fff;border:1px solid #cbd5e1;border-radius:9px;overflow:hidden}.ai-request-asset-choice.selected{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed24}.ai-request-asset-choice>img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.ai-request-asset-choice>div{gap:3px;padding:4px;display:grid}.ai-request-asset-choice button{border-radius:5px;min-height:24px;padding:3px 5px;font-size:8px;line-height:1.1}.ai-request-asset-choice button.active{color:#5b21b6;background:#ede9fe;border-color:#7c3aed}.ai-agent-intent{background:#f5f3ff;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.ai-agent-intent b{text-transform:capitalize}.ai-agent-intent span{color:#6d28d9;font-size:10px}.ai-agent-understanding{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface-subtle,#f8fafc);border-radius:9px;gap:5px;margin:8px 0;padding:9px 10px;display:grid}.ai-agent-understanding span{color:var(--color-text-secondary,#64748b);grid-template-columns:74px minmax(0,1fr);gap:7px;font-size:10px;line-height:1.35;display:grid}.ai-agent-understanding b{color:var(--color-text-primary,#172033)}.ai-agent-controls{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ai-agent-task-list{gap:4px;display:grid}.ai-agent-task-list>div{color:#64748b;background:#f8fafc;border-radius:8px;grid-template-columns:22px 1fr;align-items:start;padding:7px;display:grid}.ai-agent-task-list>div.in_progress{color:#9a3412;background:#fff7ed}.ai-agent-task-list>div.completed{color:#166534;background:#f0fdf4}.ai-agent-task-dot{text-align:center;font-weight:800}.ai-agent-task-list b,.ai-agent-task-list small{display:block}.ai-agent-task-list b{font-size:11px}.ai-agent-task-list small{margin-top:2px;font-size:9px;line-height:1.3}.ai-agent-questions p{color:#1e3a8a;background:#eff6ff;border-radius:8px;padding:7px 9px}.ai-agent-questions textarea,.ai-agent-steering textarea{width:100%;margin-bottom:8px}.ai-agent-concept-mini{gap:6px;margin:8px 0;display:grid}.ai-agent-concept-mini button{text-align:left;justify-items:start;display:grid}.ai-agent-concept-mini button.selected{background:#f5f3ff;border-color:#7c3aed}.ai-agent-concept-mini b,.ai-agent-concept-mini span{display:block}.ai-agent-concept-mini span{color:#64748b;font-size:9px;line-height:1.3}.ai-agent-finished.completed{border-color:#bbf7d0}.ai-agent-finished.cancelled,.ai-agent-finished.failed{border-color:#fecaca}.modal.ai-concept-modal{width:min(1460px,98vw);height:min(950px,96vh);max-height:96vh}.ai-concept-modal .modal-body{padding:14px;overflow:auto}.ai-concept-understanding,.ai-concept-intro{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.ai-concept-understanding{border:1px solid var(--color-border,#dbe2ea);background:var(--color-surface-subtle,#f8fafc);color:var(--color-text-primary,#172033);margin-bottom:10px}.ai-concept-intro{color:#4c1d95;background:#f5f3ff;border:1px solid #c4b5fd}.ai-concept-step-badge{color:#5b21b6;text-transform:uppercase;letter-spacing:.04em;background:#ede9fe;border-radius:999px;flex:none;padding:4px 7px;font-size:9px;font-weight:800}.ai-concept-understanding strong,.ai-concept-understanding p,.ai-concept-intro strong,.ai-concept-intro p{display:block}.ai-concept-understanding p,.ai-concept-intro p{margin:3px 0 0;font-size:11px;line-height:1.45}.ai-concept-understanding p{color:var(--color-text-secondary,#64748b)}.ai-concept-intro p{color:#6d28d9}.ai-concept-understanding-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ai-concept-understanding-meta span{border:1px solid var(--color-border,#dbe2ea);background:var(--color-surface,#fff);color:var(--color-text-secondary,#64748b);border-radius:999px;gap:5px;padding:4px 7px;font-size:9px;line-height:1.2;display:flex}.ai-concept-understanding-meta b{color:var(--color-text-primary,#172033)}.ai-concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.ai-concept-card{border:1px solid var(--color-border,#dbe2ea);background:var(--color-surface,#fff);border-radius:13px;flex-direction:column;gap:8px;min-width:0;padding:10px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.ai-concept-card:hover{transform:translateY(-1px)}.ai-concept-card.selected{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.ai-concept-preview{background:#e2e8f0;border-radius:9px;width:100%;height:350px;padding:0;display:block;overflow:hidden}.ai-concept-preview>img{object-fit:contain;background:#dfe3ea;width:100%;height:100%;display:block}.ai-concept-preview .ai-preview-canvas-host{border:0;border-radius:0;height:350px;padding:8px}.ai-concept-copy>div{align-items:flex-start;gap:8px;display:flex}.ai-concept-copy strong,.ai-concept-copy small{display:block}.ai-concept-copy small{color:#7c3aed;margin-top:2px;font-size:9px}.ai-concept-copy p{min-height:46px;color:var(--color-text-secondary,#64748b);margin:6px 0 0;font-size:11px;line-height:1.4}.ai-concept-number{color:#5b21b6;background:#ede9fe;border-radius:7px;flex:0 0 25px;place-items:center;height:25px;font-weight:800;display:grid}.ai-concept-preview-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:flex-start;gap:6px;padding:7px 8px;font-size:9px;line-height:1.35;display:flex}.ai-concept-preview-warning svg{flex:none}.ai-concept-card details{color:var(--color-text-secondary,#475569);font-size:10px}.ai-concept-card details summary{cursor:pointer;font-weight:700}.ai-concept-card details p{font-size:10px}.ai-concept-card details code{text-overflow:ellipsis;white-space:nowrap;margin:5px 0;display:block;overflow:hidden}.ai-concept-card details ul{margin:5px 0;padding-left:17px}.ai-concept-missing{color:#64748b;text-align:center;align-content:center;place-items:center;gap:7px;height:100%;padding:20px;display:grid}.ai-concept-refine{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface-subtle,#f8fafc);border-radius:12px;grid-template-columns:minmax(250px,.75fr) minmax(340px,1.25fr);align-items:start;gap:12px;padding:13px;display:grid}.ai-concept-refine p{color:var(--color-text-secondary,#64748b);margin:4px 0 0;font-size:11px;line-height:1.45}.ai-concept-refine textarea{resize:vertical;width:100%}.ai-concept-refine textarea:disabled{opacity:.68}.ai-concept-refine .modal-actions{grid-column:1/-1;margin:0}.ai-concept-actions{flex-wrap:wrap;justify-content:flex-end;display:flex}.ai-concept-actions .primary{margin-left:auto}@media (width<=1000px){.ai-concept-grid{grid-template-columns:1fr}.ai-concept-card{grid-template-columns:minmax(260px,.9fr) minmax(240px,1.1fr);align-items:start;display:grid}.ai-concept-preview{grid-row:1/7;height:320px}.ai-concept-preview .ai-preview-canvas-host{height:320px}.ai-concept-refine{grid-template-columns:1fr}.ai-concept-refine .modal-actions{grid-column:1}}@media (width<=650px){.ai-request-asset-grid{grid-template-columns:repeat(3,1fr)}.ai-agent-controls{grid-template-columns:1fr}.ai-concept-understanding,.ai-concept-intro{flex-wrap:wrap}.ai-concept-card{display:flex}.ai-concept-preview,.ai-concept-preview .ai-preview-canvas-host{height:285px}.ai-concept-refine .modal-actions{grid-template-columns:1fr;display:grid}.ai-concept-actions .primary{margin-left:0}}.professional-document-panel,.accessibility-panel{gap:12px;display:grid}.professional-feature-card,.governance-panel,.product-diagnostics-panel{border:1px solid var(--color-border,#dfe4ec);background:var(--color-surface,#fff);border-radius:12px;padding:14px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-heading h4,.accessibility-panel h4{color:var(--color-text,#172033);align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.panel-heading small{color:var(--color-text-muted,#667085);margin-top:4px;font-size:10px;line-height:1.4;display:block}.master-page-list,.variant-tabs{gap:6px;display:grid}.master-page-list article{border:1px solid var(--color-border,#dfe4ec);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.master-page-list article.active{background:#f2f1ff;border-color:#7771ef}.master-page-list article>button{text-align:left;background:0 0;border:0;justify-content:flex-start}.master-page-list article>div{padding-right:5px;display:flex}.master-page-list article>div button{background:0 0;border:0;padding:5px}.master-page-preview{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:4px;place-items:center;width:30px;height:38px;font-size:10px;display:grid}.master-page-list b,.master-page-list small{display:block}.master-page-list small{color:#667085;font-size:9px}.variant-tabs>button,.variant-tabs>div{width:100%}.variant-tabs>div{grid-template-columns:minmax(0,1fr) 30px;display:grid}.variant-tabs button{justify-content:flex-start;font-size:10px}.variant-tabs button.active{color:#4338ca;background:#eeedff;border-color:#7771ef}.variant-presets{grid-template-columns:1fr 1fr;gap:6px;display:grid}.variant-presets button{text-align:left;grid-template-columns:auto 1fr;justify-content:start;font-size:10px;display:grid}.variant-presets small{color:#667085;grid-column:2}.professional-document-panel .field-grid{grid-template-columns:1fr 1fr}.professional-document-panel .field-grid .field:first-child{grid-column:1/-1}.asset-match-score{color:#4338ca;background:#eef2ff;border-radius:10px;margin:3px auto 0;padding:2px 5px;width:auto!important;font-size:8px!important;display:inline-flex!important}.collaboration-bar{align-items:center;gap:5px;margin-left:8px;display:flex}.collaboration-bar>button{text-transform:capitalize;border-radius:16px;height:28px;padding:3px 7px;font-size:10px}.collaboration-bar>button.active{color:#15803d;background:#f0fdf4;border-color:#86efac}.collaboration-bar.reconnecting>button{color:#a16207;background:#fffbeb;border-color:#fde68a}.collaborator-presence{align-items:center;gap:2px;display:flex}.collaborator-presence>span{color:#fff;background:#4f46e5;border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-5px;font-size:8px;font-weight:800;display:grid}.collaborator-presence small{color:#667085;padding-left:3px;font-size:9px}.collaborator-selection{border:2px solid var(--collaborator-colour);transform-origin:50%;position:absolute;box-shadow:0 0 0 1px #fff8}.collaborator-selection span{background:var(--collaborator-colour);color:#fff;white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:9px;position:absolute;top:-20px;left:-2px}.command-palette-backdrop{z-index:500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a66;justify-content:center;align-items:flex-start;padding-top:min(18vh,150px);display:flex;position:fixed;inset:0}.command-palette{background:var(--color-surface,#fff);border:1px solid #fff4;border-radius:16px;width:min(640px,100vw - 24px);max-height:min(70vh,620px);overflow:hidden;box-shadow:0 28px 80px #0f172a55}.command-palette>label{border-bottom:1px solid var(--color-border,#e2e8f0);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 15px;display:grid}.command-palette input{color:var(--color-text,#172033);background:0 0;border:0;outline:0;font-size:15px}.command-palette kbd{border:1px solid var(--color-border,#d8dee9);background:var(--color-bg-muted,#f8fafc);color:#64748b;border-radius:5px;padding:2px 6px;font-size:9px}.command-palette>div{max-height:520px;padding:7px;overflow:auto}.command-palette>div button{background:0 0;border:0;justify-content:flex-start;width:100%;padding:10px}.command-palette>div button.first{color:#4338ca;background:#eef2ff}.command-palette>div button span{text-align:left;flex:1;min-width:0}.command-palette>div p{text-align:center;color:#64748b;padding:18px}.mobile-workspace-controls{display:none}.accessibility-score{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:10px;display:grid}.accessibility-score>span b,.accessibility-score>span small{display:block}.accessibility-score>span b{font-size:22px}.accessibility-score>span small{color:#475569;font-size:9px}.accessibility-score>div{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.accessibility-score em{background:#fff;border-radius:9px;padding:2px 5px;font-size:8px;font-style:normal}.accessibility-score em.warning{color:#b45309}.accessibility-score em.critical{color:#b42318}.accessibility-issue-list{gap:5px;display:grid}.accessibility-issue-list button{text-align:left;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;display:grid}.accessibility-issue-list button>span{color:#92400e;background:#fef3c7;border-radius:50%;place-items:center;width:18px;height:18px;font-weight:800;display:grid}.accessibility-issue-list b,.accessibility-issue-list small{display:block}.accessibility-issue-list b{text-transform:capitalize;font-size:10px}.accessibility-issue-list small{color:#667085;margin-top:2px;font-size:9px;line-height:1.35}.governance-panel,.product-diagnostics-panel{margin-top:18px}.governance-panel .section-heading h3,.product-diagnostics-panel .section-heading h3{align-items:center;gap:7px;display:flex}.governance-checks{grid-template-columns:1fr 1fr;gap:4px 14px;display:grid}.diagnostic-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.diagnostic-summary article{border:1px solid var(--color-border,#dfe4ec);border-radius:9px;padding:10px}.diagnostic-summary span,.diagnostic-summary b{display:block}.diagnostic-summary span{color:#667085;font-size:9px}.diagnostic-summary b{margin-top:4px;font-size:13px}.diagnostic-events{gap:4px;margin-top:10px;display:grid}.diagnostic-events>div{background:var(--color-bg-muted,#f8fafc);border-radius:6px;justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.diagnostic-events code{font-size:9px}.diagnostic-events b{font-size:10px}.button-row.compact{margin:0}.button-row.compact button{flex:none}.ai-agent-task-list>article{grid-template-columns:24px minmax(0,1fr) auto}.ai-agent-task-actions{gap:3px;display:flex}.ai-agent-task-actions button{padding:4px;font-size:9px}.fidelity-score ul{color:#64748b;margin:8px 0 0;padding-left:18px;font-size:10px;line-height:1.45}.commons-rights-evidence{background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;padding:10px}@media (width<=900px){.mobile-workspace-controls{z-index:180;background:color-mix(in srgb,var(--color-surface,#fff) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff80;border-radius:16px;grid-template-columns:repeat(5,1fr);padding:5px;display:grid;position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 14px 40px #0f172a33}.mobile-workspace-controls button{background:0 0;border:0;flex-direction:column;gap:1px;padding:5px;font-size:9px;display:flex}.mobile-workspace-controls button.active{color:#4338ca;background:#eeedff}.left-panel,.right-panel{height:min(68vh,100vh - 144px);max-height:68vh;border:1px solid var(--color-border,#dfe4ec)!important;z-index:160!important;border-radius:15px!important;width:auto!important;position:fixed!important;inset:auto 8px 70px!important;overflow:hidden!important;box-shadow:0 20px 60px #0f172a3d!important}.left-panel{grid-template-columns:52px minmax(0,1fr)!important}.right-panel{overflow:auto!important}.side-content{overscroll-behavior:contain;height:100%;min-height:0;max-height:none;overflow-y:auto}.panel-resizer{display:none!important}.page-strip{padding-bottom:70px}.canvas-scroll{padding:34px 24px 110px}.zoom-control{bottom:76px}.collaboration-bar{margin-left:2px}.collaboration-bar>button{font-size:0}.collaboration-bar>button svg{margin:0}.document-title input{width:min(46vw,280px)}.professional-document-panel .field-grid,.governance-checks,.diagnostic-summary{grid-template-columns:1fr}.professional-document-panel .field-grid .field:first-child{grid-column:auto}}@media (width<=560px){.variant-presets{grid-template-columns:1fr}.command-palette-backdrop{padding-top:9vh}.collaborator-presence>span{width:22px;height:22px}.collaborator-presence svg{display:none}.diagnostic-summary{grid-template-columns:1fr 1fr}.diagnostic-summary article:last-child{grid-column:1/-1}}.ai-learned-preferences,.asset-intelligence-note{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;font-size:9px;display:flex}.ai-learned-preferences button{padding:3px 6px;font-size:8px}.asset-intelligence-note{color:#475569;flex-direction:column;align-items:flex-start;margin:8px 0}.asset-intelligence-note b,.asset-intelligence-note span{display:block}.asset-intelligence-note span{font-size:8px;line-height:1.4}.ai-agent-task-list>div{grid-template-columns:24px minmax(0,1fr) auto}.ai-agent-history-list{gap:6px;display:grid}.ai-agent-history-list button{text-align:left;border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 11px;display:flex}.ai-agent-history-list button b,.ai-agent-history-list button span,.ai-agent-history-list button small{display:block}.ai-agent-history-list button span{color:var(--color-text-secondary);margin-top:3px;font-size:10px;line-height:1.35}.ai-agent-history-list button small{color:var(--color-text-muted);white-space:nowrap;font-size:9px}.ai-agent-event-list{gap:6px;max-height:320px;display:grid;overflow:auto}.ai-agent-event-list article{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:9px;padding:8px 9px}.ai-agent-event-list article>div{justify-content:space-between;gap:8px;display:flex}.ai-agent-event-list b{text-transform:capitalize;font-size:10px}.ai-agent-event-list small{color:var(--color-text-muted);font-size:9px}.ai-agent-event-list span{color:var(--color-text-secondary);margin-top:3px;font-size:10px;line-height:1.35;display:block}.ai-agent-event-list code{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8px;line-height:1.35;display:block;overflow:hidden}.modal.ai-stage-modal{width:min(1320px,96vw);max-height:94vh}.ai-stage-summary p{color:var(--color-text-secondary);margin:0 0 10px}.ai-stage-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.ai-stage-meta span{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-secondary);border-radius:999px;gap:5px;padding:6px 8px;font-size:10px;display:flex}.ai-stage-meta b{color:var(--color-text)}.ai-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ai-stage-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;gap:8px;padding:10px;display:grid}.ai-stage-preview{background:var(--color-bg-canvas);border-radius:10px;min-height:250px;overflow:hidden}.ai-stage-preview>img{object-fit:contain;background:var(--color-bg-canvas);width:100%;height:100%;display:block}.ai-stage-card p{color:var(--color-text-secondary);margin:4px 0 0;font-size:11px;line-height:1.45}.ai-stage-compile-layout{grid-template-columns:minmax(0,1.3fr) 280px;align-items:start;gap:14px;display:grid}.ai-stage-compile-main .ai-preview-canvas-host{min-height:440px}.ai-stage-source-note{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:12px;gap:8px;padding:10px;display:grid}.ai-stage-source-note img,.ai-preview-source-layout img{background:var(--color-bg-canvas);border-radius:10px;width:100%}.ai-preview-source{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:14px;gap:10px;padding:12px;display:grid}.ai-preview-source header{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-preview-source header>div{align-items:center;gap:7px;display:flex}.ai-preview-source-layout{grid-template-columns:110px minmax(0,1fr);align-items:start;gap:12px;display:grid}.ai-preview-source-layout p{color:var(--color-text-secondary);margin:6px 0 0;font-size:11px;line-height:1.45}.ai-design-score small{color:var(--color-text-secondary);margin-top:8px;font-size:10px;line-height:1.4;display:block}:root[data-theme=dark] .modal{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}:root[data-theme=dark] .modal>header,:root[data-theme=dark] .ai-panel-header,:root[data-theme=dark] .ai-mode-tabs{background:var(--color-surface-raised);border-color:var(--color-border)}:root[data-theme=dark] .ai-panel{background:var(--color-surface-muted);border-color:var(--color-border);box-shadow:var(--shadow-lg)}:root[data-theme=dark] .ai-card,:root[data-theme=dark] .ai-request-assets,:root[data-theme=dark] .ai-request-asset-choice,:root[data-theme=dark] .ai-agent-task-list>div,:root[data-theme=dark] .ai-agent-intent,:root[data-theme=dark] .ai-concept-card,:root[data-theme=dark] .ai-concept-refine,:root[data-theme=dark] .ai-preview-summary-grid>div,:root[data-theme=dark] .ai-design-score,:root[data-theme=dark] .ai-preview-findings,:root[data-theme=dark] .ai-preview-source{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}:root[data-theme=dark] .ai-concept-understanding,:root[data-theme=dark] .ai-stage-source-note,:root[data-theme=dark] .ai-stage-card,:root[data-theme=dark] .ai-agent-history-list button{background:var(--color-surface-raised);border-color:var(--color-border)}:root[data-theme=dark] .ai-concept-intro{background:color-mix(in srgb,var(--color-primary-soft) 80%,var(--color-surface));border-color:var(--color-primary-border);color:#d9ceff}:root[data-theme=dark] .ai-concept-understanding p,:root[data-theme=dark] .ai-card p,:root[data-theme=dark] .ai-preview-source-layout p,:root[data-theme=dark] .ai-stage-card p{color:var(--color-text-secondary)}:root[data-theme=dark] .ai-request-asset-grid button,:root[data-theme=dark] .ai-concept-preview,:root[data-theme=dark] .ai-stage-preview{background:var(--color-bg-canvas)}:root[data-theme=dark] .ai-preview-safety.ready{background:var(--color-success-soft);color:var(--color-success)}:root[data-theme=dark] .ai-preview-safety.blocked{background:var(--color-danger-soft);color:var(--color-danger)}@media (width<=980px){.ai-stage-grid,.ai-stage-compile-layout,.ai-preview-source-layout{grid-template-columns:1fr}}.modal{grid-template-rows:auto minmax(0,1fr);display:grid}.modal-body{overscroll-behavior:contain;min-height:0}.modal.ai-concept-modal .modal-body{scrollbar-gutter:stable;height:auto;min-height:0;max-height:none;overflow:hidden auto}.ai-concept-progress{color:#4c1d95;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:9px;grid-column:1/-1;align-items:center;gap:9px;padding:10px 12px;display:flex}.ai-concept-progress svg{flex:none}.ai-concept-progress strong,.ai-concept-progress span{display:block}.ai-concept-progress span{color:#6d28d9;margin-top:2px;font-size:10px}.ai-agent-resume-note{color:#166534;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9px;gap:3px;padding:9px 10px;display:grid}.ai-agent-resume-note span{font-size:10px;line-height:1.4}.ai-hybrid-note{border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));background:color-mix(in srgb,var(--color-primary-soft) 65%,var(--color-surface));color:var(--color-text);border-radius:14px;gap:8px;padding:12px;display:grid}.ai-hybrid-note header{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-hybrid-note header>div{align-items:center;gap:7px;display:flex}.ai-hybrid-note header>b{text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);font-size:10px}.ai-hybrid-note p{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.45}.ai-preview-page-tabs button.exact-preview-page{border-color:color-mix(in srgb,var(--color-success) 55%,var(--color-border));background:var(--color-success-soft)}.ai-preview-page-tabs button.exact-preview-page small{color:var(--color-success)}:root[data-theme=dark] .ai-hybrid-note{background:color-mix(in srgb,var(--color-primary-soft) 45%,var(--color-surface));border-color:var(--color-primary-border)}.create-design-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.new-design .import-powerpoint-card{border:1px dashed color-mix(in srgb,var(--color-accent,#6d5dfc) 55%,var(--color-border,#d8dee8));background:color-mix(in srgb,var(--color-accent,#6d5dfc) 7%,var(--color-surface,#fff));text-align:left;justify-content:center;align-items:flex-start;height:auto;min-height:100px;position:relative;overflow:hidden}.new-design .import-powerpoint-card:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent,#6d5dfc) 12%,var(--color-surface,#fff));border-style:solid;transform:translateY(-1px)}.new-design .import-powerpoint-card:disabled{cursor:progress;opacity:.72}.import-powerpoint-icon{color:var(--color-accent,#6d5dfc);align-items:flex-end;gap:2px;margin-bottom:5px;display:flex}.import-powerpoint-card small{line-height:1.35}@media (width<=430px){.create-design-grid{grid-template-columns:1fr 1fr}.new-design .import-powerpoint-card{grid-column:1/-1}}.colour-picker-control{width:100%;min-width:0;position:relative}.colour-picker-trigger{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:34px;color:var(--color-text);box-shadow:none;font-family:var(--font-mono);border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;padding:5px 8px;font-size:10px;display:flex}.colour-picker-trigger:hover{border-color:var(--color-primary-border);background:var(--color-surface-hover)}.colour-picker-trigger-swatch,.colour-picker-current{border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);background:var(--swatch-colour);border-radius:6px;flex:none;width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #ffffff2e}.colour-picker-control.compact{width:auto}.colour-picker-control.compact .colour-picker-trigger{width:34px;min-width:34px;height:32px;min-height:32px;padding:4px}.colour-picker-control.compact .colour-picker-trigger-swatch{width:24px;height:24px}.colour-picker-field{gap:5px;display:grid}.colour-picker-popover{z-index:10050;border:1px solid var(--color-border-strong);background:var(--color-surface);width:328px;max-width:calc(100vw - 20px);max-height:72vh;box-shadow:var(--shadow-lg);color:var(--color-text);animation:cf-modal-in var(--duration-normal) var(--ease-enter);border-radius:14px;padding:12px;position:fixed;overflow:auto}.colour-picker-header{z-index:2;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:auto minmax(0,1fr);align-items:end;gap:10px;margin:-12px -12px 10px;padding:12px;display:grid;position:sticky;top:-12px}.colour-picker-current{border-radius:9px;width:34px;height:34px}.colour-picker-header label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;gap:4px;font-size:9px;font-weight:650;display:grid}.colour-picker-header input{border:1px solid var(--color-border);background:var(--color-surface-muted);height:34px;color:var(--color-text);font-family:var(--font-mono);text-transform:uppercase;border-radius:8px;padding:7px 9px}.colour-picker-popover section{gap:7px;margin:11px 0;display:grid}.colour-picker-popover section>strong{color:var(--color-text-secondary);font-size:10px}.colour-picker-group{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:7px;display:grid}.colour-picker-group>span{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:8px;font-weight:650;overflow:hidden}.colour-picker-swatches{grid-template-columns:repeat(8,minmax(24px,1fr));gap:5px;display:grid}.colour-picker-swatches button{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--color-text) 17%,transparent);background:var(--swatch-colour);border-radius:7px;place-items:center;width:100%;min-width:0;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff29}.colour-picker-swatches button:hover{z-index:1;border-color:var(--color-primary);transform:scale(1.12);box-shadow:0 4px 12px #0f172a33}.colour-picker-swatches button.selected{outline:2px solid var(--color-primary);outline-offset:1px}.colour-picker-swatches button svg{color:#fff;filter:drop-shadow(0 1px 2px #000000bf)}.colour-picker-popover footer{border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:7px;margin:10px -12px -12px;padding:10px 12px;display:flex;position:sticky;bottom:-12px}.colour-picker-popover footer button,.colour-picker-spectrum{border:1px solid var(--color-border);background:var(--color-surface-muted);min-height:34px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 9px;font-size:9px;font-weight:650;display:flex;position:relative}.colour-picker-spectrum input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.colour-picker-popover footer button:hover,.colour-picker-spectrum:hover{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary)}.canvas-draw-toolbar>.colour-picker-control{flex:none;width:auto}.design-thumb{border:1px solid var(--color-border);background:linear-gradient(145deg,var(--color-surface-muted),var(--color-bg-canvas));border-radius:11px;place-items:center;height:176px;margin:0 0 11px;display:grid;position:relative;overflow:hidden}.design-thumb-stage{background:var(--color-bg-canvas);border-radius:7px;place-items:center;display:grid;position:absolute;inset:9px;overflow:hidden}.design-thumb-stage>img{object-fit:contain;background:var(--color-bg-canvas);width:100%;height:100%;display:block}.design-thumb-stage .ai-preview-canvas-host.compact{background:var(--color-bg-canvas);border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:4px}.design-thumb-stage .ai-preview-canvas-host.compact.transparent{background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.design-thumb-stage .ai-preview-canvas-host.compact .ai-preview-canvas-frame{box-shadow:0 7px 18px #0f172a38}.design-thumb-placeholder{width:100%;height:100%;color:var(--color-text-muted);background:linear-gradient(110deg,var(--color-surface-muted) 30%,var(--color-surface) 50%,var(--color-surface-muted) 70%);background-size:220% 100%;align-content:center;place-items:center;gap:7px;font-size:9px;animation:1.5s linear infinite cf-preview-loading;display:grid}.design-thumb-placeholder.failed{background:var(--color-surface-muted);animation:none}.design-thumb-size,.design-thumb-pages{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab8;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:4px;padding:4px 6px;font-size:8px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:8px}.design-thumb-size{left:8px}.design-thumb-pages{right:8px}.design-card:hover .design-thumb-stage{transform:scale(1.012)}.design-thumb-stage{transition:transform var(--duration-slow) var(--ease-standard)}.design-grid.list-view .design-thumb{width:86px;height:62px;margin:0;aspect-ratio:auto!important}.design-grid.list-view .design-thumb-stage{inset:4px}.design-grid.list-view .design-thumb-size{display:none}.design-grid.list-view .design-thumb-pages{padding:3px 4px;bottom:3px;right:3px}.design-grid.list-view .design-card>.design-open{grid-template-columns:86px minmax(0,1fr) auto}@keyframes cf-preview-loading{to{background-position:-220% 0}}@media (width<=480px){.colour-picker-popover{width:calc(100vw - 20px)}.colour-picker-group{grid-template-columns:64px minmax(0,1fr)}.colour-picker-swatches{grid-template-columns:repeat(8,minmax(20px,1fr))}.design-thumb{height:140px}}.dashboard{isolation:isolate;background:radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 25%), radial-gradient(circle at 88% 0,color-mix(in srgb,var(--color-primary) 11%,transparent),transparent 31%), var(--color-bg-app);padding-top:18px;position:relative}.dashboard:before{content:"";z-index:-1;pointer-events:none;opacity:.3;background-image:linear-gradient(color-mix(in srgb,var(--color-border) 30%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-border) 30%,transparent) 1px,transparent 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.dashboard-header{min-height:66px;animation:dc-dashboard-enter .48s var(--ease-enter) both;margin:-18px calc(-1*clamp(24px,5vw,76px)) 0;padding:12px clamp(24px,5vw,76px);top:-18px}.dashboard-brand{min-width:max-content}.dashboard-brand>span{position:relative;overflow:hidden}.dashboard-brand>span:after{content:"";background:#ffffff7a;width:45%;animation:5s ease-in-out 1.2s infinite dc-brand-shine;position:absolute;inset:-60% auto -60% -80%;transform:rotate(24deg)}.dashboard-brand p{align-items:center;gap:5px;display:flex}.dashboard-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.workspace-switcher{border:1px solid var(--color-border);background:var(--color-surface);min-width:172px;box-shadow:var(--shadow-xs);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:11px;gap:2px;padding:4px 9px 5px;font-size:8px;font-weight:740;display:grid}.workspace-switcher select{width:100%;min-width:0;height:20px;box-shadow:none;color:var(--color-text);text-transform:none;letter-spacing:normal;background:0 0;border:0;border-radius:0;padding:0 24px 0 0;font-size:11px;font-weight:650}.header-action{height:38px;min-height:38px;box-shadow:none;background:0 0;border-color:#0000;padding-inline:10px}.header-action:hover{border-color:var(--color-border);background:var(--color-surface)}.credit-button{border-color:var(--color-primary-border);background:var(--color-primary-soft);height:38px;min-height:38px;color:var(--color-primary);box-shadow:none;padding:5px 10px}.credit-button strong{font-size:12px}.credit-button span{color:var(--color-text-secondary);font-size:9px}.profile-button{border-color:var(--color-border);background:var(--color-surface);width:38px;height:38px;min-height:38px;box-shadow:var(--shadow-xs);border-radius:12px;padding:0}.profile-button>span{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;font-weight:780;display:grid}.profile-button>svg{display:none}.dashboard-mobile-nav{display:none;position:relative}.dashboard-hero{background:linear-gradient(130deg,color-mix(in srgb,var(--color-primary) 13%,var(--color-surface)),var(--color-surface) 48%,color-mix(in srgb,var(--color-accent) 12%,var(--color-surface)));min-height:300px;animation:dc-dashboard-enter .56s var(--ease-enter) 60ms both;border-radius:28px;align-items:stretch;padding:48px clamp(28px,4.5vw,66px);box-shadow:0 18px 50px #0f172a12}.dashboard-hero:before{content:"";background:radial-gradient(circle at 70% 24%,color-mix(in srgb,var(--color-primary) 15%,transparent),transparent 26%),radial-gradient(circle at 92% 86%,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 28%);animation:9s ease-in-out infinite alternate dc-gradient-shift;position:absolute;inset:0}.dashboard-hero:after{border-width:1px;border-color:color-mix(in srgb,var(--color-primary) 20%,transparent);width:280px;height:280px;box-shadow:0 0 0 44px color-mix(in srgb,var(--color-primary) 4%,transparent),0 0 0 88px color-mix(in srgb,var(--color-accent) 3%,transparent);top:4%;right:9%}.dashboard-hero-copy{z-index:3;flex-direction:column;justify-content:center;max-width:min(650px,58%);display:flex;position:relative}.eyebrow{align-items:center;gap:6px}.dashboard-hero h2{letter-spacing:-.055em;text-wrap:balance;max-width:680px;font-size:clamp(35px,5vw,58px);line-height:.98}.dashboard-hero p{max-width:600px;font-size:15px}.dashboard-hero-actions{flex-wrap:wrap;gap:9px;margin-top:23px;display:flex}.dashboard-ad-free-note{border:1px solid color-mix(in srgb,var(--color-success) 28%,var(--color-border));background:color-mix(in srgb,var(--color-success) 9%,var(--color-surface));color:var(--color-success);border-radius:999px;align-self:flex-start;align-items:center;margin-top:13px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.sponsor-placement{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:18px 0;padding:11px 13px;display:grid}.sponsor-placement-mark{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:750;display:flex}.sponsor-placement-mark svg{color:var(--color-text-muted)}.sponsor-placement-copy{gap:2px;min-width:0;display:grid}.sponsor-placement-copy strong{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sponsor-placement-copy span{color:var(--color-text-muted);font-size:10px}.sponsor-placement-copy p{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.35}.sponsor-placement>a{border:1px solid var(--color-border);color:var(--color-primary);white-space:nowrap;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:700;text-decoration:none}.sponsor-placement>a:hover{border-color:var(--color-primary-border);background:var(--color-primary-soft)}.sponsor-placement-dismiss{width:28px;height:28px;color:var(--color-text-muted);box-shadow:none;background:0 0;border-color:#0000;padding:0}.sponsor-placement-dismiss:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.dashboard-hero-actions button{border-radius:11px;min-height:42px;padding:9px 14px}.dashboard-hero-actions button.primary{box-shadow:0 11px 24px color-mix(in srgb,var(--color-primary) 23%,transparent)}.dashboard-hero-visual{z-index:2;perspective:900px;width:min(36%,420px);height:240px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.hero-visual-card{border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-surface) 91%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:210px;height:145px;color:var(--color-text);border-radius:18px;flex-direction:column;gap:4px;padding:14px;display:flex;position:absolute;box-shadow:0 24px 60px #0f172a29}.hero-visual-card>span{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 68%,white),color-mix(in srgb,var(--color-accent) 68%,white));border-radius:10px;flex:1;display:block}.hero-visual-card strong{font-size:11px}.hero-visual-card small{color:var(--color-text-muted);font-size:9px}.hero-visual-card.card-a{animation:6.2s ease-in-out infinite dc-float-a;top:42px;right:82px;transform:rotate(-8deg)}.hero-visual-card.card-b{width:168px;height:120px;animation:7s ease-in-out infinite dc-float-b;top:70px;right:-12px;transform:rotate(9deg)}.hero-visual-card.card-b>span{background:linear-gradient(140deg,color-mix(in srgb,var(--color-warning) 55%,white),color-mix(in srgb,var(--color-success) 45%,white))}.hero-visual-card.card-c{background:color-mix(in srgb,var(--color-surface) 94%,transparent);width:116px;height:63px;color:var(--color-primary);border-radius:999px;flex-direction:row;justify-content:center;align-items:center;animation:5.4s ease-in-out infinite dc-float-c;top:8px;right:20px}.hero-visual-card.card-c strong{font-size:10px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:42px;display:flex}.section-kicker{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:760;display:block}.section-heading h2{font-size:22px}.section-heading p{font-size:12px}.create-design-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.new-design button.create-format-card,.new-design .import-powerpoint-card{height:auto;min-height:158px;animation:dc-card-rise .48s var(--ease-enter) calc(.1s + var(--card-index,0) * 55ms) both;border-radius:17px;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:14px;display:flex;position:relative;overflow:hidden}.create-format-card:before,.import-powerpoint-card:before{content:"";background:color-mix(in srgb,var(--color-primary) 6%,transparent);width:90px;height:90px;transition:transform .35s var(--ease-standard);border-radius:50%;position:absolute;inset:auto -18px -34px auto}.create-format-card:hover:before,.import-powerpoint-card:hover:before{transform:scale(1.35)}.format-card-icon{background:var(--color-primary-soft);width:34px;height:34px;color:var(--color-primary);border-radius:10px;place-items:center;display:grid}.create-format-card .preset-shape{height:42px;box-shadow:0 8px 18px color-mix(in srgb,var(--color-primary) 14%,transparent);transition:transform .35s var(--ease-standard);border-radius:6px;margin:0;position:absolute;top:16px;right:15px}.create-format-card:hover .preset-shape{transform:translateY(-3px)rotate(2deg)}.format-card-copy{z-index:2;text-align:left;gap:3px;min-width:0;margin-top:auto;display:grid;position:relative}.format-card-copy strong{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.format-card-copy strong svg{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px)}.create-format-card:hover .format-card-copy strong svg,.import-powerpoint-card:hover .format-card-copy strong svg{opacity:1;transform:none}.format-card-copy small{min-height:28px;line-height:1.35}.format-card-copy em{color:var(--color-text-muted);letter-spacing:.02em;margin-top:3px;font-size:8px;font-style:normal;font-weight:650}.new-design .import-powerpoint-card{background:linear-gradient(145deg,color-mix(in srgb,var(--color-accent) 9%,var(--color-surface)),var(--color-surface));border-style:solid}.import-powerpoint-icon{background:color-mix(in srgb,var(--color-accent) 13%,var(--color-surface));width:46px;height:42px;color:var(--color-accent);border-radius:12px;justify-content:center;align-items:flex-end;display:flex}.design-library{padding-bottom:30px}.design-card{animation:dc-card-rise .42s var(--ease-enter) calc(var(--card-index,0) * 40ms) both}.design-card:hover{transform:translateY(-5px)scale(1.005)}.dashboard-empty-modern{background:color-mix(in srgb,var(--color-surface) 65%,transparent);border-radius:20px;min-height:210px}.dashboard-empty-modern>span,.marketplace-empty-modern>span{background:var(--color-primary-soft);width:48px;height:48px;color:var(--color-primary);border-radius:15px;place-items:center;display:grid}.dashboard-empty-modern button{margin-top:8px}.marketplace-modal .modal{max-width:1180px}.marketplace-modal .modal-body{gap:17px;display:grid}.marketplace-hero-modern{background:linear-gradient(125deg,color-mix(in srgb,var(--color-primary) 14%,var(--color-surface)),var(--color-surface) 55%,color-mix(in srgb,var(--color-accent) 13%,var(--color-surface)));min-height:210px;animation:dc-dashboard-enter .45s var(--ease-enter) both;border-radius:24px;padding:28px 30px;position:relative;overflow:hidden}.marketplace-hero-modern:after{content:"";border:54px solid color-mix(in srgb,var(--color-primary) 6%,transparent);pointer-events:none;border-radius:50%;width:310px;height:310px;position:absolute;top:-80%;right:18%}.marketplace-hero-copy{z-index:2;flex-direction:column;justify-content:center;max-width:720px;display:flex;position:relative}.marketplace-hero-copy>span{color:var(--color-primary);align-items:center;gap:7px;font-size:11px;font-weight:730;display:flex}.marketplace-hero-modern h2{letter-spacing:-.045em;margin:9px 0 7px;font-size:clamp(27px,4vw,42px)}.marketplace-hero-modern p{max-width:650px;color:var(--color-text-secondary);margin:0;line-height:1.5}.marketplace-hero-badges{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.marketplace-hero-badges span{border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);background:color-mix(in srgb,var(--color-surface) 72%,transparent);color:var(--color-text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:flex}.marketplace-credit-card{z-index:2;flex-direction:column;animation:7s ease-in-out infinite dc-float-neutral;position:relative;background:color-mix(in srgb,var(--color-surface) 88%,transparent)!important;border-radius:19px!important;justify-content:center!important;align-items:flex-start!important;min-width:190px!important;padding:18px 20px!important;display:flex!important;box-shadow:0 18px 45px #0f172a1c!important}.marketplace-credit-card>div{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;font-size:9px;font-weight:680;display:flex}.marketplace-credit-card b{letter-spacing:-.05em;margin-top:5px;font-size:36px!important}.marketplace-credit-card small{color:var(--color-text-muted);font-size:10px}.marketplace-toolbar-modern{grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:10px;display:grid}.marketplace-search{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.marketplace-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent)}.marketplace-search svg{color:var(--color-text-muted)}.marketplace-search input{width:100%;box-shadow:none;background:0 0;border:0;outline:0}.marketplace-segments{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:12px;padding:4px;display:flex}.marketplace-segments button{height:32px;min-height:32px;box-shadow:none;background:0 0;border:0;padding:5px 8px;font-size:10px}.marketplace-segments button span{background:var(--color-surface);min-width:18px;height:18px;color:var(--color-text-muted);border-radius:999px;place-items:center;padding:0 5px;font-size:8px;display:grid}.marketplace-segments button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.marketplace-refresh{height:42px;min-height:42px}.marketplace-refresh .spin{animation:.8s linear infinite dc-spin}.marketplace-error{border:1px solid color-mix(in srgb,var(--color-danger) 28%,var(--color-border));background:var(--color-danger-soft);color:var(--color-danger);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 14px;padding:13px 15px;display:grid}.marketplace-error span{font-size:10px}.marketplace-error button{grid-area:1/2/3}.marketplace-grid-modern{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.marketplace-grid-modern article{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-xs);animation:dc-card-rise .44s var(--ease-enter) calc(var(--card-index,0) * 55ms) both;transition:transform .25s var(--ease-standard),box-shadow .25s,border-color .25s;border-radius:17px;grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.marketplace-grid-modern article:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-5px)}.marketplace-grid-modern .marketplace-preview{border:0;border-bottom:1px solid var(--color-border);background:linear-gradient(145deg,var(--color-surface-muted),var(--color-bg-canvas));border-radius:0;height:185px;margin:0;position:relative;overflow:hidden}.marketplace-grid-modern .marketplace-preview img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-standard)}.marketplace-grid-modern article:hover .marketplace-preview img{transform:scale(1.035)}.marketplace-grid-modern .marketplace-preview>span{background:var(--color-primary-soft);width:58px;height:58px;color:var(--color-primary);border-radius:18px;place-items:center;display:grid}.marketplace-preview-badges{justify-content:space-between;gap:7px;display:flex;position:absolute;top:10px;left:10px;right:10px}.marketplace-preview-badges span{color:#fff;text-transform:capitalize;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aad;border:1px solid #ffffff4d;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:720}.marketplace-grid-modern .marketplace-copy{align-content:start;gap:7px;padding:14px 14px 10px;display:grid}.marketplace-grid-modern .marketplace-copy h3{letter-spacing:-.02em;margin:0;font-size:15px}.marketplace-grid-modern .marketplace-copy p{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.marketplace-meta{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:5px;margin-top:4px;font-size:8px;display:flex}.marketplace-meta span:last-child{color:var(--color-success)}.marketplace-install{border-color:var(--color-primary-border);background:var(--color-primary-soft);min-height:42px;color:var(--color-primary);box-shadow:none;justify-content:space-between;margin:0 12px 12px}.marketplace-install>span{align-items:center;gap:6px;display:flex}.marketplace-install>svg{transition:transform .2s}.marketplace-install:hover>svg{transform:translate(3px)}.marketplace-empty-modern{background:var(--color-surface-muted);border-radius:18px;min-height:230px}@keyframes dc-dashboard-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dc-card-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes dc-float-a{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-9px)rotate(-6deg)}}@keyframes dc-float-b{0%,to{transform:translateY(0)rotate(9deg)}50%{transform:translateY(8px)rotate(7deg)}}@keyframes dc-float-c{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes dc-float-neutral{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes dc-gradient-shift{0%{transform:translate(-1%)scale(1)}to{transform:translate(2%,1%)scale(1.05)}}@keyframes dc-brand-shine{0%,72%,to{left:-80%}82%{left:145%}}@keyframes dc-spin{to{transform:rotate(360deg)}}@media (width<=1180px){.dashboard-actions .header-action span,.credit-button span{display:none}.workspace-switcher{min-width:145px}.create-design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-hero-copy{max-width:64%}.dashboard-hero-visual{width:34%;right:2%}}@media (width<=900px){.dashboard-header{align-items:center;display:flex}.dashboard-actions{display:none}.dashboard-mobile-nav{margin-left:auto;display:block}.dashboard-mobile-toggle{background:var(--color-surface);width:40px;height:40px;min-height:40px;box-shadow:var(--shadow-xs);border-radius:12px;padding:0}.dashboard-mobile-panel{border:1px solid var(--color-border);background:var(--color-surface-raised);width:min(330px,100vw - 30px);box-shadow:var(--shadow-lg);animation:cf-pop-in var(--duration-normal) var(--ease-enter);border-radius:16px;gap:5px;padding:10px;display:grid;position:absolute;top:calc(100% + 9px);right:0}.dashboard-mobile-user{border-bottom:1px solid var(--color-border);align-items:center;gap:9px;padding:8px 8px 11px;display:flex}.dashboard-mobile-user>span{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:760;display:grid}.dashboard-mobile-user div{min-width:0;display:grid}.dashboard-mobile-user strong,.dashboard-mobile-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-mobile-user small{color:var(--color-text-muted);font-size:9px}.dashboard-mobile-panel>label{gap:4px;padding:7px;display:grid}.dashboard-mobile-panel>label>span{color:var(--color-text-muted);text-transform:uppercase;font-size:8px;font-weight:700}.dashboard-mobile-panel select{width:100%}.dashboard-mobile-panel>button{width:100%;box-shadow:none;background:0 0;border-color:#0000;justify-content:flex-start}.dashboard-mobile-panel>button:hover{background:var(--color-surface-hover)}.dashboard-mobile-footer{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:6px;padding-top:8px;display:grid}.dashboard-mobile-footer .theme-toggle{width:100%}.dashboard-hero{min-height:280px;padding:38px 30px}.dashboard-hero-copy{max-width:66%}.dashboard-hero-visual{opacity:.82;right:-4%;transform:translateY(-50%)scale(.88)}.create-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketplace-toolbar-modern{grid-template-columns:1fr auto}.marketplace-segments{grid-area:2/1/auto/-1}.marketplace-refresh{grid-area:1/2}.marketplace-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.dashboard{padding-inline:15px}.dashboard-header{margin-inline:-15px;padding-inline:15px}.dashboard-brand h1{font-size:16px}.dashboard-brand p{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.dashboard-hero{min-height:auto;padding:31px 23px}.dashboard-hero-copy{max-width:100%}.dashboard-hero h2{font-size:37px}.dashboard-hero p{font-size:13px}.dashboard-hero-visual{display:none}.dashboard-hero-actions button{flex:1}.sponsor-placement{grid-template-columns:auto minmax(0,1fr) auto}.sponsor-placement>a{grid-column:2}.sponsor-placement-dismiss{grid-area:1/3}.section-heading{margin-top:34px}.section-heading h2{font-size:20px}.section-heading p{font-size:11px}.create-design-grid{gap:10px}.new-design button.create-format-card,.new-design .import-powerpoint-card{min-height:148px;padding:12px}.create-format-card .preset-shape{height:36px;top:14px;right:12px}.marketplace-modal .modal{border-radius:18px;width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.marketplace-modal .modal-body{padding:12px}.marketplace-hero-modern{flex-direction:column;min-height:auto;padding:22px}.marketplace-hero-modern h2{font-size:31px}.marketplace-credit-card{width:100%;min-width:0!important;animation:none!important}.marketplace-credit-card b{font-size:29px!important}.marketplace-toolbar-modern{grid-template-columns:1fr auto}.marketplace-segments{overflow:auto}.marketplace-segments button{flex:1;min-width:max-content}.marketplace-grid-modern{grid-template-columns:1fr}.marketplace-grid-modern .marketplace-preview{height:210px}}@media (width<=430px){.create-design-grid{grid-template-columns:1fr}.new-design .import-powerpoint-card{grid-column:auto}.new-design button.create-format-card,.new-design .import-powerpoint-card{min-height:132px}.format-card-copy small{min-height:0}.dashboard-hero-actions{grid-template-columns:1fr;display:grid}.dashboard-hero-actions button{width:100%}.marketplace-toolbar-modern{grid-template-columns:1fr}.marketplace-refresh{grid-area:3/1}.marketplace-segments{grid-row:2}.marketplace-error{grid-template-columns:1fr}.marketplace-error button{grid-area:auto/1;justify-self:start}}@media (prefers-reduced-motion:reduce){.hero-visual-card,.marketplace-credit-card,.dashboard-brand>span:after,.dashboard-hero:before{animation:none!important}}.dashboard-ask{gap:7px;max-width:620px;margin-top:20px;display:grid}.dashboard-ask>label{color:var(--color-text-secondary);letter-spacing:.02em;font-size:11px;font-weight:720}.dashboard-ask>div{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.dashboard-ask textarea{resize:vertical;background:color-mix(in srgb,var(--color-surface) 86%,transparent);border-radius:12px;min-height:58px;padding:11px 12px;line-height:1.35}.dashboard-ask button{border-radius:12px;justify-content:center;align-self:stretch;min-width:142px}.dashboard-ask-starters{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.dashboard-ask-starters button{border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 62%,transparent);min-height:30px;color:var(--color-text-secondary);box-shadow:none;border-radius:999px;padding:6px 9px;font-size:10px}.dashboard-ask-starters button:hover{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary)}.contextual-ai-rail{border:1px solid var(--color-primary-border);background:linear-gradient(150deg,color-mix(in srgb,var(--color-primary) 7%,var(--color-surface)),var(--color-surface));min-width:0;box-shadow:var(--shadow-xs);border-radius:13px;flex-direction:column;flex:none;margin:-2px 0 10px;display:flex;overflow:hidden}.contextual-ai-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 9px;display:flex}.contextual-ai-header-actions{align-items:center;gap:2px;display:flex}.contextual-ai-title{align-items:center;gap:8px;min-width:0;display:flex}.contextual-ai-title>span{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;display:grid}.contextual-ai-title strong,.contextual-ai-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contextual-ai-title strong{color:var(--color-text);font-size:11px}.contextual-ai-title small{color:var(--color-text-muted);margin-top:2px;font-size:9px}.contextual-ai-open{width:28px;height:28px;min-height:28px;color:var(--color-text-muted);box-shadow:none;background:0 0;border-color:#0000;padding:0}.contextual-ai-open:hover{color:var(--color-primary);background:var(--color-primary-soft)}.contextual-ai-body{gap:8px;padding:9px;display:grid}.contextual-ai-carried{background:var(--color-success-soft);color:var(--color-success);border-radius:7px;align-items:center;gap:5px;margin:0;padding:6px 7px;font-size:9px;font-weight:650;display:flex}.contextual-ai-form{gap:5px;display:grid}.contextual-ai-form>label,.contextual-ai-section-label{color:var(--color-text-secondary);letter-spacing:.02em;font-size:9px;font-weight:720}.contextual-ai-input-wrap{align-items:flex-end;display:flex;position:relative}.contextual-ai-input-wrap textarea{resize:vertical;background:var(--color-surface-muted);border-radius:9px;width:100%;min-height:65px;padding:9px 38px 9px 9px;font-size:11px;line-height:1.35}.contextual-ai-input-wrap button{border-radius:8px;justify-content:center;width:27px;height:27px;min-height:27px;padding:0;position:absolute;bottom:6px;right:6px}.contextual-ai-context{color:var(--color-text-muted);align-items:flex-start;gap:6px;font-size:9px;line-height:1.35;display:flex}.contextual-ai-context svg{color:var(--color-primary);flex:none;margin-top:1px}.contextual-ai-suggestions{gap:5px;display:grid}.contextual-ai-suggestions>div:last-child{gap:4px;display:grid}.contextual-ai-suggestions button{border:1px solid var(--color-border);background:var(--color-surface);min-height:29px;color:var(--color-text-secondary);text-align:left;box-shadow:none;border-radius:7px;justify-content:space-between;align-items:center;padding:6px 7px;font-size:10px;display:flex}.contextual-ai-suggestions button svg{color:var(--color-text-muted);transform:rotate(-90deg)}.contextual-ai-suggestions button:hover{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary)}.contextual-ai-result{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;gap:5px;padding:8px;display:grid}.contextual-ai-result-header{align-items:center;gap:6px;min-width:0;display:flex}.contextual-ai-result-header strong{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:10px;overflow:hidden}.contextual-ai-status{background:var(--color-primary-soft);color:var(--color-primary);text-transform:capitalize;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:740}.contextual-ai-status.applied{background:var(--color-success-soft);color:var(--color-success)}.contextual-ai-result p{color:var(--color-text-secondary);margin:0;font-size:9px;line-height:1.35}.contextual-ai-provenance,.contextual-ai-next{color:var(--color-text-muted);font-size:8px;line-height:1.35}.contextual-ai-next{color:var(--color-primary)}.contextual-ai-stats{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.contextual-ai-stats span{background:var(--color-surface-muted);color:var(--color-text-muted);text-align:center;text-transform:uppercase;border-radius:5px;gap:1px;padding:4px 2px;font-size:7px;display:grid}.contextual-ai-stats b{color:var(--color-text);font-size:11px}.contextual-ai-result ul{color:var(--color-warning);gap:2px;margin:0;padding-left:14px;font-size:9px;display:grid}.contextual-ai-activity{border-top:1px solid var(--color-border);padding-top:7px}.contextual-ai-activity-toggle{width:100%;min-height:25px;color:var(--color-text-secondary);box-shadow:none;background:0 0;border:0;justify-content:space-between;align-items:center;padding:2px 0;font-size:9px;display:flex}.contextual-ai-activity-toggle>span:last-child{color:var(--color-text-muted);align-items:center;gap:3px;display:flex}.contextual-ai-activity-toggle svg{transition:transform var(--duration-normal)}.contextual-ai-activity-toggle svg.open{transform:rotate(180deg)}.contextual-ai-activity ol{gap:5px;margin:7px 0 1px;padding:0;list-style:none;display:grid}.contextual-ai-activity li{color:var(--color-text-secondary);align-items:flex-start;gap:6px;font-size:9px;line-height:1.35;display:flex}.contextual-ai-dot{background:var(--color-primary);border-radius:50%;flex:none;width:6px;height:6px;margin-top:3px}.contextual-ai-dot.error,.contextual-ai-dot.provider-error{background:var(--color-danger)}.contextual-ai-dot.result,.contextual-ai-dot.validation{background:var(--color-success)}.contextual-ai-empty{color:var(--color-text-muted);margin:0;font-size:9px;line-height:1.4}.command-palette-group{gap:2px;margin:4px 0 8px;display:grid}.command-palette-group h3{color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;margin:7px 8px 3px;font-size:9px;font-weight:760}.command-palette-group button[aria-selected=true]{background:var(--color-primary-soft);color:var(--color-primary)}.app-shell>.contextual-ai-rail{z-index:35;width:min(320px,100vw - 28px);box-shadow:var(--shadow-lg);position:fixed;top:68px;bottom:86px;right:14px}.app-shell>.contextual-ai-rail>.contextual-ai-body{overflow:auto}@media (width<=650px){.dashboard-ask>div{grid-template-columns:1fr}.dashboard-ask button{min-height:42px}.contextual-ai-rail{margin-inline:0}.contextual-ai-stats span{font-size:6px}}@media (width<=900px){.app-shell>.contextual-ai-rail{width:min(340px,100vw - 16px);top:64px;bottom:80px;right:8px}}.print-document{z-index:-1;opacity:0;visibility:hidden;pointer-events:none;gap:24px;width:960px;display:grid;position:fixed;top:0;left:-10000px}.print-document-page{width:960px;aspect-ratio:var(--print-page-aspect);background:#fff;overflow:hidden}.print-document-page .ai-preview-canvas-host{background:#fff;border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0}.print-document-page .ai-preview-canvas-frame{box-shadow:none}@media print{@page{margin:.5in}html,body,#root{background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}.app-shell,.shared-view>header,.shared-view>.canvas-editor,.shared-view>.page-strip{display:none!important}.shared-view{height:auto!important;display:block!important}.print-document{z-index:auto;opacity:1;visibility:visible;pointer-events:auto;width:100%;display:block;position:static}.print-document-page{width:100%;height:auto;aspect-ratio:var(--print-page-aspect);break-after:page;page-break-after:always}.print-document-page:last-child{break-after:auto;page-break-after:auto}.print-document-page .ai-preview-canvas-host{border:0;border-radius:0;width:100%;height:100%;padding:0;background:#fff!important}.print-document-page .ai-preview-canvas-frame{box-shadow:none;width:100%!important;height:auto!important}.print-document-page canvas{display:block;width:100%!important;height:auto!important}}.smart-position-prompt{z-index:760;border:1px solid var(--color-primary-border,#c7d2fe);background:color-mix(in srgb,var(--color-surface,#fff) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:15px;grid-template-columns:auto minmax(220px,460px) auto auto;align-items:center;gap:10px;width:min(720px,100vw - 28px);padding:10px 12px;animation:.2s ease-out cf-pop-in;display:grid;position:fixed;bottom:84px;left:50%;box-shadow:0 18px 50px #0f172a33}.smart-position-prompt-icon{background:var(--color-primary-soft,#eef2ff);width:34px;height:34px;color:var(--color-primary,#4f46e5);border-radius:11px;place-items:center;display:grid}.smart-position-prompt>div{min-width:0;display:grid}.smart-position-prompt strong,.smart-position-prompt span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smart-position-prompt span{color:var(--color-text-secondary,#64748b);font-size:10px}.smart-position-page-preview{z-index:40;background:var(--color-bg-canvas,#eef1f6);pointer-events:none;position:absolute;inset:0;overflow:hidden}.smart-position-page-preview .ai-preview-canvas-host.flush{background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0}.smart-position-page-preview .ai-preview-canvas-frame{box-shadow:none}.smart-position-page-preview-badge{text-overflow:ellipsis;white-space:nowrap;border:1px solid color-mix(in srgb,var(--color-primary,#4f46e5) 35%,transparent);background:color-mix(in srgb,var(--color-surface,#fff) 92%,transparent);max-width:calc(100% - 20px);color:var(--color-primary,#4f46e5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:750;display:flex;position:absolute;top:10px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 22px #0f172a2e}.smart-position-review-panel{z-index:760;border:1px solid var(--color-primary-border,#c7d2fe);background:color-mix(in srgb,var(--color-surface,#fff) 96%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:17px;gap:10px;width:min(980px,100vw - 34px);max-height:min(46vh,430px);padding:14px;animation:.18s ease-out cf-pop-in;display:grid;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #0f172a3d}.smart-position-review-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.smart-position-review-header>div{gap:2px;display:grid}.smart-position-review-header .eyebrow{color:var(--color-primary,#4f46e5);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.smart-position-review-header strong{font-size:14px}.smart-position-review-header p{color:var(--color-text-secondary,#64748b);margin:0;font-size:10px;line-height:1.4}.smart-position-review-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.smart-position-on-page{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-primary,#4f46e5);align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.smart-position-toggle{border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface-muted,#f8fafc);border-radius:10px;align-items:center;gap:8px;min-width:max-content;padding:7px 9px;font-size:9px;display:flex}.smart-position-warning{color:#b42318;background:#fff4f3;border:1px solid #f5c2c0;border-radius:9px;padding:8px 10px;font-size:10px}.smart-position-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;padding:2px;display:grid;overflow:auto}.smart-position-card{text-align:left;border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);min-height:112px;box-shadow:none;border-radius:12px;padding:10px 34px 10px 10px;display:block;position:relative}.smart-position-card:hover{border-color:var(--color-primary-border,#c7d2fe);transform:translateY(-1px)}.smart-position-card.selected{border-color:var(--color-primary,#4f46e5);background:color-mix(in srgb,var(--color-primary-soft,#eef2ff) 58%,var(--color-surface,#fff));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary,#4f46e5) 13%,transparent)}.smart-position-card-copy{align-content:start;gap:5px;min-width:0;display:grid}.smart-position-card-copy header{color:var(--color-text-muted,#94a3b8);justify-content:space-between;align-items:center;gap:6px;font-size:8px;display:flex}.smart-position-card-copy header>span{align-items:center;gap:4px;display:flex}.smart-position-card-copy strong{font-size:11px}.smart-position-card-copy p{color:var(--color-text-secondary,#64748b);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.smart-position-card-copy small,.smart-position-card-copy em{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted,#94a3b8);align-items:center;gap:4px;font-size:8px;font-style:normal;display:flex;overflow:hidden}.smart-position-source{background:var(--color-surface-muted,#f1f5f9);text-transform:uppercase;border-radius:999px;padding:3px 6px;font-weight:700}.smart-position-source.ai{background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5)}.smart-position-selected{background:var(--color-primary,#4f46e5);color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:8px;right:8px}.smart-position-footer{border-top:1px solid var(--color-border,#e5e7eb);justify-content:space-between;align-items:flex-end;gap:18px;padding-top:8px;display:flex}.smart-position-footer>div:first-child{justify-items:start;gap:3px;display:grid}.smart-position-footer small{color:var(--color-text-muted,#94a3b8);font-size:8px}.smart-position-toolbar-button{border-color:var(--color-primary-border,#c7d2fe)!important;background:var(--color-primary-soft,#eef2ff)!important;color:var(--color-primary,#4f46e5)!important}@media (width<=900px){.smart-position-review-panel{width:calc(100vw - 22px);max-height:52vh}.smart-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-position-review-controls,.smart-position-footer{flex-direction:column;align-items:stretch}.smart-position-footer .modal-actions{justify-content:flex-end}.smart-position-prompt{grid-template-columns:auto minmax(0,1fr) auto}.smart-position-prompt>.icon-button{display:none}}@media (width<=560px){.smart-position-review-panel{max-height:62vh;padding:11px;bottom:62px}.smart-position-grid{grid-template-columns:1fr}.smart-position-review-header p,.smart-position-toggle{display:none}.smart-position-card{min-height:96px}.smart-position-prompt{bottom:68px}.smart-position-prompt>div span{display:none}}@media (width<=760px){.resource-share-summary,.resource-share-compose{grid-template-columns:1fr}.resource-share-compose>button{width:100%}}.design-card-access-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:0 10px 10px;display:flex}.design-access-badge{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface-muted,#f8fafc);max-width:100%;color:var(--color-text-secondary,#667085);border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex;overflow:hidden}.design-share-action,.resource-share-button{border-color:var(--color-primary-border,#c7d2fe);background:var(--color-primary-soft,#eef2ff);height:28px;min-height:28px;color:var(--color-primary,#4f46e5);flex:none;padding:4px 8px;font-size:10px}.design-share-action:hover,.resource-share-button:hover{background:color-mix(in srgb,var(--color-primary-soft,#eef2ff) 72%,var(--color-surface,#fff))}.design-grid.list-view .design-card-access-row{justify-content:flex-start;padding:0 10px 8px}.brand-card>.resource-share-button{justify-self:start}.send-fields input{min-height:36px;padding:8px 10px}.send-fields textarea{padding:8px 10px}.design-send-action{border-color:var(--color-primary-border,#c7d2fe);background:var(--color-surface,#fff);height:28px;min-height:28px;color:var(--color-primary,#4f46e5);flex:none;padding:4px 8px;font-size:10px}.design-send-action:hover{background:var(--color-primary-soft,#eef2ff)}.send-design-form{gap:15px;display:grid}.send-design-intro{border:1px solid var(--color-primary-border,#c7d2fe);background:var(--color-primary-soft,#eef2ff);border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.send-design-intro>span{background:var(--color-surface,#fff);width:31px;height:31px;color:var(--color-primary,#4f46e5);border-radius:9px;flex:none;place-items:center;display:grid}.send-design-intro strong,.send-design-intro p{display:block}.send-design-intro p{color:var(--color-text-secondary,#64748b);margin:3px 0 0;font-size:10px;line-height:1.4}.send-choice-group{border:0;min-width:0;margin:0;padding:0}.send-choice-group legend{color:var(--color-text-primary,#172033);margin-bottom:7px;font-size:11px;font-weight:750}.send-method-grid,.send-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.send-format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.send-method-grid>label,.send-format-grid>label,.send-scope-options>label{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface,#fff);cursor:pointer;border-radius:10px;align-items:flex-start;gap:8px;min-width:0;padding:10px;display:flex}.send-method-grid>label.selected,.send-format-grid>label.selected,.send-scope-options>label.selected{border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary,#4f46e5) 14%,transparent);background:var(--color-primary-soft,#eef2ff)}.send-method-grid>label.disabled,.send-format-grid>label.disabled,.send-scope-options>label.disabled{opacity:.58;cursor:not-allowed}.send-method-grid>label>svg,.send-format-grid>label>svg{color:var(--color-primary,#4f46e5);flex:none;margin-top:1px}.send-method-grid input,.send-format-grid input,.send-scope-options input{accent-color:var(--color-primary,#4f46e5);margin:2px 0 0}.send-method-grid span,.send-format-grid span,.send-scope-options span{gap:3px;min-width:0;display:grid}.send-method-grid strong,.send-format-grid strong,.send-scope-options strong{font-size:11px}.send-method-grid small,.send-format-grid small,.send-scope-options small{color:var(--color-text-secondary,#64748b);font-size:9px;line-height:1.4}.send-inline-help{color:var(--color-text-secondary,#64748b);flex-wrap:wrap;align-items:center;gap:5px;margin:7px 0 0;font-size:10px;line-height:1.4;display:flex}.send-inline-help a{color:var(--color-primary,#4f46e5);align-items:center;gap:4px;font-weight:700;display:inline-flex}.send-scope-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.send-fields{gap:9px;display:grid}.send-fields label{color:var(--color-text-primary,#172033);gap:5px;font-size:10px;font-weight:700;display:grid}.send-fields label>span{align-items:center;gap:5px;display:flex}.send-fields label small{color:var(--color-text-muted,#98a2b3);font-weight:500}.send-fields input,.send-fields textarea{box-sizing:border-box;width:100%}.send-fields textarea{min-height:82px}.send-blocked,.send-feedback{border-radius:9px;align-items:flex-start;gap:7px;padding:9px 10px;font-size:10px;line-height:1.4;display:flex}.send-blocked{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.send-feedback.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.send-feedback.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.send-blocked svg,.send-feedback svg{flex:none;margin-top:1px}.send-snapshot-note{color:var(--color-text-muted,#98a2b3);margin-right:auto;font-size:9px;line-height:1.35}.send-design-modal .modal-body{max-height:calc(90vh - 58px)}.spin{animation:.8s linear infinite send-spin}@keyframes send-spin{to{transform:rotate(360deg)}}@media (width<=760px){.send-method-grid,.send-format-grid,.send-scope-options{grid-template-columns:1fr}.send-snapshot-note{display:none}}.resource-share-panel{gap:12px;display:grid}.resource-share-summary{border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface-muted,#f8fafc);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);align-items:start;gap:14px;padding:13px;display:grid}.resource-share-summary>div{gap:4px;min-width:0;display:grid}.resource-share-summary strong{font-size:13px}.resource-share-summary span{color:var(--color-text-secondary,#667085);font-size:10px;line-height:1.45}.resource-share-summary span b{color:var(--color-text,#273246)}.resource-share-summary .field{margin:0}.resource-share-compose{grid-template-columns:minmax(0,1.45fr) minmax(145px,.65fr) auto;align-items:end;gap:9px;display:grid}.resource-share-compose .field{margin:0}.resource-share-target{min-width:0}.resource-share-target input{margin-bottom:5px}.resource-share-compose>button{white-space:nowrap;height:36px}.resource-share-guidance{border:1px solid color-mix(in srgb,var(--color-primary,#5b55e7) 22%,var(--color-border,#e5e7eb));background:color-mix(in srgb,var(--color-primary-soft,#eef2ff) 72%,var(--color-surface,#fff));color:var(--color-text-secondary,#667085);border-radius:9px;margin:0;padding:9px 11px;font-size:10px;line-height:1.45}.resource-share-guidance strong{color:var(--color-primary,#4f46e5)}.resource-share-target-role{color:var(--color-text-secondary,#667085);margin:0;font-size:10px}.resource-share-target-role strong{color:var(--color-text,#273246)}.resource-share-error{margin:0}.resource-share-list{gap:6px;display:grid}.resource-share-list>div{border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.resource-share-list>div>span{gap:3px;min-width:0;display:grid}.resource-share-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.resource-share-list small{color:var(--color-text-secondary,#667085);font-size:9px}.resource-share-list button{flex:none;padding:5px 8px;font-size:10px}.resource-share-empty{border:1px dashed var(--color-border,#d8dee9);color:var(--color-text-muted,#98a2b3);text-align:center;border-radius:9px;padding:11px;font-size:10px}@media (width<=760px){.resource-share-summary,.resource-share-compose{grid-template-columns:1fr}.resource-share-compose>button{width:100%}}.manage-fonts-button{color:var(--color-primary);border-style:dashed;justify-content:center;align-items:center;gap:7px;margin-top:7px;display:flex}.font-manager-modal .modal-body{gap:18px;display:grid}.font-manager-intro{border:1px solid var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-primary);border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.font-manager-intro h3,.font-manager-intro p{margin:0}.font-manager-intro p{color:var(--color-text-secondary);margin-top:4px;font-size:10px;line-height:1.5}.font-install-form{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:15px;grid-template-columns:1.2fr 1fr .55fr .45fr;align-items:end;gap:10px;padding:15px;display:grid}.font-install-form>label:not(.check){gap:5px;display:grid}.font-install-form>label>span{color:var(--color-text-secondary);font-size:9px;font-weight:680}.font-install-form>label:nth-of-type(5){grid-column:1/3}.font-install-form .font-rights{grid-column:3/5;align-self:center}.font-install-form>.error{grid-column:1/-2;margin:0}.font-install-form>.primary{grid-column:-2;min-width:140px}.font-drop{border:1px dashed var(--color-primary-border);background:var(--color-surface);min-height:42px;color:var(--color-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;position:relative;flex-direction:row!important;display:flex!important}.font-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.installed-font-list{gap:8px;display:grid}.installed-font-list .section-heading{margin:0}.installed-font-list article{border:1px solid var(--color-border);border-radius:12px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 11px;display:grid}.font-sample{background:var(--color-surface-muted);border-radius:9px;place-items:center;height:42px;font-size:21px;display:grid}.installed-font-list article>div:nth-child(2){display:grid}.installed-font-list small{color:var(--color-text-muted);font-size:9px}.font-file-actions{gap:4px;display:flex}.font-export-note{background:var(--color-warning-soft,#fff7e6);color:var(--color-text-secondary);border-radius:10px;margin:0;padding:10px 12px;font-size:9px;line-height:1.45}.chatgpt-integration{border:1px solid var(--color-border);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 7%,var(--color-surface)),var(--color-surface));border-radius:16px;gap:12px;padding:17px;display:grid}.chatgpt-integration .section-heading{margin:0}.chatgpt-integration h3{align-items:center;gap:7px;display:flex}.integration-endpoints{grid-template-columns:1fr 1fr;gap:8px;display:grid}.integration-endpoints label{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:9px 10px;display:grid}.integration-endpoints label>span{color:var(--color-text-muted);text-transform:uppercase;grid-column:1/-1;font-size:8px;font-weight:700}.integration-endpoints code{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.integration-steps{background:var(--color-primary-soft);color:var(--color-primary);border-radius:10px;align-items:flex-start;gap:9px;padding:10px 12px;display:flex}.integration-steps p{color:var(--color-text-secondary);margin:0;font-size:9px;line-height:1.5}.integration-create{grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:end;gap:10px;display:grid}.integration-create>label:not(.check){gap:4px;display:grid}.integration-create>label>span{color:var(--color-text-muted);font-size:8px;font-weight:700}.integration-create .primary{align-items:center;gap:6px;display:flex}.integration-secret{border:1px solid var(--color-success);background:var(--color-success-soft);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.integration-secret>div{display:grid}.integration-secret small{color:var(--color-text-secondary);font-size:8px}.integration-secret code{background:var(--color-surface);border-radius:7px;padding:8px;font-size:9px;overflow:auto}.integration-token-list{gap:6px;display:grid}.integration-token-list>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.integration-token-list span{display:grid}.integration-token-list small{color:var(--color-text-muted);font-size:8px}.integration-create{grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr) auto}.integration-scope-grid{grid-template-columns:1fr 1fr;gap:7px 12px;display:grid}.integration-approvals{border-top:1px solid var(--color-border);gap:10px;margin-top:6px;padding-top:14px;display:grid}.integration-approvals h4{align-items:center;gap:7px;margin:0;display:flex}.integration-empty{border:1px dashed var(--color-border);color:var(--color-text-muted);border-radius:10px;align-items:center;gap:8px;padding:14px;display:flex}.proposal-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}.proposal-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:112px minmax(0,1fr);display:grid;overflow:hidden}.proposal-preview-button,.proposal-preview-placeholder{background:var(--color-surface-secondary);border:0;border-radius:0;width:112px;height:112px;padding:0;overflow:hidden}.proposal-preview-button{cursor:zoom-in}.proposal-preview-button img{object-fit:cover;width:100%;height:100%;display:block}.proposal-preview-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.proposal-preview-placeholder{text-align:center;color:var(--color-text-muted);place-content:center;gap:6px;font-size:8px;display:grid}.proposal-card-body{align-content:center;gap:5px;padding:10px;display:grid}.proposal-card-body p{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:9px;display:-webkit-box;overflow:hidden}.proposal-card-body small{color:var(--color-text-muted);font-size:8px}.proposal-card-body>div{gap:6px;display:flex}.proposal-card-body button{align-items:center;gap:4px;padding:5px 8px;font-size:8px;display:flex}.proposal-preview-modal .modal{width:min(1320px,97vw);height:min(94vh,1040px);max-height:94vh}.proposal-preview-modal .modal-body{grid-template-columns:minmax(0,1fr) 250px;min-height:0;max-height:none;display:grid;overflow:hidden}.proposal-preview-stage{border:1px solid var(--color-border);background:var(--color-surface-secondary);border-radius:12px;min-height:0;padding:14px;overflow:auto}.proposal-preview-stage img{max-width:none;height:auto;box-shadow:var(--shadow-md);display:block}.proposal-preview-details{align-content:start;gap:10px;padding:4px 2px 4px 14px;display:grid}.proposal-preview-details>strong{font-size:14px}.proposal-preview-details p{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.45}.proposal-preview-details small{color:var(--color-text-muted);font-size:10px}.proposal-preview-details a{width:max-content;color:var(--color-primary);font-size:11px}.proposal-preview-details>div{gap:7px;display:flex}.proposal-preview-details button{align-items:center;gap:5px;display:flex}@media (width<=760px){.font-install-form{grid-template-columns:1fr 1fr}.font-install-form>label:nth-of-type(5),.font-install-form .font-rights,.font-install-form>.error,.font-install-form>.primary{grid-column:1/-1}.integration-endpoints,.integration-create,.integration-scope-grid,.integration-secret{grid-template-columns:1fr}.integration-secret button{justify-self:start}.proposal-card{grid-template-columns:88px minmax(0,1fr)}.proposal-preview-button,.proposal-preview-placeholder{width:88px;height:100%}.proposal-preview-modal .modal-body{grid-template-columns:1fr;overflow:auto}.proposal-preview-stage{min-height:55vh}.proposal-preview-details{padding:0}.proposal-review-header{grid-template-columns:1fr auto;gap:8px;padding:10px}.proposal-review-header>div:nth-child(2){grid-area:1/1/auto/-1}.proposal-review-header>button{grid-area:2/1;justify-self:start}.proposal-review-actions{grid-area:2/2}.proposal-review-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.proposal-review-sidebar{border-top:1px solid var(--color-border);border-left:0;max-height:36vh}.proposal-review-canvas{padding:16px}.proposal-review-sidebar dl{max-width:300px}}.document-health-panel{gap:9px;display:grid}.document-health-summary{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.document-health-summary.healthy{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.document-health-summary span,.document-health-summary b,.document-health-summary small{display:block}.document-health-summary small{color:currentColor;opacity:.78;margin-top:2px;font-size:9px}.document-health-import{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;gap:8px;padding:10px;display:grid}.document-health-import-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.document-health-import-heading b,.document-health-import-heading small,.document-health-import-fonts{display:block}.document-health-import-heading small{color:#4f46e5;margin-top:3px;font-size:9px}.document-health-import-stats{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.document-health-import-stats span{text-align:center;background:#ffffffad;border-radius:7px;padding:6px}.document-health-import-stats b{font-size:14px;display:block}.document-health-import-stats small{color:#6366f1;font-size:9px;display:block}.document-health-import .help{color:#4338ca}.document-health-import-fonts{color:#4338ca;font-size:9px;line-height:1.4}.document-health-audit{border-top:1px solid #c7d2fe;gap:5px;padding-top:4px;display:grid}.document-health-audit>b,.document-health-audit>small{display:block}.document-health-audit>small{color:#6366f1;font-size:9px}.document-health-audit>div{gap:4px;display:grid}.document-health-audit button{text-align:left;background:#ffffff85;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:5px;padding:5px;display:grid}.document-health-audit button>span:first-child{color:#92400e;background:#fef3c7;border-radius:50%;place-items:center;width:16px;height:16px;font-weight:800;display:grid}.document-health-audit button>span:first-child.critical{color:#b42318;background:#fee2e2}.document-health-issues{gap:5px;display:grid}.document-health-issues button{text-align:left;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;width:100%;padding:7px;display:grid}.document-health-issues button>span:first-child{color:#92400e;background:#fef3c7;border-radius:50%;place-items:center;width:18px;height:18px;font-weight:800;display:grid}.document-health-issues button>span:first-child.critical{color:#b42318;background:#fee2e2}.document-health-issues b,.document-health-issues small,.document-health-audit b,.document-health-audit small{display:block}.document-health-issues b,.document-health-audit b{text-transform:capitalize;font-size:10px}.document-health-issues small,.document-health-audit small{color:var(--color-text-muted,#667085);margin-top:2px;font-size:9px;line-height:1.35}.mobile-precision-panel{display:none}.canvas-editor.coarse-pointer .upper-canvas{cursor:default}.canvas-editor.coarse-pointer .object-context-menu button{min-height:44px}@media (width<=900px){.canvas-editor.coarse-pointer .canvas-selection-toolbar button{width:44px;height:44px;min-height:44px}.mobile-workspace-controls button{touch-action:manipulation;min-height:48px}.mobile-multi-select-hint{z-index:23;background:color-mix(in srgb,var(--color-surface,#fff) 32%,transparent);-webkit-backdrop-filter:blur(12px)saturate(1.2);max-width:calc(100% - 28px);color:var(--color-text,#172033);pointer-events:none;border:1px solid #ffffff6b;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:9px;display:flex;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 7px 22px #0f172a1f,inset 0 1px #ffffff7a}.mobile-multi-select-hint strong{color:var(--color-primary,#4f46e5);white-space:nowrap;font-size:10px}.mobile-multi-select-hint span{color:var(--color-text-secondary,#64748b);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-precision-panel{left:max(10px,env(safe-area-inset-left));bottom:calc(68px + env(safe-area-inset-bottom));z-index:176;background:color-mix(in srgb,var(--color-surface,#fff) 38%,transparent);-webkit-backdrop-filter:blur(16px)saturate(1.35);overscroll-behavior:contain;touch-action:pan-y;isolation:isolate;border:1px solid #ffffffad;border-radius:24px;gap:7px;width:236px;padding:9px;display:grid;position:fixed;box-shadow:0 20px 50px #0f172a2e,inset 0 1px #ffffff9e}.mobile-precision-panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(145deg,#ffffff38,#0000 42%,#6366f10d);border-radius:23px;position:absolute;inset:1px}.mobile-precision-panel>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mobile-precision-panel>header>div{gap:2px;min-width:0;display:grid}.mobile-precision-panel>header{padding-left:4px}.mobile-precision-panel>header strong{letter-spacing:-.01em;font-size:12px}.mobile-precision-panel>header small{color:var(--color-text-secondary,#64748b);opacity:.82;font-size:8px;line-height:1.35}.mobile-precision-close{background:color-mix(in srgb,var(--color-surface,#fff) 24%,transparent);border:1px solid #ffffff85;border-radius:50%;flex:none;width:32px;height:32px;min-height:32px;padding:0;box-shadow:inset 0 1px #ffffff73}.mobile-precision-close:hover{background:color-mix(in srgb,var(--color-surface,#fff) 45%,transparent)}.mobile-precision-gamepad{grid-template-columns:148px minmax(0,1fr);align-items:center;gap:8px;display:grid}.mobile-precision-tabs{background:#0f172a0f;border:1px solid #fff6;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px;display:grid;box-shadow:inset 0 1px 2px #0f172a0d}.mobile-precision-tabs button{min-width:0;min-height:34px;box-shadow:none;background:0 0;border:0;border-radius:10px;padding:5px;font-size:9px}.mobile-precision-tabs button.active{background:color-mix(in srgb,var(--color-surface,#fff) 66%,transparent);color:var(--color-primary,#4f46e5);border:0;box-shadow:0 2px 8px #0f172a1a,inset 0 1px #ffffffa6}.mobile-precision-pad{background:color-mix(in srgb,var(--color-surface,#fff) 26%,transparent);-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #ffffff7a;border-radius:50%;grid-template-rows:46px 46px 46px;grid-template-columns:46px 46px 46px;justify-content:center;gap:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff94,inset 0 -12px 25px #0f172a0d,0 8px 22px #0f172a1a}.mobile-precision-pad:after{content:"";z-index:0;pointer-events:none;border:1px solid #ffffff47;border-radius:50%;position:absolute;inset:14px}.mobile-precision-pad button{z-index:1;width:46px;height:46px;min-height:46px;box-shadow:none;color:color-mix(in srgb,var(--color-text,#172033) 78%,transparent);touch-action:none;background:0 0;border:0;border-radius:0;padding:0;position:relative}.mobile-precision-pad button:hover{background:#ffffff29}.mobile-precision-pad button:active{background:color-mix(in srgb,var(--color-primary,#4f46e5) 16%,transparent);color:var(--color-primary,#4f46e5);border:0;transform:scale(.92)}.mobile-precision-pad .up{grid-area:1/2}.mobile-precision-pad .left{grid-area:2/1}.mobile-precision-pad .right{grid-area:2/3}.mobile-precision-pad .down{grid-area:3/2}.mobile-precision-pad-centre{z-index:2;background:color-mix(in srgb,var(--color-primary-soft,#eef2ff) 54%,transparent);color:var(--color-primary,#4f46e5);text-transform:capitalize;border:1px solid #ffffff9e;border-radius:50%;grid-area:2/2;align-content:center;place-items:center;gap:0;font-size:8px;font-weight:750;display:grid;position:relative;box-shadow:0 3px 12px #0f172a1a,inset 0 1px #ffffffb3}.mobile-precision-rail{align-content:center;gap:4px;display:grid}.mobile-precision-step,.mobile-precision-quick-option,.mobile-precision-more{background:color-mix(in srgb,var(--color-surface,#fff) 22%,transparent);text-align:left;border:1px solid #ffffff6b;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;min-height:35px;padding:5px 7px;font-size:8px;display:grid;box-shadow:inset 0 1px #fff6}.mobile-precision-step{background:color-mix(in srgb,var(--color-primary-soft,#eef2ff) 42%,transparent);border-color:color-mix(in srgb,var(--color-primary-border,#c7d2fe) 48%,transparent);color:var(--color-primary,#4f46e5);grid-template-columns:1fr;gap:0}.mobile-precision-step strong{font-size:12px;line-height:1}.mobile-precision-step span,.mobile-precision-quick-option span,.mobile-precision-more span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-precision-quick-option.active,.mobile-precision-more.active{border-color:color-mix(in srgb,var(--color-primary-border,#c7d2fe) 54%,transparent);background:color-mix(in srgb,var(--color-primary-soft,#eef2ff) 45%,transparent);color:var(--color-primary,#4f46e5)}.mobile-precision-options-drawer{background:color-mix(in srgb,var(--color-surface,#fff) 72%,transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);touch-action:pan-y;border:1px solid #ffffff9e;border-radius:18px;gap:8px;width:min(300px,100vw - 16px);max-height:min(55dvh,420px);padding:11px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 18px 48px #0f172a33,inset 0 1px #ffffffa6}.mobile-precision-drawer-heading{gap:1px;display:grid}.mobile-precision-drawer-heading strong{font-size:11px}.mobile-precision-drawer-heading small{color:var(--color-text-secondary,#64748b);font-size:8px}.mobile-precision-steps{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.mobile-precision-steps button,.mobile-precision-angle-presets button,.mobile-precision-text-actions button{background:color-mix(in srgb,var(--color-surface,#fff) 32%,transparent);border-color:#ffffff75;min-height:42px;padding:6px;font-size:10px}.mobile-precision-steps button.active{border-color:var(--color-primary,#4f46e5);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5)}.mobile-precision-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mobile-precision-options button{background:color-mix(in srgb,var(--color-surface,#fff) 32%,transparent);border-color:#ffffff75;min-height:44px;font-size:10px}.mobile-precision-options button.active{border-color:color-mix(in srgb,var(--color-primary-border,#c7d2fe) 58%,transparent);background:color-mix(in srgb,var(--color-primary-soft,#eef2ff) 54%,transparent);color:var(--color-primary,#4f46e5)}.mobile-precision-rotate{grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;min-height:146px;display:grid}.mobile-precision-rotate>button{background:color-mix(in srgb,var(--color-surface,#fff) 25%,transparent);border-color:#ffffff75;border-radius:16px;gap:2px;min-height:76px;padding:5px;display:grid;box-shadow:inset 0 1px #ffffff73}.mobile-precision-rotate>button span{font-size:9px}.mobile-precision-rotate>div{justify-items:center;min-width:42px;display:grid}.mobile-precision-rotate>div strong{font-size:14px}.mobile-precision-rotate>div small{color:var(--color-text-secondary,#64748b);font-size:8px}.mobile-precision-rotate .rotate-left{transform:scaleX(-1)}.mobile-precision-angle-presets,.mobile-precision-text-actions{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.mobile-precision-edit-text{min-height:48px}.mobile-precision-select-toggle{background:color-mix(in srgb,var(--color-surface,#fff) 28%,transparent);border:1px solid #ffffff75;border-radius:12px;align-items:center;gap:9px;min-height:44px;padding:7px 9px;font-size:10px;display:flex}.mobile-precision-select-toggle input{width:20px;height:20px;margin:0}.mobile-precision-geometry{border-top:1px solid #ffffff52;gap:7px;padding-top:8px;display:grid}.mobile-precision-geometry-group{background:#ffffff17;border:1px solid #ffffff59;border-radius:13px;gap:5px;padding:7px;display:grid;box-shadow:inset 0 1px #ffffff3d}.mobile-precision-geometry-heading{justify-content:space-between;align-items:baseline;gap:8px;padding:0 2px;display:flex}.mobile-precision-geometry-heading strong{letter-spacing:.02em;text-transform:uppercase;font-size:9px}.mobile-precision-geometry-heading small{color:var(--color-text-secondary,#64748b);font-size:8px}.mobile-precision-numbers{grid-template-columns:repeat(var(--precision-field-count,2),minmax(0,1fr));gap:5px;display:grid}.mobile-precision-numbers[data-count="1"]{--precision-field-count:1}.mobile-precision-numbers[data-count="2"]{--precision-field-count:2}.mobile-precision-number{min-width:0;color:var(--color-text-secondary,#64748b);text-transform:uppercase;gap:3px;font-size:8px;font-weight:700;display:grid}.mobile-precision-number input{background:color-mix(in srgb,var(--color-surface,#fff) 44%,transparent);width:100%;min-width:0;height:42px;color:var(--color-text,#172033);text-align:center;border:1px solid #ffffff85;border-radius:11px;padding:6px;font-size:12px;box-shadow:inset 0 1px 2px #0f172a0f}.mobile-precision-number input:focus{outline:2px solid color-mix(in srgb,var(--color-primary,#4f46e5) 55%,transparent);outline-offset:1px;border-color:color-mix(in srgb,var(--color-primary,#4f46e5) 68%,transparent);background:color-mix(in srgb,var(--color-surface,#fff) 68%,transparent)}.mobile-precision-panel~.draw-tools-toggle,.mobile-precision-panel~.canvas-draw-toolbar{display:none}.object-context-menu{max-height:min(48vh,320px);overflow:auto}.object-context-menu button{min-height:44px}}@media (width<=430px){.mobile-precision-panel{width:218px;padding:7px}.mobile-precision-gamepad{grid-template-columns:136px minmax(0,1fr);gap:6px}.mobile-precision-pad{grid-template-rows:42px 42px 42px;grid-template-columns:42px 42px 42px}.mobile-precision-pad button{width:42px;height:42px;min-height:42px}.mobile-precision-text-actions{grid-template-columns:1fr 1fr}}@media (width<=900px){.transform-info.touch{white-space:normal;border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;width:154px;min-height:62px;padding:8px;font-size:10px;line-height:1.45;display:grid;position:fixed;bottom:auto;right:auto;transform:none}.mobile-transform-crosshair{background:linear-gradient(90deg,#0000 calc(50% - .5px),#ffffff85 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#ffffff85 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));border:1px solid #fff6;border-radius:8px;width:30px;height:30px;display:block;position:relative}.mobile-transform-crosshair:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.design-notes{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:0 10px 10px;display:flex;position:relative}.design-notes-preview{min-width:0;color:var(--color-text-secondary);flex:120px;align-items:flex-start;gap:5px;margin:0;font-size:10px;line-height:1.35;display:flex}.design-notes-preview svg{color:var(--color-primary);flex:none;margin-top:1px}.design-notes-preview span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.design-notes-trigger{border:1px dashed var(--color-primary-border);background:var(--color-primary-soft);min-height:25px;box-shadow:none;color:var(--color-primary);border-radius:7px;padding:4px 7px;font-size:9px;font-weight:680}.design-grid .design-notes-trigger{text-align:center;padding:4px 7px;display:inline-flex}.design-notes-trigger:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.design-notes-popover{z-index:40;border:1px solid var(--color-border);background:var(--color-surface);width:min(320px,100vw - 30px);box-shadow:var(--shadow-lg);text-align:left;border-radius:11px;gap:8px;padding:11px;display:grid;position:absolute;top:calc(100% - 2px);left:10px}.design-notes-popover label{color:var(--color-text);gap:5px;font-size:10px;font-weight:700;display:grid}.design-notes-popover textarea{border:1px solid var(--color-border);background:var(--color-surface-muted);width:100%;min-height:105px;color:var(--color-text);font:inherit;resize:vertical;border-radius:8px;padding:8px;font-size:11px;line-height:1.45}.design-notes-popover textarea:focus{outline:2px solid color-mix(in srgb,var(--color-primary) 35%,transparent);outline-offset:1px;border-color:var(--color-primary)}.design-notes-meta{color:var(--color-text-muted);justify-content:space-between;gap:8px;font-size:9px;display:flex}.design-notes-error{color:var(--color-danger,#b42318);line-height:1.3}.design-notes-actions{justify-content:flex-end;gap:6px;display:flex}.design-notes-actions button{font-size:10px}.design-notes-compact{flex:none;padding:0}.design-notes-compact .design-notes-preview{white-space:nowrap;max-width:170px}.design-notes-compact .design-notes-preview span{text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:unset;display:block;overflow:hidden}.design-notes-compact .design-notes-popover{top:calc(100% + 8px);left:auto;right:0}.design-grid.list-view .design-notes{padding:0 12px 9px 110px}.asset-upload-zone{border:1px dashed #0000;border-radius:12px;padding:2px 8px 8px;transition:border-color .16s,background .16s;position:relative}.asset-upload-zone.active{border-color:var(--color-primary-border,#c7c3ff);background:var(--color-primary-soft,#f5f3ff)}.asset-upload-tags{color:var(--color-text-secondary,#667085);gap:4px;margin:7px 0;font-size:10px;font-weight:650;display:grid}.asset-upload-tags input{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface,#fff);border-radius:8px;width:100%;padding:7px 8px;font-size:11px}.asset-upload-status{border-radius:8px;margin:6px 0;padding:7px 9px;font-size:10px;line-height:1.35}.asset-upload-status.uploading{color:#1d4ed8;background:#eff6ff}.asset-upload-status.success{color:#166534;background:#ecfdf3}.asset-upload-status.error{color:#b42318;background:#fff1f2}.asset-tags-editor{gap:5px;min-width:0;display:grid}.asset-field-label{color:var(--color-text-secondary,#64748b);font-size:10px;font-weight:650}.asset-tag-chips{flex-wrap:wrap;align-items:center;gap:4px;min-height:22px;display:flex}.asset-tag-chips>small{color:var(--color-text-muted,#94a3b8);font-size:10px}.asset-tag-chip{background:var(--color-primary-soft,#eef2ff);max-width:100%;color:var(--color-primary,#4338ca);border-radius:999px;align-items:center;gap:4px;padding:4px 6px;font-size:10px;line-height:1;display:inline-flex}.asset-tag-chip button{width:15px;height:15px;color:inherit;background:0 0;border:0;border-radius:50%;padding:0}.asset-tag-chip button:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.asset-field-help{color:var(--color-text-muted,#94a3b8);font-size:9px}.layout-preset-field{margin-top:12px}.ai-upload-status{color:#64748b;font-size:10px}.ai-request-asset-search{color:#475569;gap:4px;margin:9px 0;font-size:10px;font-weight:650;display:grid}.ai-request-asset-search input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:7px 8px;font-size:11px}.ai-request-assets:focus-within{border-color:#c4b5fd;box-shadow:0 0 0 2px #c4b5fd33}.ai-request-assets.drag-active{background:#f5f3ff;border-color:#7c3aed}@media (width<=560px){.asset-field-grid{grid-template-columns:1fr}.asset-field-wide{grid-column:auto}.asset-upload-zone{padding-inline:4px}.ai-request-asset-search input{font-size:12px}}.asset-library{min-width:0;container-type:inline-size}.asset-library-header{margin-bottom:8px}.asset-library-actions{align-items:center;gap:5px;min-width:0;display:flex}.asset-library-actions button{height:32px;min-height:32px;padding:5px 8px}.asset-commons-action{border-color:var(--color-primary-border,#c7c3ff);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5);white-space:nowrap;font-size:10px;font-weight:700}.asset-commons-action:hover{background:color-mix(in srgb,var(--color-primary,#4f46e5) 14%,var(--color-surface,#fff))}.asset-new-folder-action{width:32px;padding:0!important}.asset-controls{gap:8px;margin-bottom:10px;display:grid}.asset-search-control,.asset-filter-control,.asset-upload-control{min-width:0;color:var(--color-text-secondary,#64748b);gap:4px;font-size:10px;font-weight:650;display:grid}.asset-search-control .search-input{width:100%;min-width:0;height:38px;min-height:38px;margin:0}.asset-control-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.asset-control-row>*{min-width:0}.asset-filter-control select,.asset-upload-button{width:100%;min-width:0;height:38px;min-height:38px}.asset-filter-control select{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface,#fff);color:var(--color-text,#172033);border-radius:8px;padding:8px 9px;font-size:11px}.asset-upload-button{white-space:normal;line-height:1.15}.asset-upload-options{min-width:0;color:var(--color-text-secondary,#64748b);font-size:10px}.asset-upload-options summary{min-height:28px;color:var(--color-primary,#4f46e5);cursor:pointer;align-items:center;padding:4px 0;font-weight:700;list-style:none;display:inline-flex}.asset-upload-options summary::-webkit-details-marker{display:none}.asset-upload-options summary:before{content:"+";border:1px solid;border-radius:50%;place-items:center;width:16px;height:16px;margin-right:5px;font-size:12px;line-height:1;display:inline-grid}.asset-upload-options[open] summary:before{content:"−"}.asset-upload-options-body{gap:5px;padding:2px 0 3px;display:grid}.asset-upload-options .asset-upload-tags{margin:0}.asset-upload-instructions{color:var(--color-text-muted,#94a3b8);margin:0;font-size:9px;line-height:1.4}.asset-results-section{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface-muted,#f8fafc);border-radius:10px;margin-top:0;padding:8px}.asset-results-section.active{border-color:var(--color-primary-border,#c7c3ff);background:var(--color-primary-soft,#f5f3ff)}.asset-results-section .asset-grid{margin-top:0}.asset-details{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);border-radius:10px;margin:12px 0 0;padding:12px}.asset-details-header{padding:0 0 11px}.asset-details-section{padding:11px 0}.asset-details input:not([type=checkbox]):not([type=radio]),.asset-details select{width:100%;min-width:0;height:38px;min-height:38px}.asset-details .asset-action-grid{grid-auto-rows:minmax(38px,auto);align-items:stretch}.asset-details .asset-action-grid button,.asset-details .asset-replace-section>button,.asset-details-danger button{white-space:normal;overflow-wrap:anywhere;width:100%;min-width:0;height:100%;min-height:38px}.asset-details .asset-action-grid-share button{min-height:38px}.asset-details-danger{padding-top:11px}@container (width<=200px){.asset-control-row,.asset-field-grid,.asset-action-grid{grid-template-columns:1fr}}.asset-card{cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.asset-card.menu-open{z-index:20}.asset-card:hover,.asset-card:focus-visible{transform:translateY(-1px);border-color:var(--color-primary-border,#c7c3ff)!important;box-shadow:var(--shadow-sm,0 2px 8px #0f172a12)!important}.asset-card:focus-visible{outline:2px solid var(--color-primary,#5b55e7);outline-offset:2px}.asset-card .asset-image{cursor:zoom-in}.asset-card-menu{position:static}.asset-menu-trigger{z-index:5;width:27px;height:27px;min-height:27px;color:var(--color-text-secondary,#667085);position:absolute;top:4px;right:4px;box-shadow:0 2px 8px #0f172a16;border:1px solid color-mix(in srgb,var(--color-border,#d8dee9) 85%,transparent)!important;background:color-mix(in srgb,var(--color-surface,#fff) 90%,transparent)!important;border-radius:7px!important;padding:3px!important}.asset-menu-trigger:hover,.asset-menu-trigger[aria-expanded=true]{color:var(--color-primary,#4f46e5);border-color:var(--color-primary-border,#c7c3ff)!important;background:var(--color-primary-soft,#eef2ff)!important}.asset-menu{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface-raised,#fff);width:max-content;min-width:190px;box-shadow:var(--shadow-lg,0 18px 45px #0f172a33);animation:cf-pop-in var(--duration-normal,.16s) var(--ease-enter,ease-out);border-radius:10px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 5px);right:0}.asset-card:nth-child(odd) .asset-menu{left:0;right:auto}.asset-menu button{width:100%;min-height:32px;color:var(--color-text,#273246);text-align:left;white-space:nowrap;background:0 0;border:0;justify-content:flex-start;padding:7px 9px;font-size:10px}.asset-menu button:hover{background:var(--color-surface-hover,#f3f5f9);color:var(--color-primary,#4f46e5)}.asset-menu button:disabled{color:var(--color-text-muted,#98a2b3);background:0 0}@container (width<=260px){.asset-menu{min-width:170px}}.asset-viewer-backdrop{z-index:1400;overscroll-behavior:contain;background:#0f172aad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.asset-viewer{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface,#fff);width:min(1180px,100vw - 36px);height:min(880px,100dvh - 36px);min-height:0;color:var(--color-text,#172033);border-radius:16px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 28px 90px #0f172a5c}.asset-viewer-header{border-bottom:1px solid var(--color-border,#e5e7eb);background:var(--color-surface-raised,#fff);justify-content:space-between;align-items:center;gap:14px;padding:15px 19px;display:flex}.asset-viewer-heading{gap:3px;min-width:0;display:grid}.asset-viewer-heading h2{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.asset-viewer-heading small{color:var(--color-text-muted,#667085);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.asset-viewer-kicker{color:var(--color-primary,#4f46e5);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:760}.asset-viewer-close{width:34px;height:34px;min-height:34px;color:var(--color-text-secondary,#667085);background:0 0;border-color:#0000;flex:none;padding:0}.asset-viewer-close:hover{border-color:var(--color-border,#d8dee9);background:var(--color-surface-muted,#f8fafc);color:var(--color-text,#172033)}.asset-viewer-body{grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);min-height:0;display:grid;overflow:hidden}.asset-viewer-preview{border-right:1px solid var(--color-border,#e5e7eb);background:var(--color-surface-muted,#f8fafc);grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;padding:14px;display:grid}.asset-viewer-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.asset-viewer-toolbar-title{min-width:0;color:var(--color-text-secondary,#64748b);align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.asset-viewer-toolbar-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-viewer-toolbar-title small{color:var(--color-text-muted,#98a2b3);font-size:9px;font-weight:500}.asset-viewer-toolbar-error{color:var(--color-danger,#b42318)!important}.asset-zoom-controls{flex:none;align-items:center;gap:4px;display:flex}.asset-zoom-controls button{border-color:var(--color-border,#d8dee9);background:var(--color-surface,#fff);min-width:31px;height:31px;min-height:31px;color:var(--color-text-secondary,#475569);padding:5px 7px;font-size:10px}.asset-zoom-controls button:hover{border-color:var(--color-primary-border,#c7c3ff);background:var(--color-primary-soft,#eef2ff);color:var(--color-primary,#4f46e5)}.asset-zoom-controls button:first-child,.asset-zoom-controls button:nth-child(3){width:31px;padding:5px}.asset-zoom-controls span{min-width:43px;color:var(--color-text,#273246);font-variant-numeric:tabular-nums;text-align:center;font-size:10px}.asset-viewer-stage{border:1px solid var(--color-border,#d8dee9);background:repeating-conic-gradient(#f1f5f9 0 25%,#e9eef5 0 50%) 50% / 20px 20px;cursor:grab;touch-action:none;overscroll-behavior:contain;border-radius:11px;min-width:0;min-height:0;overflow:auto}.asset-viewer-stage:active{cursor:grabbing}.asset-viewer-stage:focus-visible{outline:2px solid var(--color-primary,#5b55e7);outline-offset:2px}.asset-viewer-image-canvas{place-items:center;min-width:100%;min-height:100%;padding:24px;display:grid}.asset-viewer-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;height:auto;display:block;box-shadow:0 8px 24px #0f172a2e}.asset-viewer-image-empty{border:1px dashed var(--color-border,#cbd5e1);background:var(--color-surface,#fff);min-width:190px;min-height:140px;color:var(--color-text-muted,#64748b);text-align:center;border-radius:10px;place-items:center;gap:8px;padding:20px;font-size:10px;display:grid}.asset-viewer-preview-footer{color:var(--color-text-muted,#94a3b8);justify-content:space-between;gap:10px;padding:8px 2px 0;font-size:9px;display:flex}.asset-viewer-error{margin:8px 0 0;font-size:10px}.asset-viewer-inspector{background:var(--color-surface,#fff);min-width:0;min-height:0;padding:0 17px 17px;overflow:auto}.asset-viewer-inspector .asset-details{background:0 0;border:0;margin:0;padding:0;position:static}.asset-viewer-inspector .asset-details-header{z-index:2;background:color-mix(in srgb,var(--color-surface,#fff) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 -17px;padding:14px 17px 13px;position:sticky;top:0}.asset-viewer-inspector .asset-details-close{display:none}.asset-viewer-metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.asset-viewer-metadata-item{border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface-muted,#f8fafc);border-radius:8px;gap:3px;min-width:0;padding:8px 9px;display:grid}.asset-viewer-metadata-item span{color:var(--color-text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.04em;font-size:8px;font-weight:700}.asset-viewer-metadata-item strong{color:var(--color-text,#273246);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.asset-viewer-inspector .asset-details-section{padding:14px 0}.asset-viewer-inspector .asset-details-section:first-of-type{padding-top:14px}.asset-viewer-inspector textarea{border:1px solid var(--color-border,#d8dee9);background:var(--color-surface,#fff);width:100%;min-height:84px;color:var(--color-text,#172033);border-radius:8px;padding:8px 9px;font-size:11px;line-height:1.4}.asset-viewer-inspector textarea:focus{border-color:var(--color-primary-border,#c7c3ff);outline:2px solid color-mix(in srgb,var(--color-primary,#4f46e5) 14%,transparent);outline-offset:0}.asset-save-state{color:var(--color-text-muted,#64748b);align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.asset-save-state.saving{color:var(--color-primary,#4f46e5)}.asset-save-state.saved{color:var(--color-success,#15803d)}.asset-save-state.error{border:1px solid color-mix(in srgb,var(--color-danger,#b42318) 25%,var(--color-border,#e5e7eb));background:var(--color-danger-soft,#fff1f2);color:var(--color-danger,#b42318)}.asset-usage-list{flex-wrap:wrap;gap:5px;display:flex}.asset-usage-list span{background:var(--color-surface-muted,#f8fafc);color:var(--color-text-secondary,#475569);border-radius:999px;padding:4px 7px;font-size:9px}.asset-viewer-usage-loading,.asset-viewer-usage-empty{color:var(--color-text-muted,#94a3b8);align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.asset-viewer-usage-error{margin:0;font-size:10px}@media (width<=900px){.asset-viewer{width:min(760px,100vw - 22px);height:min(900px,100dvh - 22px)}.asset-viewer-body{grid-template-columns:1fr;overflow:auto}.asset-viewer-preview{border-right:0;border-bottom:1px solid var(--color-border,#e5e7eb);min-height:48dvh}.asset-viewer-inspector{overflow:visible}.asset-viewer-inspector .asset-details-header{position:static}.asset-viewer-inspector .asset-details-close{display:flex}.asset-viewer-header{padding:13px 14px}.asset-viewer-preview{padding:10px}.asset-viewer-inspector{padding-inline:14px}.asset-viewer-inspector .asset-details-header{margin-inline:-14px;padding-inline:14px}}@media (width<=560px){.asset-viewer-backdrop{padding:0}.asset-viewer{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}.asset-viewer-heading h2{font-size:16px}.asset-viewer-toolbar{flex-direction:column;align-items:flex-start}.asset-zoom-controls{justify-content:flex-end;width:100%}.asset-viewer-preview{min-height:43dvh}.asset-viewer-metadata-grid{grid-template-columns:1fr 1fr}}