.feature-grid{--feature-icon-zone: var(--space-12);--feature-icon-size: var(--icon-feature);--feature-icon-optical-default: 1;--feature-icon-optical-plus: 1.35;--feature-title-size: var(--type-small);--feature-title-height: calc(var(--feature-title-size) * 2.7);--feature-description-size: var(--type-caption);--feature-description-height: calc(var(--feature-description-size) * 3);--feature-card-gap: var(--space-2);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--feature-card-gap);align-items:stretch}.feature-card{--feature-accent: var(--canvascope-cyan);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--feature-icon-zone) var(--space-4) var(--feature-title-height) var(--space-2) var(--feature-description-height) var(--space-6);gap:0;align-items:start;justify-items:center;min-width:0;padding:var(--space-6) var(--space-2) 0;text-align:center}.feature-card.panel{border-color:var(--feature-accent);box-shadow:0 0 var(--space-5) color-mix(in srgb,var(--feature-accent) calc(12% * var(--glow)),transparent)}.feature-card[data-accent=violet]{--feature-accent: var(--canvascope-purple)}.feature-card[data-accent=gold]{--feature-accent: var(--canvascope-gold)}.feature-card__icon-zone{grid-row:1;display:grid;place-items:center;width:100%;height:var(--feature-icon-zone);color:var(--feature-accent)}.feature-card .feature-card__icon{--feature-icon-optical-scale: var(--feature-icon-optical-default);width:var(--feature-icon-size);height:var(--feature-icon-size);margin:0;transform:scale(var(--feature-icon-optical-scale));transform-origin:center}.feature-card .feature-card__icon[data-glyph=plus]{--feature-icon-optical-scale: var(--feature-icon-optical-plus)}.feature-card__title-zone{grid-row:3;width:100%;height:var(--feature-title-height);font-family:var(--font-ui);font-size:var(--feature-title-size);font-weight:650;line-height:1.35;letter-spacing:0;color:var(--canvascope-text-primary)}.feature-card__description-zone{grid-row:5;width:100%;height:var(--feature-description-height);font-family:var(--font-ui);font-size:var(--feature-description-size);font-weight:400;line-height:1.5;letter-spacing:0;color:var(--canvascope-text-secondary)}.feature-card__title-zone>span,.feature-card__description-zone>span{display:block;white-space:nowrap}.connection-panel{--connection-identity-size: var(--icon-feature);--connection-structural-gap: var(--space-3);--connection-dot-size: var(--space-1);display:grid;grid-template-columns:auto minmax(0,1fr) var(--touch-target);align-items:center;gap:var(--connection-structural-gap);padding:var(--space-5) var(--space-4);position:relative;isolation:isolate}.connection-panel:before{content:"";position:absolute;inset:0 0 0 55%;pointer-events:none;z-index:-1;opacity:calc(var(--art-opacity) * .24);background:linear-gradient(90deg,var(--canvascope-bg-secondary),transparent),url(/assets/planet.png) right center / cover}.connection-panel__identity{display:grid;align-items:center;min-height:calc(var(--space-12) + var(--space-6));padding-right:var(--connection-structural-gap);border-right:1px solid var(--canvascope-divider)}.connection-panel__identity img{width:var(--connection-identity-size);height:var(--connection-identity-size);object-fit:contain}.connection-panel__content{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.connection-panel__title{font-size:var(--type-card);font-weight:650;line-height:1.3;white-space:nowrap}.connection-panel__description{margin-top:var(--space-1);color:var(--canvascope-text-secondary);font-size:var(--type-small);line-height:1.5}.connection-panel__description>span{display:block;white-space:nowrap}.connection-panel__status{display:flex;align-items:center;flex-wrap:wrap;margin-top:var(--space-3);color:var(--canvascope-text-muted);font-size:var(--type-caption);line-height:1.5}.connection-panel__state{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.connection-panel__state i{width:var(--connection-dot-size);height:var(--connection-dot-size);border-radius:50%;background:var(--canvascope-text-muted);flex:none}.connection-panel__storage{white-space:nowrap}.connection-panel .connection-panel__action{display:grid;place-items:center;width:var(--touch-target);min-height:var(--touch-target);padding:0;color:var(--canvascope-cyan);border:0;border-radius:0;background:none;align-self:center}@media(max-width:649px){.connection-panel__status{display:grid}.connection-panel__storage{padding-left:calc(var(--connection-dot-size) + var(--space-2))}.connection-panel__separator{display:none}}@media(min-width:650px){.feature-grid{--feature-title-size: var(--type-section);--feature-description-size: var(--type-small);--feature-card-gap: var(--space-5)}.connection-panel{--connection-identity-size: var(--space-12);--connection-structural-gap: var(--space-5);padding:var(--space-6)}}@media(max-width:374px){.feature-grid{grid-template-columns:repeat(3,minmax(112px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:var(--space-1)}.feature-card{scroll-snap-align:start}.connection-panel{--connection-identity-size: var(--icon-tool);--connection-structural-gap: var(--space-2);padding-inline:var(--space-3)}}:root{color-scheme:dark;--canvascope-bg-primary:#03121e;--canvascope-bg-secondary:#061b2b;--canvascope-panel:#082333;--canvascope-panel-elevated:#0b2b40;--canvascope-text-primary:#f7f9ff;--canvascope-text-on-accent:#001b26;--canvascope-text-secondary:#b9cde9;--canvascope-text-muted:#92accb;--canvascope-cyan:#00e5e8;--canvascope-cyan-soft:#89faff;--canvascope-blue:#008be9;--canvascope-gold:#ffdc57;--canvascope-purple:#b78afd;--canvascope-danger:#ff647c;--canvascope-divider:#28495f;--canvascope-border:#387395;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-panel:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--icon-small:20px;--icon-standard:24px;--icon-tool:32px;--icon-feature:40px;--touch-target:44px;--page-width:1000px;--font-ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--type-display:clamp(2rem,6.5vw,3.75rem);--type-title:clamp(2rem,5vw,3rem);--type-section:1.25rem;--type-card:1rem;--type-body:1rem;--type-small:.875rem;--type-caption:.75rem;--glow:.5;--art-opacity:.8;--shadow-panel:0 0 20px rgb(0 229 232 / calc(.08 * var(--glow)));--ease:cubic-bezier(.2,.8,.2,1);--nav-height:80px}:root[data-theme=light]{color-scheme:light;--art-opacity:.18;--canvascope-bg-primary:#edf7fd;--canvascope-bg-secondary:#e3f0fa;--canvascope-panel:#f6fbff;--canvascope-panel-elevated:#fff;--canvascope-text-primary:#071a2b;--canvascope-text-on-accent:#fff;--canvascope-text-secondary:#355777;--canvascope-text-muted:#496b87;--canvascope-cyan:#007d87;--canvascope-cyan-soft:#007580;--canvascope-divider:#b6d4e5;--canvascope-border:#739fb8}body{font-family:var(--font-ui);font-size:var(--type-body);line-height:1.5;color:var(--canvascope-text-primary);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.15}p{text-wrap:pretty}.ui-display{font-size:var(--type-display);font-weight:760;letter-spacing:-.04em}.ui-page-title{font-size:var(--type-title);font-weight:750;letter-spacing:-.035em}.ui-section-title{font-size:var(--type-section);font-weight:650;letter-spacing:-.025em}.ui-card-title{font-size:var(--type-card);font-weight:650;line-height:1.3}.ui-body{font-size:var(--type-body)}.ui-body-small{font-size:var(--type-small);line-height:1.5}.ui-label{font-size:var(--type-small);font-weight:600}.ui-caption{font-size:var(--type-caption)}.ui-action-label{font-size:var(--type-small);font-weight:550;line-height:1.3}.ui-metadata{font-size:var(--type-caption);color:var(--canvascope-text-muted)}.eyebrow{text-transform:uppercase;font-size:var(--type-caption);letter-spacing:.25em;line-height:1.8}.muted{color:var(--canvascope-text-secondary)}.accent{color:var(--canvascope-cyan)}.gold{color:var(--canvascope-gold)}.purple{color:var(--canvascope-purple)}.nowrap{white-space:nowrap}*{box-sizing:border-box}body{margin:0;background:var(--canvascope-bg-primary)}button,input,select,textarea{font:inherit}select{appearance:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--canvascope-cyan);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--canvascope-cyan);outline-offset:4px}button:active:not(:disabled){filter:brightness(1.15)}svg{stroke-width:1.8;flex-shrink:0;width:var(--icon-standard);height:var(--icon-standard)}img{max-width:100%;display:block}.panel{background:linear-gradient(125deg,color-mix(in srgb,var(--canvascope-panel-elevated) 70%,transparent),var(--canvascope-bg-secondary) 70%);border:1px solid var(--canvascope-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);overflow:hidden}.panel--accent{border-color:var(--canvascope-cyan)}.panel--gold{border-color:var(--canvascope-gold)}.panel-pad{padding:var(--space-5)}.panel-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--canvascope-divider)}.panel-header>svg{color:var(--canvascope-cyan);width:var(--icon-tool);height:var(--icon-tool)}.panel-header p{margin-top:var(--space-1)}.panel-row{display:flex;align-items:center;gap:var(--space-4);min-height:76px;padding:var(--space-4) 0}.panel-row+.panel-row{border-top:1px solid var(--canvascope-divider)}.panel-row__content{flex:1;min-width:0}.panel-row__trailing{flex-shrink:0}.panel-divider{border:0;border-bottom:1px solid var(--canvascope-divider);margin:var(--space-5) 0}.icon-action{display:inline-flex;justify-content:center;align-items:center;min-width:var(--touch-target);min-height:var(--touch-target);padding:var(--space-2);gap:var(--space-2);border-radius:var(--radius-sm)}.text-action{color:var(--canvascope-cyan);min-height:var(--touch-target);padding:var(--space-2) 0;white-space:nowrap;font-size:var(--type-small)}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--canvascope-cyan);color:var(--canvascope-text-on-accent);border-radius:var(--radius-md);font-weight:650;min-height:48px;padding:var(--space-3) var(--space-6)}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--canvascope-border);border-radius:var(--radius-md);min-height:44px;padding:var(--space-2) var(--space-4)}.selected-state{color:var(--canvascope-cyan);position:relative}.selected-state:after{content:"";height:3px;background:var(--canvascope-cyan);position:absolute;bottom:0;left:var(--space-2);right:var(--space-2);border-radius:var(--radius-xs);box-shadow:0 0 12px rgb(0 229 232 / calc(.5 * var(--glow)))}.choice-row{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;border-bottom:1px solid var(--canvascope-divider)}.choice-cell{position:relative;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);text-align:center;font-size:var(--type-small)}.choice-row .choice-cell:before{content:"";position:absolute;left:0;top:var(--space-4);bottom:var(--space-4);border-left:1px solid var(--canvascope-divider)}.choice-row .choice-cell:first-child:before{display:none}.choice-cell svg{width:var(--icon-tool);height:var(--icon-tool)}.tabs{display:flex;justify-content:space-between;gap:var(--space-1);border-bottom:1px solid var(--canvascope-divider);overflow:auto}.tab{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-2);flex:1;font-size:var(--type-small);white-space:nowrap}.tabs--icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.tabs--icons .tab{flex-direction:column;min-width:0;padding:var(--space-3) 0;font-size:var(--type-caption)}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field input,.field select,.field textarea,.search-field{width:100%;border:1px solid var(--canvascope-border);border-radius:var(--radius-md);padding:var(--space-3);background:color-mix(in srgb,var(--canvascope-panel-elevated) 65%,transparent);color:var(--canvascope-text-primary);min-height:48px}.field textarea{resize:vertical;min-height:100px}.field input[type=color]{padding:var(--space-1);width:64px}.toggle{width:52px;min-height:44px;position:relative;padding:0;flex-shrink:0}.toggle:before{content:"";display:block;height:28px;width:48px;background:var(--canvascope-divider);border-radius:40px}.toggle:after{content:"";width:22px;height:22px;border-radius:50%;background:#edf5ff;position:absolute;top:11px;left:3px;transition:transform .15s}.toggle[aria-checked=true]:before{background:var(--canvascope-cyan)}.toggle[aria-checked=true]:after{transform:translate(20px)}.slider{accent-color:var(--canvascope-cyan);min-height:44px;width:100%;min-width:64px}.checkerboard{background-color:#c9d2d9;background-image:linear-gradient(45deg,#8b9ba8 25%,transparent 25%),linear-gradient(-45deg,#8b9ba8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#8b9ba8 75%),linear-gradient(-45deg,transparent 75%,#8b9ba8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.color-swatch{width:28px;height:28px;display:block;border-radius:50%;border:1px solid var(--canvascope-text-muted)}.swatch-custom{background:conic-gradient(red,#ff0,#0f9,#0bf,#71f,red)}.empty-state{display:grid;justify-items:center;text-align:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);color:var(--canvascope-text-secondary)}.empty-state>svg{width:var(--icon-feature);height:var(--icon-feature);color:var(--canvascope-cyan)}.error-state{border-left:3px solid var(--canvascope-danger);padding:var(--space-3) var(--space-4);color:var(--canvascope-text-primary);background:color-mix(in srgb,var(--canvascope-danger) 10%,transparent);border-radius:var(--radius-sm)}.loading-state{min-height:200px;display:grid;place-items:center;color:var(--canvascope-text-secondary)}.modal-backdrop{position:fixed;inset:0;background:#00101bc9;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding-top:var(--space-10)}.sheet{width:min(100%,720px);max-height:92dvh;border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--canvascope-bg-secondary);border:1px solid var(--canvascope-border);overflow:auto;overscroll-behavior:contain;padding:var(--space-5);padding-bottom:max(var(--space-6),env(safe-area-inset-bottom))}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.sheet-handle{height:4px;width:40px;border-radius:4px;background:var(--canvascope-border);margin:0 auto var(--space-4)}.toast{position:fixed;z-index:80;bottom:calc(var(--nav-height) + var(--space-6));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 40px);border:1px solid var(--canvascope-cyan);background:var(--canvascope-panel-elevated);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);box-shadow:0 8px 40px #0008;font-size:var(--type-small)}.app-shell{max-width:var(--page-width);margin:auto;padding:0 var(--space-5) var(--space-8)}.app-shell.with-nav{padding-bottom:calc(var(--nav-height) + var(--space-10) + env(safe-area-inset-bottom))}.app-header{height:96px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:var(--space-2);position:relative;z-index:5}.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--canvascope-text-primary);width:max-content;max-width:100%;margin:auto}.brand-word{display:flex;align-items:center;font-size:clamp(1.2rem,5.8vw,2.1rem);font-weight:820;line-height:1.1;letter-spacing:-.055em}.brand-word img{width:.9em;height:1.12em;margin:0 .015em}.brand-color{background:linear-gradient(110deg,#00ebd5,#00dbec,#1689ff);color:transparent;-webkit-background-clip:text;background-clip:text}.brand-by{display:flex;align-items:center;gap:var(--space-3);font-size:.5rem;letter-spacing:.3em;margin-top:var(--space-1);white-space:nowrap}.brand-by i{display:block;width:24px;height:1px;background:var(--canvascope-gold)}.bottom-nav{position:fixed;z-index:20;bottom:max(var(--space-3),env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - var(--space-6));max-width:760px;height:var(--nav-height);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:linear-gradient(120deg,var(--canvascope-panel-elevated),var(--canvascope-bg-secondary));border-radius:var(--radius-panel)}.nav-item{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--canvascope-text-secondary);font-size:var(--type-caption);position:relative}.nav-item svg{width:var(--icon-standard);height:var(--icon-standard)}.nav-item.selected-state{color:var(--canvascope-cyan)}.nav-item:after{bottom:var(--space-1);left:25%;right:25%}.page-stack{display:flex;flex-direction:column;gap:var(--space-6)}.page-title{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.hero{min-height:180px;position:relative;display:flex;align-items:center;padding:var(--space-6) var(--space-5);isolation:isolate}.hero-art{position:absolute;inset:0 0 0 42%;background:linear-gradient(90deg,var(--canvascope-bg-secondary),transparent 55%),url(/assets/planet.png) center 50%/cover;z-index:-1;opacity:var(--art-opacity)}.hero-copy{width:75%;display:grid;gap:var(--space-3)}.hero-copy>p:last-child{max-width:27ch;font-size:var(--type-small)}.hero-words{display:flex;position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%);flex-direction:column;gap:var(--space-2);font-size:.5rem;letter-spacing:.3em;align-items:center}.hero-words i{width:24px;height:2px;background:var(--canvascope-gold);margin-top:var(--space-2)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.project-card{position:relative;border-radius:var(--radius-lg)}.project-open{display:block;padding:0;width:100%;text-align:left}.project-open>img,.project-placeholder{width:100%;aspect-ratio:1.4;object-fit:cover}.project-placeholder{display:grid;place-items:center;color:#16344b}.project-copy{padding:var(--space-3)}.project-copy h3{font-size:var(--type-small);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-copy p{margin-top:var(--space-1)}.project-menu{position:absolute;right:var(--space-1);top:var(--space-1);background:#03121ecc}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.asset-card{position:relative;min-width:0}.asset-tile{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--canvascope-border);border-radius:var(--radius-md);overflow:hidden;padding:0;background-color:var(--canvascope-bg-primary)}.asset-tile>img{width:100%;height:100%;object-fit:cover}.asset-tile.checkerboard>img{object-fit:contain}.asset-text{font-size:clamp(.875rem,4vw,1.5rem);line-height:1.1;font-weight:700;color:var(--canvascope-text-primary);padding:var(--space-2);text-wrap:balance}.favorite-action{position:absolute;right:0;bottom:0;background:#03121ecc;width:32px;border-radius:var(--radius-sm);color:#fff}.favorite-action svg{width:16px;height:16px}.form-stack{display:grid;gap:var(--space-5)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.preset-grid .choice-cell{border-bottom:1px solid var(--canvascope-divider)}.preset-grid .choice-cell:before{display:none}.preset-grid .choice-cell:last-child:nth-child(odd){grid-column:1/-1}.action-row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.menu-links{display:flex;flex-direction:column;gap:var(--space-2)}.menu-links a,.menu-links button{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);min-height:48px;text-align:left;color:var(--canvascope-text-primary)}.search-wrap{position:relative}.search-wrap>svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--canvascope-text-secondary)}.search-field{padding-left:var(--space-12)}.settings-grid{display:grid;gap:var(--space-6)}.settings-grid .panel-row__trailing{max-width:45%}.settings-grid select{max-width:100%;min-height:44px;background:transparent;color:inherit;border:0;text-align:right;font-size:var(--type-small)}.settings-grid option{background:var(--canvascope-panel)}.storage-meter{width:100%;height:8px;accent-color:var(--canvascope-cyan)}.editor-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.project-name{display:flex;align-items:center;min-width:0}.project-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw}.editor-history{display:flex;align-items:center}.editor-workspace{position:relative;max-width:680px;margin:auto;width:100%;min-height:200px}.canvas-surface{overflow:hidden;border:1px solid var(--canvascope-cyan);border-radius:var(--radius-md);touch-action:none;max-width:100%;background-color:#c9d2d9;background-image:linear-gradient(45deg,#a3b2bd 25%,transparent 25%),linear-gradient(-45deg,#a3b2bd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#a3b2bd 75%),linear-gradient(-45deg,transparent 75%,#a3b2bd 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.canvas-surface canvas{display:block}.canvas-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0}.canvas-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--space-3) var(--space-1);margin-top:var(--space-3)}.canvas-tool{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);position:relative}.canvas-tool:not(:first-child):before{content:"";position:absolute;left:0;top:var(--space-3);bottom:var(--space-3);border-left:1px solid var(--canvascope-divider)}.canvas-tool svg{width:var(--icon-tool);height:var(--icon-tool)}.canvas-tool p{font-size:var(--type-caption);color:var(--canvascope-text-secondary);max-width:14ch;line-height:1.4}.canvas-tool p>span{display:block;white-space:nowrap}.selection-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);padding:var(--space-2) 0;min-height:60px}.selection-bar>button{font-size:var(--type-caption)}.layer-row{display:flex;align-items:center;gap:var(--space-1);min-height:64px;border-bottom:1px solid var(--canvascope-divider)}.layer-name{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:44px}.layer-row>svg{color:var(--canvascope-text-muted);width:20px}.layer-controls{display:flex}.layer-controls .icon-action{padding:var(--space-1)}.export-preview{max-height:300px;overflow:hidden;border:1px solid var(--canvascope-border);border-radius:var(--radius-panel);background:var(--canvascope-bg-secondary);position:relative}.export-preview img{width:100%;max-height:300px;object-fit:contain}.export-panel{padding:var(--space-5)}.export-section{margin-top:var(--space-5)}.export-section>h2{font-size:var(--type-card);font-weight:600;margin-bottom:var(--space-2)}.export-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:var(--space-4)}.export-action{display:flex;align-items:center;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-1);position:relative;min-height:100px;text-align:center}.export-action:not(:first-child):before{content:"";position:absolute;top:var(--space-3);bottom:var(--space-3);left:0;border-left:1px solid var(--canvascope-divider)}.export-action svg{width:var(--icon-tool);height:var(--icon-tool);color:var(--canvascope-cyan)}.export-action span{font-size:var(--type-small);line-height:1.3;font-weight:550}.export-action small{font-size:var(--type-caption);color:var(--canvascope-text-secondary);text-wrap:balance}.export-success-heading{display:flex;align-items:center;gap:var(--space-4)}.export-success-heading>svg{width:var(--icon-feature);height:var(--icon-feature);color:var(--canvascope-cyan)}.export-result{width:min(100%,440px);max-width:100%;height:auto;max-height:560px;margin:var(--space-6) auto;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--canvascope-cyan)}.export-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4) 0}.export-detail>div{min-width:0;overflow-wrap:anywhere}.danger{color:var(--canvascope-danger)}.loading-icon{vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.spacer{height:var(--space-4)}@media(min-width:650px){.app-header{height:112px}.brand-by{font-size:.625rem}.hero{min-height:240px;padding:var(--space-10)}.hero-copy{width:70%}.hero-copy>p:last-child{font-size:var(--type-body);max-width:36ch}.hero-words{right:var(--space-10);font-size:var(--type-caption)}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.asset-tile{border-radius:var(--radius-lg)}.sheet{border-radius:var(--radius-panel);margin:auto;max-height:85dvh;padding:var(--space-8)}.modal-backdrop,.panel-pad,.export-panel{padding:var(--space-6)}.settings-grid{max-width:800px;width:100%;margin:auto}.editor-layout{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.canvas-toolbar{max-width:680px;margin:var(--space-3) auto 0;width:100%}.editor-workspace{max-width:560px}.export-panel{max-width:800px;width:100%;margin:auto}.export-result{width:70%}.project-grid{gap:var(--space-5)}}@media(max-width:359px){.app-shell{padding-left:var(--space-3);padding-right:var(--space-3)}.brand-word{font-size:1.125rem}.brand-by{letter-spacing:.2em}.brand-by i{width:16px}.app-header{gap:0}.hero-words{display:none}.hero-copy{width:100%}.canvas-tool p{display:none}.choice-cell{font-size:.75rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-controls .icon-action{min-width:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-reduce-motion=true] *{transition:none!important;animation:none!important}