:root{--norma-canvas:#0b0d10;--norma-surface:#111419;--norma-surface-raised:#171b21;--norma-surface-soft:#0e1115;--norma-text:#f3f1eb;--norma-text-muted:#a9a59c;--norma-text-subtle:#77746e;--norma-line:#ffffff1a;--norma-line-strong:#fff3;--norma-accent:#f1efe8;--norma-accent-ink:#111315;--norma-accent-soft:#f1efe81a;--norma-success:#9ed7ad;--norma-danger:#efaca5;--norma-focus:#b8d4ff;--norma-shadow:0 18px 54px #00000047;--norma-radius-sm:10px;--norma-radius-md:16px;--norma-radius-lg:22px;--norma-radius-xl:30px;color:var(--norma-text);background:var(--norma-canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-norma-theme=light]{--norma-canvas:#eeede8;--norma-surface:#f8f7f3;--norma-surface-raised:#fff;--norma-surface-soft:#e7e5de;--norma-text:#191a18;--norma-text-muted:#5f605b;--norma-text-subtle:#7b7c76;--norma-line:#191a181c;--norma-line-strong:#191a1838;--norma-accent:#1d1f1c;--norma-accent-ink:#faf9f5;--norma-accent-soft:#1d1f1c14;--norma-success:#276b3a;--norma-danger:#9b3c35;--norma-focus:#245ca6;--norma-shadow:0 16px 44px #23231f17}:root[data-norma-theme=paper]{--norma-canvas:var(--create-page,#a3a69f);--norma-surface:var(--create-card,#dedcd3);--norma-surface-raised:var(--create-card,#dedcd3);--norma-surface-soft:#b9bbb3;--norma-text:#292b28;--norma-text-muted:#393c37;--norma-text-subtle:#5f625d;--norma-line:#292b282e;--norma-line-strong:#292b2852;--norma-accent:#292b28;--norma-accent-ink:#f1efe8;--norma-accent-soft:#24262214;--norma-success:#176455;--norma-danger:#873a35;--norma-focus:#176455;--norma-shadow:0 18px 36px #30332e29, 0 2px 6px #30332e17}:root,:root[data-norma-theme=light],:root[data-norma-theme=dark],:root[data-norma-theme=paper]{--norma-canvas:var(--create-page,#f5f3ee);--norma-surface:var(--create-card,#ebe8e1);--norma-surface-raised:var(--create-page-raised,#fbfaf7);--norma-surface-soft:color-mix(in srgb, var(--create-card,#ebe8e1) 78%, var(--create-page,#f5f3ee));--norma-text:var(--create-ink,#171815);--norma-text-muted:var(--create-muted,#77766f);--norma-text-subtle:color-mix(in srgb, var(--create-muted,#77766f) 78%, var(--create-page,#f5f3ee));--norma-line:var(--create-hairline,#17181521);--norma-line-strong:var(--create-hairline-strong,#1718153d);--norma-accent:var(--create-ink,#171815);--norma-accent-ink:var(--create-page-raised,#fbfaf7);--norma-accent-soft:color-mix(in srgb, var(--create-ink,#171815) 8%, transparent);--norma-success:var(--create-save,#4bc7a1);--norma-danger:var(--create-discard,#e9675e);--norma-focus:var(--create-focus,#4a4c47);--norma-shadow:0 18px 54px color-mix(in srgb, var(--create-ink,#171815) 17%, transparent)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--norma-canvas);min-height:100vh;color:var(--norma-text)}button,input,select{font:inherit}button,summary,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--norma-focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.46}.norma-app{background:radial-gradient(circle at 50% 31%, color-mix(in srgb, var(--create-page-raised,#fbfaf7) 72%, transparent), transparent 34%), var(--norma-canvas);min-height:100vh}.norma-topbar{z-index:30;min-height:var(--create-topbar-height,76px);padding-left:max(var(--norma-header-gutter,clamp(14px, 4vw, 42px)), env(safe-area-inset-left));padding-right:max(var(--norma-header-gutter,clamp(14px, 4vw, 42px)), env(safe-area-inset-right));background:color-mix(in srgb, var(--norma-canvas) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(120%);backdrop-filter:blur(20px)saturate(120%);border-bottom:0;grid-template-columns:1fr auto 1fr;grid-template-areas:"brand nav theme";align-items:center;gap:16px;display:grid;position:relative;top:0}.norma-brand{min-width:0;color:var(--norma-text);letter-spacing:.18em;background:0 0;border:0;grid-area:brand;justify-self:start;padding:10px 0;font-family:Geist,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:700;line-height:1;text-decoration:none}.norma-primary-nav{grid-area:nav;align-items:center;gap:18px;display:flex}.norma-primary-nav button{min-height:44px;color:var(--norma-text-muted);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:14px;font-weight:510;line-height:44px;transition:color .15s;position:relative}.norma-primary-nav button:hover,.norma-primary-nav button.is-active{color:var(--norma-text)}.norma-primary-nav button.is-active{font-weight:680}.norma-primary-nav button.is-active:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.norma-primary-nav button:focus-visible{color:var(--norma-text);text-underline-offset:5px;outline:none;text-decoration:underline;text-decoration-thickness:1px}.norma-topbar-tools{grid-area:tools;justify-content:flex-end;justify-self:end;align-items:center;gap:8px;display:flex}.norma-topbar.is-standalone{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools"}.norma-topbar-actions{gap:8px;display:flex}.norma-topbar:not(.is-standalone) .norma-topbar-tools{display:contents}.norma-topbar:not(.is-standalone) .norma-theme-toggle{grid-area:theme;justify-self:end}.norma-topbar:not(.is-standalone) .norma-topbar-actions{top:calc(100% + 10px);right:max(28px, env(safe-area-inset-right));position:absolute}.norma-topbar:not(.is-standalone)~.norma-layout{padding-top:70px}.norma-app .create-theme-toggle.norma-theme-toggle{border:1px solid var(--create-hairline);width:36px;height:36px;color:var(--create-muted);background:color-mix(in srgb, var(--create-page-raised) 72%, var(--create-card));box-shadow:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.norma-app .create-theme-toggle.norma-theme-toggle:hover{color:var(--create-ink);border-color:var(--create-hairline-strong);background:var(--create-page-raised)}.norma-theme-toggle svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block;overflow:visible}.norma-theme-toggle .create-theme-sun,.norma-theme-toggle .create-theme-moon,.norma-theme-toggle .create-theme-paper{transform-box:fill-box;transform-origin:50%;transition:opacity .38s,transform .38s,stroke-dashoffset .38s}.norma-theme-toggle .create-theme-moon{opacity:0;stroke-dasharray:1;stroke-dashoffset:1px;transform:scale(.2)rotate(-70deg)}.norma-theme-toggle .create-theme-paper{fill:currentColor;stroke:none;opacity:0;transform:scale(.25)rotate(-42deg)}.norma-theme-toggle.is-dark .create-theme-sun,.norma-theme-toggle.is-paper .create-theme-sun{opacity:0;transform:scale(.2)rotate(90deg)}.norma-theme-toggle.is-dark .create-theme-moon{opacity:1;stroke-dashoffset:0;transform:scale(1)rotate(0)}.norma-theme-toggle.is-paper .create-theme-paper{opacity:1;transform:scale(.78)rotate(0)}.norma-toolbar-count{min-width:18px;height:18px;color:var(--norma-text);background:var(--norma-accent-soft);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;margin-left:5px;padding:0 5px;font-size:10px;display:inline-grid}.norma-floating-dock{z-index:40;pointer-events:none;width:82px;height:82px;position:fixed;bottom:24px;left:18px}@media (width>=1221px){.norma-floating-dock{left:calc(50% - min(880px,50vw) + 310px)}}.norma-floating-action,.norma-floating-preview{pointer-events:auto}.norma-floating-action{width:82px;height:82px;position:relative}.norma-floating-generate{--create-generate-x:50%;--create-control-axis-over-h:50%;--create-slot-over-w:82px}.norma-floating-generate-label{border:1px solid var(--create-hairline-strong);color:var(--create-ink);background:color-mix(in srgb, var(--create-page-raised) 92%, transparent);box-shadow:0 8px 18px color-mix(in srgb, var(--create-ink) 12%, transparent);opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:680;line-height:1;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.norma-floating-action:hover .norma-floating-generate-label,.norma-floating-action:focus-within .norma-floating-generate-label{opacity:1;transform:translate(-50%)}.norma-floating-preview{border:1px solid var(--norma-line);background:color-mix(in srgb, var(--norma-surface) 94%, transparent);width:188px;box-shadow:var(--norma-shadow);border-radius:15px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:9px;padding:7px;animation:.16s ease-out norma-float-in;display:grid;position:absolute;bottom:0;right:66px}.norma-floating-preview-art{border:1px solid var(--norma-line);border-radius:10px;width:52px;height:52px;overflow:hidden}.norma-floating-preview-art .norma-canvas-frame-compact{border-radius:9px;height:100%;padding:4px}.norma-floating-preview-copy{gap:4px;min-width:0;display:grid}.norma-floating-preview-copy strong{overflow-wrap:anywhere;font-size:11px;line-height:1.2}@keyframes norma-float-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.norma-layout{grid-template-columns:300px minmax(520px,1fr) 292px;align-items:start;gap:16px;width:min(1760px,100%);margin:0 auto;padding:16px;display:grid}.norma-controls,.norma-workspace,.norma-inspector{min-width:0}.norma-controls,.norma-inspector{flex-direction:column;gap:12px;display:flex}.norma-workspace{flex-direction:column;gap:16px;display:flex}.norma-panel,.norma-stage-panel,.norma-results-panel,.norma-workspace-notice{border:1px solid var(--norma-line);background:var(--norma-surface);border-radius:var(--norma-radius-lg);box-shadow:var(--norma-shadow)}.norma-panel{padding:18px}.norma-panel-heading,.norma-stage-heading,.norma-results-heading{justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;display:flex}.norma-panel-heading h1,.norma-panel-heading h2,.norma-stage-heading h2,.norma-results-heading h2{color:var(--norma-text);letter-spacing:-.025em;margin:5px 0 0;line-height:1.08}.norma-panel-heading h1{font-size:22px}.norma-panel-heading h2,.norma-stage-heading h2,.norma-results-heading h2{font-size:18px}.norma-kicker{color:var(--norma-text-subtle);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:650;display:block}.norma-panel-intro,.norma-muted,.norma-diagnostics-panel p,.norma-stage-empty p,.norma-results-empty p{color:var(--norma-text-muted);font-size:13px;line-height:1.55}.norma-panel-intro{margin:14px 0 16px}.norma-ratio-readout,.norma-error-readout{border:1px solid var(--norma-line);color:var(--norma-text-muted);background:var(--norma-surface-soft);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:650}.norma-ratio-readout.is-invalid{color:var(--norma-danger);border-color:color-mix(in srgb, var(--norma-danger) 42%, transparent)}.norma-ratio-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.norma-field{min-width:0;color:var(--norma-text-muted);gap:7px;font-size:12px;display:grid}.norma-field>span{font-weight:620}.norma-field input,.norma-field select{border:1px solid var(--norma-line);border-radius:var(--norma-radius-sm);background:var(--norma-surface-soft);width:100%;min-height:42px;color:var(--norma-text);font-variant-numeric:tabular-nums;outline:none;padding:9px 10px;transition:border-color .15s,background .15s}.norma-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3.5 5.25 3.5 3.5 3.5-3.5' stroke='%2377746e' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:34px}.norma-field input:hover,.norma-field select:hover{border-color:var(--norma-line-strong)}.norma-field input[aria-invalid=true]{border-color:color-mix(in srgb, var(--norma-danger) 58%, transparent)}.norma-field small{color:var(--norma-danger);font-size:10px;line-height:1.35}.norma-percent-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.norma-percent-row span,.norma-stage-badges span,.norma-results-count{border:1px solid var(--norma-line);background:var(--norma-surface-soft);min-height:26px;color:var(--norma-text-muted);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:0 9px;font-size:10px;font-weight:620;display:inline-flex}.norma-preset-list{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.norma-chip,.norma-toggle,.norma-segmented button{border:1px solid var(--norma-line);color:var(--norma-text-muted);background:var(--norma-surface-soft);cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .12s}.norma-chip{border-radius:999px;min-height:30px;padding:5px 10px;font-size:11px}.norma-chip:hover,.norma-chip.is-active,.norma-toggle:hover,.norma-segmented button:hover{color:var(--norma-text);border-color:var(--norma-line-strong)}.norma-chip.is-active{background:var(--norma-accent-soft)}.norma-chip:active,.norma-button:active:not(:disabled),.norma-toggle:active,.norma-segmented button:active{transform:translateY(1px)}.norma-generate-actions,.norma-stage-actions{flex-wrap:wrap;gap:8px;display:flex}.norma-button{border-radius:var(--norma-radius-sm);cursor:pointer;border:1px solid #0000;min-height:38px;padding:8px 13px;font-size:12px;font-weight:650;transition:background .15s,border-color .15s,color .15s,transform .12s}.norma-button-primary{color:var(--norma-accent-ink);background:var(--norma-accent);border-color:var(--norma-accent)}.norma-button-primary:hover:not(:disabled){filter:brightness(.94)}:root[data-norma-theme=dark] .norma-button-primary:hover:not(:disabled){filter:brightness(1.08)}.norma-button-secondary,.norma-button-quiet{color:var(--norma-text);background:var(--norma-surface-soft);border-color:var(--norma-line)}.norma-button-secondary:hover:not(:disabled),.norma-button-quiet:hover:not(:disabled),.norma-button-secondary.is-active{border-color:var(--norma-line-strong);background:var(--norma-accent-soft)}.norma-button-quiet{color:var(--norma-text-muted)}.norma-inline-note,.norma-workspace-notice{color:var(--norma-text-muted);font-size:12px;line-height:1.5}.norma-inline-note{border-left:2px solid var(--norma-focus);background:color-mix(in srgb, var(--norma-focus) 8%, transparent);border-radius:0 var(--norma-radius-sm) var(--norma-radius-sm) 0;margin-top:12px;padding:10px 11px}.norma-workspace-notice{box-shadow:none;padding:13px 15px}.norma-advanced-panel{padding:0;overflow:hidden}.norma-advanced-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:14px 16px;list-style:none;display:flex}.norma-advanced-panel summary::-webkit-details-marker{display:none}.norma-advanced-panel summary>span:first-child{gap:4px;display:grid}.norma-advanced-panel summary>span:last-child{color:var(--norma-text-muted);font-size:20px;transition:transform .16s}.norma-advanced-panel[open] summary>span:last-child{transform:rotate(45deg)}.norma-advanced-body{border-top:1px solid var(--norma-line);gap:14px;padding:16px;display:grid}.norma-toggle-grid,.norma-segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.norma-display-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:7px;display:grid}.norma-label-mode{border:1px solid var(--norma-line);border-radius:var(--norma-radius-sm);background:var(--norma-surface-soft);grid-template-columns:1fr .72fr .8fr;gap:3px;padding:3px;display:grid}.norma-label-mode button{border-radius:calc(var(--norma-radius-sm) - 3px);min-width:0;min-height:28px;color:var(--norma-text-muted);background:0 0;border:0;padding:0 6px;font-size:10px;font-weight:700}.norma-label-mode button:hover,.norma-label-mode button.is-active{color:var(--norma-text);background:var(--norma-accent-soft)}.norma-toggle,.norma-segmented button{border-radius:var(--norma-radius-sm);min-height:36px;font-size:11px}.norma-toggle.is-active,.norma-segmented button.is-active{color:var(--norma-text);border-color:var(--norma-line-strong);background:var(--norma-accent-soft)}.norma-stage-panel{padding:18px}.norma-stage-heading{align-items:center;margin-bottom:14px}.norma-stage-heading h2{overflow-wrap:anywhere;max-width:720px}.norma-stage-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.norma-stage-badges .is-committed{color:var(--norma-success);border-color:color-mix(in srgb, var(--norma-success) 38%, transparent);background:color-mix(in srgb, var(--norma-success) 9%, transparent)}.norma-stage-actions{justify-content:center;margin-top:14px}.norma-canvas-frame{aspect-ratio:1;border:1px solid var(--norma-line);border-radius:var(--norma-radius-xl);background:radial-gradient(circle at 50% 8%,#ffffff0d,#0000 38%),#090b0e;width:min(100%,760px);margin:0 auto;padding:clamp(12px,2vw,24px);position:relative;overflow:hidden}:root[data-norma-theme=light] .norma-canvas-frame{background:radial-gradient(circle at 50% 8%,#fffc,#0000 40%),#dad8d0}.norma-canvas-frame-compact{background:#0b0d10;border-radius:12px;width:100%;padding:7px}.norma-canvas{width:100%;height:100%;display:block}.norma-canvas-base{fill:#090b0e;stroke:#ffffff26;stroke-width:.6px;vector-effect:non-scaling-stroke}.norma-region{transition:opacity .15s,filter .15s}.norma-grid line{stroke:#ffffff24;stroke-width:.18px;vector-effect:non-scaling-stroke}.norma-cuts line{stroke:#ffffff75;stroke-width:.48px;stroke-dasharray:1.6 1.1;vector-effect:non-scaling-stroke}.norma-region-letter,.norma-region-value{fill:#fff;paint-order:stroke;stroke:#000000b8;stroke-width:1.2px;stroke-linejoin:round;font-variant-numeric:tabular-nums;font-family:ui-sans-serif,system-ui,sans-serif}.norma-region-letter{font-size:5.2px;font-weight:760}.norma-region-value{font-size:3.25px;font-weight:620}.norma-stage-empty,.norma-results-empty{text-align:center;border:1px dashed var(--norma-line-strong);border-radius:var(--norma-radius-xl);background:var(--norma-surface-soft);place-content:center;gap:7px;min-height:300px;display:grid}.norma-results-panel{box-shadow:none;padding:16px}.norma-results-heading{align-items:center;margin-bottom:12px}.norma-candidate-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.norma-candidate-card{border:1px solid var(--norma-line);border-radius:var(--norma-radius-md);background:var(--norma-surface-soft);min-width:0;transition:border-color .15s,transform .15s,background .15s;overflow:hidden}.norma-candidate-card:hover,.norma-candidate-card.is-active{border-color:var(--norma-line-strong);background:var(--norma-accent-soft)}.norma-candidate-card:hover{transform:translateY(-1px)}.norma-candidate-card.is-active{box-shadow:inset 0 0 0 1px var(--norma-line-strong)}.norma-candidate-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:9px;padding:9px;display:grid}.norma-candidate-copy{gap:3px;min-width:0;display:grid}.norma-candidate-copy strong{color:var(--norma-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.norma-candidate-copy span{color:var(--norma-text-subtle);font-size:10px;line-height:1.35}.norma-results-empty{min-height:190px}.norma-inspector{position:sticky;top:84px}.norma-surface-list{gap:8px;margin-top:16px;display:grid}.norma-surface-row{border:1px solid var(--norma-line);border-radius:var(--norma-radius-md);background:var(--norma-surface-soft);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:8px 10px;display:grid}.norma-surface-row>strong{background:var(--norma-accent-soft);width:30px;height:30px;color:var(--norma-text);border-radius:9px;place-items:center;font-size:12px;display:grid}.norma-surface-row>span{gap:2px;display:grid}.norma-surface-row b{font-variant-numeric:tabular-nums;font-size:13px}.norma-surface-row small{color:var(--norma-text-subtle);font-size:10px}.norma-surface-row em{color:var(--norma-danger);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal;font-weight:650}.norma-surface-row em.is-exact{color:var(--norma-success)}.norma-diagnostics-panel{gap:14px;display:grid}.norma-diagnostics-panel dl{gap:8px;margin:0;display:grid}.norma-diagnostics-panel dl>div{border-bottom:1px solid var(--norma-line);justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.norma-diagnostics-panel dt{color:var(--norma-text-subtle);font-size:11px}.norma-diagnostics-panel dd{color:var(--norma-text);text-align:right;overflow-wrap:anywhere;margin:0;font-size:11px}@media (width<=1220px){.norma-floating-dock{left:calc(50% - min(610px,50vw) + 286px)}.norma-layout{grid-template-columns:270px minmax(460px,1fr)}.norma-inspector{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}}@media (width<=900px){.norma-topbar.is-standalone{grid-template-columns:1fr auto}.norma-topbar-status{display:none}.norma-layout{flex-direction:column;display:flex}.norma-workspace{display:contents}.norma-stage-panel{order:1;width:100%}.norma-controls{order:2;width:100%}.norma-results-panel{order:3;width:100%}.norma-inspector{order:4;width:100%}.norma-controls{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:start;display:grid}.norma-floating-dock{left:50%;bottom:max(18px, env(safe-area-inset-bottom));transform:translate(-50%)}.norma-floating-preview{margin-left:-94px;bottom:calc(100% + 12px);left:50%;right:auto}.norma-generate-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.norma-generate-actions .norma-button{width:100%;min-width:0}.norma-workspace-notice{grid-column:1/-1}.norma-inspector{grid-template-columns:1fr 1fr}}@media (width<=720px) and (width>=681px){.norma-topbar:not(.is-standalone){min-height:62px;padding-left:max(var(--norma-header-gutter,clamp(14px, 4vw, 42px)), env(safe-area-inset-left));padding-right:max(var(--norma-header-gutter,clamp(14px, 4vw, 42px)), env(safe-area-inset-right));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav theme";gap:8px}.norma-primary-nav{justify-self:center;gap:8px}.norma-primary-nav button{min-height:40px;padding:0 4px;font-size:12px;line-height:40px}}@media (width<=720px){.norma-floating-generate{--create-slot-over-w:76px}}@media (width<=680px){.norma-floating-dock{left:50%;right:auto;bottom:max(14px, env(safe-area-inset-bottom))}.norma-floating-preview{grid-template-columns:46px minmax(0,1fr);width:158px;margin-left:-79px;bottom:calc(100% + 12px);left:50%;right:auto}.norma-floating-preview-art{width:46px;height:46px}.norma-topbar{min-height:62px;padding-left:max(var(--norma-header-gutter,clamp(14px, 4vw, 42px)), env(safe-area-inset-left));padding-right:max(var(--norma-header-gutter,clamp(14px, 4vw, 42px)), env(safe-area-inset-right));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav theme";gap:0 10px}.norma-topbar.is-standalone{grid-template-columns:1fr auto auto;grid-template-areas:"brand actions theme";min-height:70px;padding-block:4px}.norma-brand{grid-area:brand}.norma-primary-nav{grid-area:nav;justify-self:center;gap:8px}.norma-primary-nav button{min-height:40px;padding:0 4px;font-size:12px;line-height:40px}.norma-topbar-actions{gap:4px;width:auto;height:44px;padding:0;position:absolute;top:calc(100% + 10px);right:20px}.norma-topbar-actions .norma-button{border:1px solid var(--norma-line);white-space:nowrap;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:3px;width:auto;min-width:0;min-height:36px;padding:0 6px;font-size:10px;line-height:1;display:inline-flex}.norma-topbar-actions .norma-button:hover:not(:disabled),.norma-topbar-actions .norma-button:focus-visible{background:var(--norma-accent-soft)}.norma-topbar-actions .norma-toolbar-count{min-width:15px;height:15px;margin-left:0;padding-inline:3px;font-size:8px}.norma-theme-toggle{width:36px;height:36px}.norma-topbar-tools{display:contents}.norma-theme-toggle{grid-area:theme;align-self:center}.norma-layout{gap:12px;padding:58px 10px 10px}.norma-topbar.is-standalone .norma-topbar-actions{grid-area:actions;justify-self:end;position:static}.norma-topbar.is-standalone~.norma-layout{padding-top:10px}.norma-controls,.norma-inspector{display:flex}.norma-panel,.norma-stage-panel,.norma-results-panel{border-radius:var(--norma-radius-md)}.norma-panel,.norma-stage-panel{padding:14px}.norma-panel-heading,.norma-stage-heading,.norma-results-heading{align-items:flex-start}.norma-stage-heading,.norma-results-heading{flex-direction:column}.norma-stage-badges{justify-content:flex-start}.norma-ratio-inputs{gap:6px}.norma-field input,.norma-field select{min-height:40px;padding-inline:8px}.norma-stage-actions{grid-template-columns:1fr;display:grid}.norma-button{width:100%}.norma-canvas-frame{border-radius:var(--norma-radius-md);padding:10px}.norma-candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}@media (width<=430px){.norma-topbar:not(.is-standalone){grid-template-columns:1fr auto;grid-template-areas:"brand theme""nav nav";row-gap:0;min-height:108px}.norma-topbar:not(.is-standalone) .norma-primary-nav{justify-self:center;gap:12px}.norma-topbar:not(.is-standalone) .norma-primary-nav button{padding-inline:2px;font-size:11px}.norma-candidate-grid,.norma-ratio-inputs{grid-template-columns:1fr}.norma-percent-row{grid-template-columns:repeat(3,1fr);display:grid}.norma-percent-row span{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.norma-canvas-frame.is-editing{border-color:color-mix(in srgb, var(--norma-focus) 42%, var(--norma-line));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--norma-focus) 16%, transparent)}.norma-canvas-frame.is-editing .norma-canvas{touch-action:none}.norma-snap-guides line{stroke:color-mix(in srgb, var(--norma-focus) 68%, transparent);stroke-width:.55px;stroke-dasharray:1.4 1.1;vector-effect:non-scaling-stroke}.norma-snap-guides circle{fill:color-mix(in srgb, var(--norma-focus) 32%, transparent);stroke:var(--norma-focus);stroke-width:.55px;vector-effect:non-scaling-stroke}.norma-snap-guides .is-snapped{stroke:var(--norma-success)}.norma-snap-guides circle.is-snapped{fill:color-mix(in srgb, var(--norma-success) 28%, transparent)}.norma-handles>g{outline:none}.norma-handles>g:focus-visible .norma-handle-dot{stroke:var(--norma-focus);stroke-width:1.4px}.norma-handle-hit{fill:#0000;cursor:grab;pointer-events:all}.norma-handles .is-active .norma-handle-hit{cursor:grabbing}.norma-handle-dot{fill:var(--norma-surface-raised);stroke:var(--norma-text);stroke-width:.85px;vector-effect:non-scaling-stroke;pointer-events:none;transition:r .12s,fill .12s,stroke .12s}.norma-handles .is-near .norma-handle-dot{fill:var(--norma-focus);stroke:#fff}.norma-handles .is-snapped .norma-handle-dot{fill:var(--norma-success);stroke:#fff}.norma-handles .is-locked .norma-handle-dot{opacity:.6}.norma-handle-label{fill:#fff;paint-order:stroke;stroke:#000000e0;stroke-width:1.25px;stroke-linejoin:round;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:3.1px;font-weight:700}.norma-canvas-edit-help{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffc7;text-align:center;pointer-events:none;background:#080a0dc7;border:1px solid #ffffff1f;border-radius:999px;width:min(92%,560px);padding:7px 10px;font-size:10px;line-height:1.35;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.norma-stage-badges .is-editing{color:var(--norma-focus);border-color:color-mix(in srgb, var(--norma-focus) 42%, transparent);background:color-mix(in srgb, var(--norma-focus) 10%, transparent)}.norma-editing-issue{border:1px solid color-mix(in srgb, var(--norma-danger) 42%, transparent);border-radius:var(--norma-radius-sm);background:color-mix(in srgb, var(--norma-danger) 9%, transparent);width:min(100%,760px);color:var(--norma-danger);margin:12px auto 0;padding:10px 12px;font-size:12px;line-height:1.45}.norma-candidate-card.is-disabled{opacity:.48}.norma-candidate-card.is-disabled:hover{border-color:var(--norma-line);background:var(--norma-surface-soft);transform:none}.norma-candidate-card.is-disabled .norma-candidate-button{cursor:not-allowed}@media (width<=680px){.norma-canvas-edit-help{border-radius:var(--norma-radius-sm);width:calc(100% - 18px);font-size:9px;bottom:5px}.norma-handle-label{font-size:3.6px}}.norma-compare-panel{border:1px solid var(--norma-line);border-radius:var(--norma-radius-lg);background:var(--norma-surface);box-shadow:var(--norma-shadow);padding:16px}.norma-compare-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.norma-compare-heading h2{color:var(--norma-text);letter-spacing:-.025em;margin:5px 0 4px;font-size:18px;line-height:1.15}.norma-compare-heading p{color:var(--norma-text-muted);margin:0;font-size:12px;line-height:1.45}.norma-compare-heading-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:7px;display:flex}.norma-compare-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.norma-compare-card{border:1px solid var(--norma-line);border-radius:var(--norma-radius-md);background:var(--norma-surface-soft);gap:10px;min-width:0;padding:10px;display:grid}.norma-compare-card.is-reference{border-color:color-mix(in srgb, var(--norma-focus) 45%, var(--norma-line));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--norma-focus) 14%, transparent)}.norma-compare-card>header{justify-content:space-between;align-items:flex-start;gap:8px;min-height:40px;display:flex}.norma-compare-card>header>div{gap:3px;min-width:0;display:grid}.norma-compare-card>header strong{color:var(--norma-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.norma-compare-card>header span{color:var(--norma-text-subtle);font-size:10px}.norma-compare-card>header em{border:1px solid color-mix(in srgb, var(--norma-focus) 38%, transparent);min-height:22px;color:var(--norma-focus);background:color-mix(in srgb, var(--norma-focus) 9%, transparent);border-radius:999px;flex:none;align-items:center;padding:0 7px;font-size:9px;font-style:normal;font-weight:650;display:inline-flex}.norma-compare-card dl{gap:6px;margin:0;display:grid}.norma-compare-card dl>div{border-bottom:1px solid var(--norma-line);justify-content:space-between;gap:10px;padding-bottom:5px;display:flex}.norma-compare-card dt,.norma-compare-card dd{font-variant-numeric:tabular-nums;font-size:10px}.norma-compare-card dt{color:var(--norma-text-subtle)}.norma-compare-card dd{color:var(--norma-text);text-align:right;margin:0;font-weight:620}.norma-compare-card dd.is-better{color:var(--norma-success)}.norma-compare-card dd.is-worse{color:var(--norma-danger)}.norma-compare-card dd.is-neutral{color:var(--norma-text-muted)}.norma-compare-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.norma-compare-actions .norma-button{width:100%;min-height:34px;padding:6px 8px;font-size:10px}.norma-candidate-card-actions{justify-content:flex-end;padding:0 9px 9px;display:flex}.norma-candidate-card-actions .norma-button{min-height:30px;padding:5px 9px;font-size:10px}@media (width<=680px){.norma-compare-heading{flex-direction:column}.norma-compare-heading .norma-button{width:100%}.norma-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}@media (width<=430px){.norma-compare-grid{grid-template-columns:1fr}}.norma-preset-library{padding:0;overflow:hidden}.norma-preset-library summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:14px 16px;list-style:none;display:flex}.norma-preset-library summary::-webkit-details-marker{display:none}.norma-preset-library summary>span:first-child{gap:4px;display:grid}.norma-preset-count{border:1px solid var(--norma-line);min-width:30px;min-height:26px;color:var(--norma-text-muted);background:var(--norma-surface-soft);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:650;display:inline-flex}.norma-preset-library-body{border-top:1px solid var(--norma-line);gap:12px;padding:16px;display:grid}.norma-preset-family-description{color:var(--norma-text-muted);margin:0;font-size:12px;line-height:1.5}.norma-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.norma-preset-card{border:1px solid var(--norma-line);border-radius:var(--norma-radius-md);background:var(--norma-surface-soft);min-width:0;min-height:92px;color:var(--norma-text-muted);text-align:left;cursor:pointer;align-content:start;gap:8px;padding:11px;transition:border-color .15s,background .15s,transform .12s;display:grid}.norma-preset-card:hover:not(:disabled),.norma-preset-card.is-active{border-color:var(--norma-line-strong);background:var(--norma-accent-soft)}.norma-preset-card:active:not(:disabled){transform:translateY(1px)}.norma-preset-card-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:7px;min-width:0;display:grid}.norma-preset-card strong{min-width:0;color:var(--norma-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:13px;line-height:1.25}.norma-preset-card em{border:1px solid var(--norma-line);min-width:0;max-width:100%;color:var(--norma-text-subtle);background:var(--norma-surface);letter-spacing:.04em;text-align:center;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:650;line-height:1.15;overflow:hidden}.norma-preset-card>span:last-child{overflow-wrap:anywhere;min-width:0;font-size:10px;line-height:1.45}.norma-preset-card.is-active em{color:var(--norma-focus);border-color:color-mix(in srgb, var(--norma-focus) 35%, transparent);background:color-mix(in srgb, var(--norma-focus) 8%, transparent)}.norma-preset-card:disabled{cursor:not-allowed;opacity:.48}@media (width<=430px){.norma-preset-grid{grid-template-columns:1fr}.norma-preset-card{min-height:78px}}.norma-proposal-options{border-top:1px solid var(--norma-line);gap:10px;padding-top:14px;display:grid}.norma-option-description{color:var(--norma-text-muted);margin:-2px 0 2px;font-size:10px;line-height:1.45}.norma-harmonic-option{border:1px solid var(--norma-line);border-radius:var(--norma-radius-md);background:var(--norma-surface-soft);gap:11px;padding:11px;display:grid}.norma-option-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.norma-option-heading>div{gap:4px;min-width:0;display:grid}.norma-option-heading strong{color:var(--norma-text);font-size:11px}.norma-option-heading span{color:var(--norma-text-muted);font-size:10px;line-height:1.4}.norma-option-heading .norma-toggle{flex:0 0 54px;min-height:32px}.norma-harmonic-summary{border-left:2px solid var(--norma-focus);border-radius:0 var(--norma-radius-sm) var(--norma-radius-sm) 0;background:color-mix(in srgb, var(--norma-focus) 7%, transparent);gap:4px;padding:9px;display:grid}.norma-harmonic-summary strong{color:var(--norma-text);font-size:11px}.norma-harmonic-summary span,.norma-harmonic-summary small{color:var(--norma-text-muted);font-size:10px;line-height:1.4}.norma-harmonic-summary small{color:var(--norma-text-subtle);font-variant-numeric:tabular-nums}.norma-results-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.norma-results-heading-actions .norma-button{min-height:30px;padding:5px 9px;font-size:10px}@media (width<=680px){.norma-option-heading{align-items:center}.norma-results-heading-actions{justify-content:flex-start;width:100%}}.norma-transform-controls{border-top:1px solid var(--norma-line);gap:11px;padding-top:14px;display:grid}.norma-transform-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.norma-transform-heading>div{gap:4px;min-width:0;display:grid}.norma-transform-heading strong{color:var(--norma-text);font-size:11px}.norma-transform-heading span{color:var(--norma-text-muted);font-size:10px;line-height:1.4}.norma-transform-heading em{border:1px solid var(--norma-line);min-width:46px;color:var(--norma-text-muted);background:var(--norma-surface-soft);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-style:normal;font-weight:650}.norma-transform-slider{color:var(--norma-text-muted);gap:7px;font-size:10px;display:grid}.norma-transform-slider input{width:100%;accent-color:var(--norma-accent)}.norma-transform-quick,.norma-transform-toggles{gap:7px;display:grid}.norma-transform-quick{grid-template-columns:repeat(5,minmax(0,1fr))}.norma-transform-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}.norma-transform-quick button{border:1px solid var(--norma-line);border-radius:var(--norma-radius-sm);min-height:31px;color:var(--norma-text-muted);background:var(--norma-surface-soft);cursor:pointer;font-variant-numeric:tabular-nums;padding:5px 6px;font-size:10px}.norma-transform-quick button:hover,.norma-transform-quick button.is-active{border-color:var(--norma-line-strong);color:var(--norma-text);background:var(--norma-accent-soft)}.norma-transform-toggles .norma-toggle{min-height:34px;padding:6px 8px}@media (width<=430px){.norma-transform-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.norma-transform-toggles{grid-template-columns:1fr}}.norma-palette-controls{border-top:1px solid var(--norma-line);gap:11px;padding-top:14px;display:grid}.norma-palette-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.norma-palette-heading>div{gap:4px;min-width:0;display:grid}.norma-palette-heading strong{color:var(--norma-text);font-size:11px}.norma-palette-heading span{color:var(--norma-text-muted);font-size:10px;line-height:1.4}.norma-palette-heading .norma-button{flex:none;min-height:31px;padding:5px 9px;font-size:10px}.norma-palette-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.norma-palette-swatch{border:1px solid var(--norma-line);border-radius:var(--norma-radius-sm);background:var(--norma-surface-soft);justify-items:center;gap:5px;min-width:0;padding:8px 5px;display:grid}.norma-palette-swatch>span{border:1px solid color-mix(in srgb, var(--norma-text) 16%, transparent);border-radius:8px;width:100%;height:30px}.norma-palette-swatch small{max-width:100%;color:var(--norma-text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.norma-palette-sliders{gap:10px;display:grid}.norma-palette-sliders label{gap:6px;display:grid}.norma-palette-sliders label>span{color:var(--norma-text-muted);justify-content:space-between;gap:8px;font-size:10px;display:flex}.norma-palette-sliders em{color:var(--norma-text);font-variant-numeric:tabular-nums;font-style:normal;font-weight:650}.norma-palette-sliders input{width:100%;accent-color:var(--norma-accent)}@media (width<=430px){.norma-palette-heading{align-items:center}.norma-palette-swatch>span{height:36px}}@property --create-generate-shine-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--create-page:#f5f3ee;--create-page-raised:#fbfaf7;--create-ink:#171815;--create-muted:#77766f;--create-hairline:#17181521;--create-hairline-strong:#1718153d;--create-card:#ebe8e1;--create-card-ink:#171815;--create-card-muted:#17181599;--create-card-line:#1718151f;--create-focus:#4a4c47;--create-source-accent:#687267;--create-source-surface:#efede7;--create-source-surface-hover:#f2f0ea;--create-magnet:#83d6c2;--create-status-accent:#83d6c2;--create-save:#4bc7a1;--create-discard:#e9675e;--create-generate-surface:var(--create-card);--create-generate-edge:var(--create-hairline-strong);--create-generate-ink:var(--create-card);--create-generate-line:color-mix(in srgb, var(--create-card-ink) 46%, transparent);--create-generate-halo-blue:#377fd8;--create-generate-halo-cyan:#20c8cf;--create-generate-halo-violet:#8172e8;--create-topbar-height:76px;--norma-header-gutter:clamp(14px, 4vw, 42px);--create-radius-card:22px;--create-ease:cubic-bezier(.2, .78, .25, 1)}:root[data-norma-theme=dark]{--create-page:#151613;--create-page-raised:#1b1d19;--create-ink:#f2f0ea;--create-muted:#9b9992;--create-hairline:#f2f0ea21;--create-hairline-strong:#f2f0ea40;--create-card:#10110f;--create-card-ink:#f3f1eb;--create-card-muted:#f3f1eb94;--create-card-line:#ffffff17;--create-focus:#c9cbc3;--create-source-accent:#b8beb3;--create-source-surface:#171915;--create-source-surface-hover:#1b1d19;--create-magnet:#087c68;--create-save:#087c68;--create-discard:#c3453f;--create-generate-surface:var(--create-card);--create-generate-edge:#3f423d;--create-generate-ink:var(--create-card);--create-generate-line:color-mix(in srgb, var(--create-card-ink) 58%, transparent)}:root[data-norma-theme=paper]{--create-page:#a3a69f;--create-page-raised:#b9bbb3;--create-ink:#292b28;--create-muted:#393c37;--create-hairline:#292b282e;--create-hairline-strong:#292b2852;--create-card:#dedcd3;--create-card-ink:#292b28;--create-card-muted:#5f625d;--create-card-line:#292b2826;--create-focus:#292b28;--create-source-accent:#5e675c;--create-source-surface:#b9bbb3;--create-source-surface-hover:#c2c3bb;--create-magnet:#176455;--create-status-accent:#83c7b4;--create-save:#176455;--create-discard:#873a35;--create-generate-surface:var(--create-card);--create-generate-edge:var(--create-hairline-strong);--create-generate-ink:var(--create-card);--create-generate-line:color-mix(in srgb, var(--create-card-ink) 46%, transparent)}:root[data-norma-theme=paper] .create-experience{background:radial-gradient(circle at 50% 27%, #ecebe43d, transparent 38%), linear-gradient(118deg, #ffffff09, transparent 44%), var(--create-page)}.create-experience{min-height:100vh;color:var(--create-ink);background:radial-gradient(circle at 50% 31%, color-mix(in srgb, var(--create-page-raised) 72%, transparent), transparent 34%), var(--create-page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.create-experience button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}.create-experience button:focus-visible{outline:1px solid color-mix(in srgb, var(--create-ink) 58%, transparent);outline-offset:4px}.create-topbar{z-index:50;min-height:var(--create-topbar-height);padding-left:max(var(--norma-header-gutter), env(safe-area-inset-left));padding-right:max(var(--norma-header-gutter), env(safe-area-inset-right));grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.create-brand,.create-nav button,.create-theme-toggle{cursor:pointer;background:0 0;border:0}.create-topbar-actions{justify-self:end;align-items:center;gap:6px;display:flex}.create-help-button{border:1px solid var(--create-hairline);width:40px;height:40px;color:var(--create-muted);background:color-mix(in srgb, var(--create-page-raised) 72%, var(--create-card));cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:16px;line-height:1;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:grid}.create-help-button:hover,.create-help-button:focus-visible{color:var(--create-ink);border-color:var(--create-hairline-strong);background:var(--create-page-raised)}.create-help-button:active{transform:scale(.94)}.create-help-button:focus-visible{outline-offset:3px;outline:1px dashed}.create-brand{color:inherit;letter-spacing:.18em;justify-self:start;padding:10px 0;font-family:Geist,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:700;line-height:1;text-decoration:none}.create-nav{align-items:center;gap:18px;display:flex}.create-nav button{min-height:44px;color:var(--create-muted);padding:0 6px;font-size:14px;font-weight:510;line-height:44px;transition:color .15s;position:relative}.create-nav button:hover,.create-nav button.is-active{color:var(--create-ink)}.create-nav button.is-active{font-weight:680}:root[data-norma-theme=dark] .create-nav button.is-active{color:#f2f0ea}.create-nav button.is-active:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.create-nav button:focus-visible{color:var(--create-ink);text-underline-offset:5px;outline:none;text-decoration:underline;text-decoration-thickness:1px}.create-experience .create-theme-toggle{border:1px solid var(--create-hairline);width:36px;height:36px;color:var(--create-muted);background:color-mix(in srgb, var(--create-page-raised) 72%, var(--create-card));box-shadow:none;border-radius:999px;justify-self:end;place-items:center;padding:0;font-size:14px;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:grid}.create-experience .create-theme-toggle:hover{color:var(--create-ink);border-color:var(--create-hairline-strong);background:var(--create-page-raised)}.create-experience .create-theme-toggle:active{transform:scale(.94)}.create-theme-toggle svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block;overflow:visible}.create-theme-sun,.create-theme-moon,.create-theme-paper{transform-box:fill-box;transform-origin:50%;transition:opacity .38s var(--create-ease), transform .38s var(--create-ease), stroke-dashoffset .38s var(--create-ease)}.create-theme-moon{opacity:0;stroke-dasharray:1;stroke-dashoffset:1px;transform:scale(.2)rotate(-70deg)}.create-theme-paper{fill:currentColor;stroke:none;opacity:0;transform:scale(.25)rotate(-42deg)}.create-theme-toggle.is-dark .create-theme-sun{opacity:0;transform:scale(.2)rotate(90deg)}.create-theme-toggle.is-dark .create-theme-moon{opacity:1;stroke-dashoffset:0;transform:scale(1)rotate(0)}.create-theme-toggle.is-paper .create-theme-sun{opacity:0;transform:scale(.2)rotate(115deg)}.create-theme-toggle.is-paper .create-theme-paper{opacity:1;transform:scale(.78)rotate(0)}.create-main{min-height:calc(100vh - var(--create-topbar-height))}.create-view{min-height:calc(100vh - var(--create-topbar-height));place-items:center;padding:28px 24px 48px;display:grid}.create-deck{width:min(502px,100vw - 32px);height:min(650px,100vh - 150px);min-height:560px;max-height:680px;position:relative}.create-deck:before{content:"";border-radius:var(--create-radius-card);background:color-mix(in srgb, var(--create-card) 92%, var(--create-card-ink) 8%);opacity:0;transition:opacity .18s ease, transform .18s var(--create-ease);position:absolute;inset:8px 9px -8px;transform:scale(.974)}.create-deck.is-exploring:before{opacity:.24;transform:translateY(5px)scale(.968)}.create-card{border:1px solid var(--create-card-line);border-radius:var(--create-radius-card);color:var(--create-card-ink);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--create-card-ink) 2%, transparent), transparent 45%), var(--create-card);position:absolute;inset:0;overflow:hidden;box-shadow:0 34px 62px #1815102e,0 4px 12px #18151014;container-type:inline-size}:root[data-norma-theme=dark] .create-card{box-shadow:0 38px 76px #0000007a,0 5px 14px #00000047}:root[data-norma-theme=paper] .create-card{background:radial-gradient(circle at 50% 42%, #ffffff1c, transparent 47%), var(--create-card);box-shadow:0 18px 36px #30332e29,0 2px 6px #30332e17}.create-status{z-index:10;color:var(--create-card-muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;flex:0 0 43px;align-items:center;gap:10px;width:43px;padding:0;font-family:inherit;font-size:12px;display:flex;position:absolute;top:24px;left:27px}.create-status-copy{place-items:center;width:28px;min-width:28px;display:grid}.create-status-copy>span{grid-area:1/1}.create-status-number,.create-status-action{transition:opacity .14s}.create-status-action{opacity:0;width:var(--create-header-icon-size,14.83px);height:var(--create-header-icon-size,14.83px);background:currentColor;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4418_7356)'%3e%3cpath%20d='M18%2012.75H6C5.59%2012.75%205.25%2012.41%205.25%2012C5.25%2011.59%205.59%2011.25%206%2011.25H18C18.41%2011.25%2018.75%2011.59%2018.75%2012C18.75%2012.41%2018.41%2012.75%2018%2012.75Z'/%3e%3cpath%20d='M12%2018.75C11.59%2018.75%2011.25%2018.41%2011.25%2018V6C11.25%205.59%2011.59%205.25%2012%205.25C12.41%205.25%2012.75%205.59%2012.75%206V18C12.75%2018.41%2012.41%2018.75%2012%2018.75Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4418_7356'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50%/159.3% 159.3% no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4418_7356)'%3e%3cpath%20d='M18%2012.75H6C5.59%2012.75%205.25%2012.41%205.25%2012C5.25%2011.59%205.59%2011.25%206%2011.25H18C18.41%2011.25%2018.75%2011.59%2018.75%2012C18.75%2012.41%2018.41%2012.75%2018%2012.75Z'/%3e%3cpath%20d='M12%2018.75C11.59%2018.75%2011.25%2018.41%2011.25%2018V6C11.25%205.59%2011.59%205.25%2012%205.25C12.41%205.25%2012.75%205.59%2012.75%206V18C12.75%2018.41%2012.41%2018.75%2012%2018.75Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4418_7356'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50%/159.3% 159.3% no-repeat}.create-status:hover .create-status-number,.create-status:focus-visible .create-status-number{opacity:0}.create-status:hover .create-status-action,.create-status:focus-visible .create-status-action{opacity:1}.create-status:focus-visible{outline:1px dashed color-mix(in srgb, var(--create-focus) 72%, transparent);outline-offset:6px}.create-photo-save{z-index:1;color:var(--create-card-muted);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;padding:0;font-size:10px;font-weight:700;transition:color .16s,opacity .16s,transform .16s;position:absolute;top:50%;left:56px;transform:translate(-4px,-50%)}@keyframes create-photo-save-pulse{0%,to{color:var(--create-card-muted)}42%{color:var(--create-status-accent)}}.create-photo-save.is-saved .create-photo-save-copy{animation:.56s cubic-bezier(.22,1,.36,1) create-photo-save-pulse}.create-photo-save:focus-visible{outline:1px dashed color-mix(in srgb, var(--create-focus) 72%, transparent);outline-offset:4px}@media (hover:hover) and (pointer:fine){.create-card-top-actions:hover .create-photo-save,.create-photo-save:focus-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)}.create-card-top-actions:hover .create-harmony-label{opacity:0}.create-card-top-actions:has(.create-photo-save:focus-visible) .create-harmony-label{opacity:0}}@media (hover:none),(pointer:coarse),(width<=700px){.create-photo-save{opacity:1;pointer-events:auto;transform:translateY(-50%)}.create-harmony-label{visibility:hidden;pointer-events:none}.create-status-number{opacity:0}.create-status-action{opacity:1}}.create-harmony-label{width:max-content;min-width:0;color:var(--create-card-muted);font-variant-numeric:tabular-nums;letter-spacing:.015em;text-overflow:clip;white-space:nowrap;font-size:16px;font-weight:400;line-height:24px;transition:opacity .16s;overflow:visible}.create-constraint-slot{flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.create-constraint-control{width:24px;height:24px;color:color-mix(in srgb, var(--create-card-ink) 60%, transparent);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .15s,background .15s;display:grid}.create-constraint-control:hover,.create-constraint-control:focus-visible,.create-constraint-control.is-active{color:var(--create-card-ink);background:color-mix(in srgb, var(--create-card-ink) 6%, transparent)}.create-constraint-control:focus-visible{outline-offset:2px;outline:1px dashed}.create-constraint-control svg,.create-soft-anchor-icon,.create-unlock-icon{width:var(--create-header-icon-size,14.83px);height:var(--create-header-icon-size,14.83px)}.create-constraint-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.create-soft-anchor-icon{background:currentColor;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4418_6995)'%3e%3cpath%20d='M11.9999%2022.76C10.5199%2022.76%209.02993%2022.2%207.86993%2021.09C4.91993%2018.25%201.65993%2013.72%202.88993%208.33C3.99993%203.44%208.26993%201.25%2011.9999%201.25C11.9999%201.25%2011.9999%201.25%2012.0099%201.25C15.7399%201.25%2020.0099%203.44%2021.1199%208.34C22.3399%2013.73%2019.0799%2018.25%2016.1299%2021.09C14.9699%2022.2%2013.4799%2022.76%2011.9999%2022.76ZM11.9999%202.75C9.08993%202.75%205.34993%204.3%204.35993%208.66C3.27993%2013.37%206.23993%2017.43%208.91993%2020C10.6499%2021.67%2013.3599%2021.67%2015.0899%2020C17.7599%2017.43%2020.7199%2013.37%2019.6599%208.66C18.6599%204.3%2014.9099%202.75%2011.9999%202.75Z'/%3e%3cpath%20d='M10.7499%2013.7495C10.5599%2013.7495%2010.3699%2013.6795%2010.2199%2013.5295L8.71994%2012.0295C8.42994%2011.7395%208.42994%2011.2595%208.71994%2010.9695C9.00994%2010.6795%209.48994%2010.6795%209.77994%2010.9695L10.7499%2011.9395L14.2199%208.46945C14.5099%208.17945%2014.9899%208.17945%2015.2799%208.46945C15.5699%208.75945%2015.5699%209.23945%2015.2799%209.52945L11.2799%2013.5295C11.1299%2013.6795%2010.9399%2013.7495%2010.7499%2013.7495Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4418_6995'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4418_6995)'%3e%3cpath%20d='M11.9999%2022.76C10.5199%2022.76%209.02993%2022.2%207.86993%2021.09C4.91993%2018.25%201.65993%2013.72%202.88993%208.33C3.99993%203.44%208.26993%201.25%2011.9999%201.25C11.9999%201.25%2011.9999%201.25%2012.0099%201.25C15.7399%201.25%2020.0099%203.44%2021.1199%208.34C22.3399%2013.73%2019.0799%2018.25%2016.1299%2021.09C14.9699%2022.2%2013.4799%2022.76%2011.9999%2022.76ZM11.9999%202.75C9.08993%202.75%205.34993%204.3%204.35993%208.66C3.27993%2013.37%206.23993%2017.43%208.91993%2020C10.6499%2021.67%2013.3599%2021.67%2015.0899%2020C17.7599%2017.43%2020.7199%2013.37%2019.6599%208.66C18.6599%204.3%2014.9099%202.75%2011.9999%202.75Z'/%3e%3cpath%20d='M10.7499%2013.7495C10.5599%2013.7495%2010.3699%2013.6795%2010.2199%2013.5295L8.71994%2012.0295C8.42994%2011.7395%208.42994%2011.2595%208.71994%2010.9695C9.00994%2010.6795%209.48994%2010.6795%209.77994%2010.9695L10.7499%2011.9395L14.2199%208.46945C14.5099%208.17945%2014.9899%208.17945%2015.2799%208.46945C15.5699%208.75945%2015.5699%209.23945%2015.2799%209.52945L11.2799%2013.5295C11.1299%2013.6795%2010.9399%2013.7495%2010.7499%2013.7495Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4418_6995'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50%/contain no-repeat}.create-unlock-icon{background:currentColor;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4418_7086)'%3e%3cpath%20d='M17%2022.75H7C2.59%2022.75%201.25%2021.41%201.25%2017V15C1.25%2010.59%202.59%209.25%207%209.25H17C21.41%209.25%2022.75%2010.59%2022.75%2015V17C22.75%2021.41%2021.41%2022.75%2017%2022.75ZM7%2010.75C3.42%2010.75%202.75%2011.43%202.75%2015V17C2.75%2020.57%203.42%2021.25%207%2021.25H17C20.58%2021.25%2021.25%2020.57%2021.25%2017V15C21.25%2011.43%2020.58%2010.75%2017%2010.75H7Z'/%3e%3cpath%20d='M6%2010.75C5.59%2010.75%205.25%2010.41%205.25%2010V8C5.25%205.1%205.95%201.25%2012%201.25C16.48%201.25%2018.75%203.18%2018.75%207C18.75%207.41%2018.41%207.75%2018%207.75C17.59%207.75%2017.25%207.41%2017.25%207C17.25%205.02%2016.65%202.75%2012%202.75C7.64%202.75%206.75%204.85%206.75%208V10C6.75%2010.41%206.41%2010.75%206%2010.75Z'/%3e%3cpath%20d='M12%2019.25C10.21%2019.25%208.75%2017.79%208.75%2016C8.75%2014.21%2010.21%2012.75%2012%2012.75C13.79%2012.75%2015.25%2014.21%2015.25%2016C15.25%2017.79%2013.79%2019.25%2012%2019.25ZM12%2014.25C11.04%2014.25%2010.25%2015.04%2010.25%2016C10.25%2016.96%2011.04%2017.75%2012%2017.75C12.96%2017.75%2013.75%2016.96%2013.75%2016C13.75%2015.04%2012.96%2014.25%2012%2014.25Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4418_7086'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4418_7086)'%3e%3cpath%20d='M17%2022.75H7C2.59%2022.75%201.25%2021.41%201.25%2017V15C1.25%2010.59%202.59%209.25%207%209.25H17C21.41%209.25%2022.75%2010.59%2022.75%2015V17C22.75%2021.41%2021.41%2022.75%2017%2022.75ZM7%2010.75C3.42%2010.75%202.75%2011.43%202.75%2015V17C2.75%2020.57%203.42%2021.25%207%2021.25H17C20.58%2021.25%2021.25%2020.57%2021.25%2017V15C21.25%2011.43%2020.58%2010.75%2017%2010.75H7Z'/%3e%3cpath%20d='M6%2010.75C5.59%2010.75%205.25%2010.41%205.25%2010V8C5.25%205.1%205.95%201.25%2012%201.25C16.48%201.25%2018.75%203.18%2018.75%207C18.75%207.41%2018.41%207.75%2018%207.75C17.59%207.75%2017.25%207.41%2017.25%207C17.25%205.02%2016.65%202.75%2012%202.75C7.64%202.75%206.75%204.85%206.75%208V10C6.75%2010.41%206.41%2010.75%206%2010.75Z'/%3e%3cpath%20d='M12%2019.25C10.21%2019.25%208.75%2017.79%208.75%2016C8.75%2014.21%2010.21%2012.75%2012%2012.75C13.79%2012.75%2015.25%2014.21%2015.25%2016C15.25%2017.79%2013.79%2019.25%2012%2019.25ZM12%2014.25C11.04%2014.25%2010.25%2015.04%2010.25%2016C10.25%2016.96%2011.04%2017.75%2012%2017.75C12.96%2017.75%2013.75%2016.96%2013.75%2016C13.75%2015.04%2012.96%2014.25%2012%2014.25Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4418_7086'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50%/contain no-repeat}.create-artwork-stage{aspect-ratio:1;width:64%;transform:translate(calc(-50% + var(--create-swipe-x,0px)), -50%);filter:drop-shadow(0 18px 20px #0000002e);touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:transform .18s var(--create-ease), filter .18s ease;will-change:transform;position:absolute;top:48%;left:50%}.create-artwork-stage.is-swiping{filter:drop-shadow(0 22px 23px #00000036);transition:none}.create-artwork{width:100%;height:100%;display:block;overflow:visible}.create-artwork:focus{outline:none}.create-artwork-base{fill:#171816}.create-region-control{cursor:pointer;outline:none!important}.create-region-control:focus,.create-region-control:focus-visible{outline:none!important}.create-region-fill{stroke-width:.22px;stroke-linejoin:round;transform-origin:50%;transition:filter .17s,opacity .17s;transform:none!important}.has-anchored-region .create-region-control:not(.is-anchored) .create-region-fill{opacity:.91;filter:brightness(.985)saturate(.9)}.create-region-control:hover .create-region-fill{filter:brightness(1.035)saturate(1.02)}.create-region-control.is-drop-target .create-region-fill{filter:brightness(1.055)saturate(1.04)}.create-region-kept-halo,.create-region-focus-halo{pointer-events:none;stroke-linejoin:round;vector-effect:non-scaling-stroke}.create-region-kept-halo{fill:#0000;stroke:#0000;stroke-width:0;opacity:0}.create-region-control.is-anchored .create-region-kept-halo{fill:var(--create-magnet);stroke:none;opacity:.12}.create-region-control.is-drop-target .create-region-kept-halo{fill:none;stroke:color-mix(in srgb, var(--create-focus) 68%, transparent);stroke-width:1.35px;opacity:1;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--create-focus) 28%, transparent))}.create-artwork-stage.is-anchor-acknowledging .create-region-control.is-anchored .create-region-kept-halo{animation:create-sticky-acquired .24s var(--create-ease) both}@keyframes create-sticky-acquired{0%{opacity:.04}48%{opacity:.24}to{opacity:.12}}.create-region-focus-halo{fill:none;stroke:#0000;stroke-width:0}.create-region-control:focus-visible .create-region-focus-halo{stroke:var(--create-focus);stroke-width:2px;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--create-focus) 48%, transparent))}.create-divider-controls>g{outline:none}.create-divider-control{pointer-events:auto}.create-divider-affordance,.create-divider-hit,.create-point-affordance,.create-point-hit{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.create-intersection-ring{fill:none;stroke:color-mix(in srgb, var(--create-focus) 84%, transparent);stroke-width:.82px;opacity:0;pointer-events:none;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;transition:opacity .13s,transform .13s}.create-divider-control.is-intersection:hover .create-intersection-ring,.create-divider-control.is-intersection:focus-visible .create-intersection-ring,.create-divider-control.is-intersection:active .create-intersection-ring{opacity:1;transform:scale(1.16)}.create-point-affordance{fill:var(--create-focus);stroke:color-mix(in srgb, var(--create-card) 96%, transparent);stroke-width:.9px;opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:50%;transition:opacity .13s,transform .13s,filter .13s}.create-point-hit{fill:#0000;stroke:none;cursor:grab;touch-action:none}.create-angle-guide{fill:none;stroke:color-mix(in srgb, var(--create-focus) 72%, transparent);stroke-width:.7px;stroke-dasharray:2.1 2.1;opacity:0;pointer-events:none;vector-effect:non-scaling-stroke;transition:opacity .13s,stroke-width .13s}.create-divider-affordance{stroke:color-mix(in srgb, var(--create-focus) 68%, transparent);stroke-width:1.1px;opacity:0;pointer-events:none;transition:opacity .13s,stroke-width .13s,filter .13s}.create-divider-hit{stroke:#0000;stroke-width:11px;cursor:grab;touch-action:none}.create-artwork.are-controls-revealed .create-divider-affordance{opacity:0}.create-artwork.are-controls-revealed .create-point-affordance{opacity:.72}.create-artwork.are-controls-revealed .create-intersection-ring{opacity:.84}.create-divider-controls>g:hover .create-divider-affordance,.create-divider-controls>g:focus-visible .create-divider-affordance,.create-divider-controls>g:focus-within .create-divider-affordance{opacity:.92;stroke-width:2.2px;filter:drop-shadow(0 0 1.4px color-mix(in srgb, var(--create-focus) 58%, transparent))}.create-divider-controls>g:hover .create-point-affordance,.create-divider-controls>g:focus-visible .create-point-affordance,.create-divider-controls>g:focus-within .create-point-affordance,.create-divider-controls>g:active .create-point-affordance{opacity:1;filter:drop-shadow(0 0 1.6px color-mix(in srgb, var(--create-focus) 70%, transparent));transform:scale(1.45)}:is(.create-divider-controls:has(.create-divider-control.is-angle:hover) .create-angle-guide,.create-divider-controls:has(.create-divider-control.is-angle:focus-visible) .create-angle-guide,.create-divider-controls:has(.create-divider-control.is-angle:focus-within) .create-angle-guide,.create-divider-controls:has(.create-divider-control.is-angle:active) .create-angle-guide){opacity:.82;stroke-width:1.15px}.create-divider-controls>g:focus,.create-divider-controls>g:focus-visible{outline:none}.create-divider-hit:active{cursor:grabbing}.create-divider-controls>g:active .create-divider-affordance{opacity:1;stroke-width:2.85px;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--create-focus) 72%, transparent))}.create-divider-control.is-magnet-snapped .create-point-affordance{fill:var(--create-magnet);stroke:color-mix(in srgb, var(--create-card) 92%, transparent);opacity:1;filter:drop-shadow(0 0 2.8px color-mix(in srgb, var(--create-magnet) 88%, transparent));transform:scale(1.62)}.create-divider-control.is-magnet-snapped .create-intersection-ring{stroke:var(--create-magnet);opacity:1;filter:drop-shadow(0 0 2.2px color-mix(in srgb, var(--create-magnet) 72%, transparent));transform:scale(1.22)}.create-divider-control.is-magnet-snapped .create-divider-affordance{stroke:var(--create-magnet);stroke-width:2.45px;opacity:1;filter:drop-shadow(0 0 2.4px color-mix(in srgb, var(--create-magnet) 76%, transparent))}.create-magnet-guides{fill:none;stroke:color-mix(in srgb, var(--create-focus) 38%, transparent);stroke-width:.65px;stroke-dasharray:2.2 2.2;vector-effect:non-scaling-stroke;pointer-events:none}.create-magnet-guides circle{fill:color-mix(in srgb, var(--create-focus) 48%, transparent);stroke:none}.create-magnet-token{pointer-events:none;animation:create-magnet-token-in .14s var(--create-ease) both}.create-magnet-token rect{fill:color-mix(in srgb, var(--create-card) 88%, var(--create-focus) 12%);stroke:color-mix(in srgb, var(--create-focus) 32%, transparent);stroke-width:.45px}.create-magnet-token text{fill:var(--create-card-ink);letter-spacing:-.02em;font-size:3.7px;font-weight:650}@keyframes create-magnet-token-in{0%{opacity:0;transform:translate(50px,10px)}to{opacity:1;transform:translate(50px,9px)}}.create-color-tray{z-index:12;transition:opacity .18s ease, transform .18s var(--create-ease);align-items:center;gap:8px;display:flex;position:absolute;bottom:23px;left:25px}.create-card[data-state=generating] .create-color-tray{opacity:.44;transform:translateY(2px)}.create-color-token{cursor:pointer;touch-action:none;width:48px;height:48px;transition:transform .16s var(--create-ease), filter .16s ease;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.create-color-token>span{background:radial-gradient(circle at 42% 35%, #ffffff1f, transparent 46%), var(--token-color);border-radius:50%;display:block;position:absolute;inset:5px;box-shadow:0 10px 14px #00000038,0 2px 4px #00000017,inset 0 -5px 10px #302a2317,inset 0 1px 2px #ffffff1c}.create-color-token:active,.create-color-token.is-held{filter:brightness(.99);transform:translateY(1px)}.create-color-token.is-dragging{z-index:30;transform:translate(var(--bead-drag-x), var(--bead-drag-y)) scale(.96);filter:drop-shadow(0 13px 12px #0000003d);cursor:grabbing;transition:none}.create-experience .create-color-token:focus-visible{outline:none}.create-color-token:focus-visible:after{content:"";border:1px solid color-mix(in srgb, var(--create-card-ink) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--create-card-ink) 10%, transparent);border-radius:50%;position:absolute;inset:2px}.create-generate-puck{--create-swipe-strength:0;--create-swipe-color:transparent;z-index:14;color:#f8f8f4;cursor:pointer;isolation:isolate;touch-action:none;width:82px;height:82px;transition:transform .115s var(--create-ease), box-shadow .115s ease;background:radial-gradient(circle at 48% 39%,#242523 0%,#1c1d1b 48%,#141513 78%,#0e0f0d 100%);border:0;border-radius:50%;padding:0;position:absolute;bottom:22px;right:24px;overflow:visible;transform:translateY(0);box-shadow:0 22px 27px #00000054,0 8px 11px #00000038,inset 0 1px 1px #ffffff06,inset 0 -5px 8px #00000047}.create-generate-puck:before{content:"";z-index:0;border-radius:inherit;background:var(--create-swipe-color);box-shadow:0 0 28px color-mix(in srgb, var(--create-swipe-color) 55%, transparent);opacity:calc(var(--create-swipe-strength) * .9);pointer-events:none;transition:opacity 90ms linear;position:absolute;inset:0}.create-generate-puck.is-swipe-save{--create-swipe-color:var(--create-save)}.create-generate-puck.is-swipe-discard{--create-swipe-color:var(--create-discard)}.create-generate-layer{border:1px solid #ffffff09;border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 1px 2px #ffffff06,inset 0 -2px 5px #00000057}.create-generate-layer,.create-generate-ring,.create-generate-indicator,.create-generate-progress{z-index:1}.create-swipe-feedback{--create-swipe-strength:0;--create-swipe-color:transparent;z-index:1;border:1px solid color-mix(in srgb, var(--create-swipe-color) 48%, transparent);color:#fff;background:var(--create-swipe-color);letter-spacing:.01em;min-width:64px;min-height:24px;opacity:var(--create-swipe-strength);pointer-events:none;transform:translateX(calc(-4px + var(--create-swipe-strength) * 4px)) scale(calc(.96 + var(--create-swipe-strength) * .04));transform-origin:0;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 7px;font-size:10px;font-weight:720;line-height:1;transition:opacity 90ms linear,transform 90ms linear;display:inline-flex;position:static}.create-swipe-feedback.is-save{--create-swipe-color:var(--create-save)}.create-swipe-feedback.is-discard{--create-swipe-color:var(--create-discard)}.create-swipe-feedback>span{font-size:12px;font-weight:780}.create-generate-ring{border:1px solid #ffffff1b;border-radius:50%;position:absolute;inset:18px;box-shadow:inset 0 0 7px #00000047}.create-generate-indicator{background:#fafaf6;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #fff3}.create-generate-puck.is-pressed .create-generate-indicator{animation:4.2s linear forwards create-generate-charge-color}@keyframes create-generate-charge-color{0%{background:var(--create-generate-ink);box-shadow:0 0 7px color-mix(in srgb, var(--create-generate-ink) 48%, transparent)}22%{background:#377fd8;box-shadow:0 0 7px #377fd894}62%{background:#8172e8;box-shadow:0 0 9px #8172e89e}to{background:#ef715b;box-shadow:0 0 11px #ef715bad}}.create-generate-progress{opacity:0;pointer-events:none;border:1px solid #0000;border-top-color:#ffffff45;border-radius:50%;position:absolute;inset:-7px}.create-generate-puck.is-pressed,.create-generate-puck:active{transform:translateY(2px);box-shadow:0 13px 18px #00000045,0 4px 7px #0003,inset 0 3px 7px #0006,inset 0 1px 1px #ffffff05}.create-generate-puck.is-exploring .create-generate-progress{opacity:1;animation:1.8s linear infinite create-puck-progress}@keyframes create-puck-progress{to{transform:rotate(360deg)}}.create-experience .create-generate-puck:focus-visible{box-shadow:0 22px 27px #00000054, 0 8px 11px #00000038, 0 0 0 2px var(--create-card), 0 0 0 4px color-mix(in srgb, var(--create-card-ink) 62%, transparent), inset 0 -5px 8px #00000047;outline:none}.create-secondary-page{width:min(1180px,100vw - 48px);min-height:min(720px, calc(100vh - var(--create-topbar-height) - 42px));border:1px solid var(--create-hairline);background:color-mix(in srgb, var(--create-page-raised) 88%, transparent);border-radius:28px;margin:18px auto 48px;padding:clamp(28px,4vw,52px);position:relative;box-shadow:0 24px 64px #18151014}:root[data-norma-theme=paper] .create-secondary-page:not(.create-export-page){background:var(--create-card)}.create-page-heading{justify-content:space-between;align-items:flex-start;gap:26px;margin-bottom:34px;display:flex}.create-eyebrow{color:var(--create-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:680;display:block}.create-page-heading h1,.create-export-copy h1{letter-spacing:-.035em;margin:0;font-size:clamp(48px,7vw,76px);font-weight:730;line-height:.98}.create-page-heading p,.create-export-copy>p{max-width:560px;color:var(--create-muted);margin:16px 0 0;font-size:15px;line-height:1.55}.create-pill-button,.create-segmented button{border:1px solid var(--create-hairline-strong);background:color-mix(in srgb, var(--create-page-raised) 90%, transparent);cursor:pointer;border-radius:999px;min-height:44px;font-size:13px;font-weight:650}.create-pill-button{justify-content:center;align-items:center;gap:10px;padding:0 20px;display:inline-flex}.create-pill-button.is-primary{color:var(--create-page);border-color:var(--create-ink);background:var(--create-ink)}.create-pill-button.is-danger{color:#bd3d35;border-color:color-mix(in srgb, #bd3d35 34%, var(--create-hairline-strong))}.create-pill-button:disabled{cursor:default;opacity:.38}.create-library-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.create-library-presentation{gap:22px;width:min(680px,100%);margin-inline:auto;display:grid}.create-library-presentation[data-presentation=flow]{width:100%}.create-library-presentation[data-presentation=flow] .create-library-presentation-bar,.create-library-presentation[data-presentation=flow] .create-library-divider{width:min(680px,100%);margin-inline:auto}.create-library-presentation-bar{align-items:flex-start;display:flex}.create-library-view-switch{border:1px solid var(--create-hairline);background:color-mix(in srgb, var(--create-page-raised) 76%, transparent);border-radius:999px;grid-template-columns:repeat(3,auto);padding:4px;display:inline-grid}.create-library-view-switch button{min-height:32px;color:var(--create-muted);cursor:pointer;letter-spacing:.035em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:11px;font-weight:620;transition:color .16s;display:flex;position:relative}.create-library-view-switch button[aria-pressed=true]{color:var(--create-page)}.create-library-view-active{border-radius:inherit;background:var(--create-ink);position:absolute;inset:0;box-shadow:0 3px 10px #18151029}.create-library-view-label{z-index:1;align-items:center;gap:7px;display:flex;position:relative}.create-library-view-label svg{fill:currentColor;width:15px;height:15px}.create-library-divider{background:var(--create-hairline);width:100%;height:1px}.create-library-content-stage{flex-direction:column;align-items:center;min-height:350px;display:flex;position:relative}.create-library-view-transition{transform-origin:50% 10%;will-change:opacity, transform, filter;width:100%}.create-library-grid{width:100%;position:relative}.create-library-grid.is-list{flex-direction:column;gap:16px;display:flex}.create-library-grid.is-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.create-library-motion-item{z-index:10;align-items:center;min-width:0;display:flex;position:relative}.create-library-grid.is-list .create-library-motion-item{flex-direction:row;gap:16px;width:100%}.create-library-grid.is-card .create-library-motion-item{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.create-library-list-divider{background:color-mix(in srgb, var(--create-hairline) 70%, transparent);pointer-events:none;height:1px;position:absolute;bottom:-8px;left:80px;right:0}.create-library-item{min-width:0;position:relative}.create-library-open{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.create-library-open:focus-visible{outline:none}.create-library-open:focus-visible~.create-library-thumb{box-shadow:0 0 0 2px var(--create-page), 0 0 0 3px color-mix(in srgb, var(--create-focus) 76%, transparent), 0 18px 36px #18151024}.create-library-open[aria-pressed=true]~.create-library-thumb{border-color:var(--create-save);box-shadow:0 0 0 2px color-mix(in srgb, var(--create-save) 78%, transparent), 0 14px 28px color-mix(in srgb, var(--create-save) 17%, transparent)}.create-library-selection-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:26px;height:26px;transition:background .16s ease, border-color .16s ease, transform .16s var(--create-ease);background:#0c0d0b70;border:1px solid #ffffff8a;border-radius:50%;position:absolute;top:10px;right:10px;box-shadow:0 3px 10px #0003}.create-library-open[aria-pressed=true]~.create-library-selection-state{border-color:var(--create-save);background:var(--create-save);transform:scale(1.05)}.create-library-open[aria-pressed=true]~.create-library-selection-state:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:7px;height:11px;position:absolute;top:5px;left:8px;transform:rotate(45deg)}.create-library-thumb{aspect-ratio:1;background:0 0;border:0;border-radius:18px;flex-shrink:0;place-items:center;padding:0;transition:box-shadow .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #18151014}.create-library-grid.is-list .create-library-thumb{border-radius:16px;flex:0 0 64px;width:64px;height:64px;padding:0}.create-library-grid.is-card .create-library-thumb{border-radius:28px;width:100%;padding:0}.create-library-preview{place-items:center;width:100%;height:100%;display:grid}.create-library-thumb .create-artwork{width:100%;height:100%}.create-library-thumb:not(.is-card-format) .create-artwork{transform:scale(1.16)}.create-library-thumb:not(.is-photo) .create-artwork-base,.create-library-flow-preview:not(.is-photo) .create-artwork-base{fill:#0000}.create-library-open:hover~.create-library-thumb{box-shadow:0 15px 30px #1815101f}.create-library-meta{min-width:0;color:var(--create-muted);flex:1;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.create-library-grid.is-card .create-library-meta{width:100%;padding-inline:4px}.create-library-grid.is-list .create-library-meta{padding-right:118px}.create-library-meta-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.create-library-meta strong{max-width:100%;color:var(--create-ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:620;line-height:1.15;overflow:hidden}.create-library-meta-copy>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:580;display:flex;overflow:hidden}.create-library-meta-copy svg{fill:none;width:13px;height:13px;stroke:color-mix(in srgb, var(--create-focus) 76%, var(--create-muted));stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 13px}.create-library-id-badge{color:var(--create-ink);background:color-mix(in srgb, var(--create-ink) 5%, transparent);border-radius:999px;flex:none;align-items:center;gap:4px;margin-left:8px;padding:5px 8px;font-size:10px;font-weight:720;display:inline-flex}.create-library-item-actions{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:8px}.create-library-grid.is-list .create-library-item-actions{top:50%;right:0;transform:translateY(-50%)}.create-library-item-action{border:1px solid color-mix(in srgb, var(--create-ink) 12%, transparent);min-width:40px;min-height:40px;color:var(--create-ink);background:color-mix(in srgb, var(--create-page-raised) 92%, transparent);cursor:pointer;font:inherit;letter-spacing:-.01em;transition:color .14s ease, border-color .14s ease, background .14s ease, transform .14s var(--create-ease);border-radius:999px;place-items:center;padding:0 10px;font-size:11px;font-weight:680;display:inline-grid}.create-library-item-action:hover,.create-library-item-action:focus-visible{border-color:color-mix(in srgb, var(--create-ink) 26%, transparent);background:var(--create-page-raised)}.create-library-item-action:active{transform:scale(.96)}.create-library-item-action.is-export{width:40px;padding:0}.create-library-item-identity{width:48px;min-width:48px;min-height:40px;color:var(--create-ink);background:color-mix(in srgb, var(--create-ink) 5%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0;font-size:10px;font-weight:720;display:inline-grid}.create-library-item-action.is-studio-reveal{width:48px;min-width:48px;padding:0;position:relative;overflow:hidden}.create-library-item-action.is-studio-reveal .create-library-item-identity,.create-library-item-studio-label{transition:opacity .14s ease, transform .16s var(--create-ease);place-items:center;display:grid;position:absolute;inset:0}.create-library-item-action.is-studio-reveal .create-library-item-identity{width:100%;min-width:0;color:inherit;background:0 0}.create-library-item-studio-label{letter-spacing:-.02em;opacity:0;font-size:9px;transform:translateY(6px)}@media (hover:hover) and (pointer:fine){.create-library-item-action.is-studio-reveal:hover .create-library-item-identity,.create-library-item-action.is-studio-reveal:focus-visible .create-library-item-identity{opacity:0;transform:translateY(-6px)}.create-library-item-action.is-studio-reveal:hover .create-library-item-studio-label,.create-library-item-action.is-studio-reveal:focus-visible .create-library-item-studio-label{opacity:1;transform:translateY(0)}}.create-library-item-action.is-export svg{width:18px;height:18px}.create-library-grid.is-card .create-library-item-action{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0d0b94;border-color:#fff3}.create-library-grid.is-card .create-library-item-action:hover,.create-library-grid.is-card .create-library-item-action:focus-visible{background:#0c0d0bc2;border-color:#fff6}.create-library-grid.is-card .create-library-item-identity{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0d0b94}.create-library-flow{gap:8px;width:100%;min-height:520px;display:grid}.create-library-flow-shell{min-width:0;position:relative}.create-library-flow-frame{width:100%;min-width:0;height:calc(var(--library-flow-card-width,148px) + 80px);perspective:var(--library-flow-perspective,444px);perspective-origin:50%;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;overflow:hidden}.create-library-flow-frame:active{cursor:grabbing}.create-library-flow-frame:focus-visible{box-shadow:inset 0 0 0 1px var(--create-hairline-strong)}.create-library-flow-track{width:100%;height:100%;transform-style:preserve-3d;position:relative}.create-library-flow-card{width:var(--library-flow-card-width,148px);aspect-ratio:1;color:inherit;opacity:var(--library-flow-opacity);transform:translateX(calc(-50% + var(--library-flow-x) + var(--library-flow-drag))) translateY(-50%) translateZ(var(--library-flow-z)) rotateY(var(--library-flow-tilt));transform-style:preserve-3d;transition:transform .26s var(--create-ease), opacity .22s ease, border-color .18s ease, box-shadow .18s ease;cursor:pointer;background:0 0;border:0;border-radius:16px;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 16px 30px #18151024}.create-library-flow-card.is-card-format{aspect-ratio:var(--create-card-w-over-h,.828427)}.create-library-flow-card.is-active{box-shadow:0 22px 38px #1815102e}.create-library-flow-card[aria-pressed=true]{border-color:var(--create-save);box-shadow:0 0 0 2px color-mix(in srgb, var(--create-save) 78%, transparent), 0 14px 28px color-mix(in srgb, var(--create-save) 17%, transparent)}.create-library-flow-card[aria-pressed=true] .create-library-selection-state{border-color:var(--create-save);background:var(--create-save);transform:scale(1.05)}.create-library-flow-card[aria-pressed=true] .create-library-selection-state:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:7px;height:11px;position:absolute;top:5px;left:8px;transform:rotate(45deg)}.create-library-flow-preview{pointer-events:none;place-items:center;width:100%;height:100%;display:grid}.create-library-flow-preview.is-photo{background:0 0}.create-library-flow-preview .create-artwork{width:100%;height:100%}.create-library-flow-card:not(.is-card-format) .create-library-flow-preview .create-artwork{transform:scale(1.16)}.create-library-flow-nav{z-index:160;border:1px solid var(--create-hairline-strong);width:38px;height:38px;color:var(--create-ink);background:color-mix(in srgb, var(--create-page-raised) 92%, transparent);cursor:pointer;border-radius:50%;place-items:center;font-size:17px;transition:color .16s,border-color .16s,background .16s;display:grid;position:relative}.create-library-flow-nav svg{width:17px;height:17px}.create-library-flow-nav:disabled{cursor:default;opacity:.24}.create-library-flow-footer{grid-template-rows:auto auto auto 1fr;align-content:stretch;place-items:center;gap:14px;min-height:188px;padding-top:4px;display:grid;position:relative}.create-library-flow-navigation{justify-content:center;align-items:center;gap:8px;transition:opacity .18s,transform .18s;display:flex}.create-library-flow-caption{text-align:center;justify-items:center;gap:4px;display:grid}.create-library-flow-caption strong{color:var(--create-ink);letter-spacing:-.02em;font-size:15px;font-weight:680}.create-library-flow-caption span{color:var(--create-muted);font-size:12px}.create-library-flow-meta{gap:1px;width:min(240px,100%);margin:0;font-size:11px;display:grid}.create-library-flow-meta>div{justify-content:space-between;align-items:center;gap:24px;min-height:24px;display:flex}.create-library-flow-meta dt{color:var(--create-muted)}.create-library-flow-meta dd{color:var(--create-ink);font-variant-numeric:tabular-nums;margin:0;font-weight:650}.create-library-flow-swatches{align-items:center;gap:5px;display:inline-flex}.create-library-flow-swatches>span{border:1px solid color-mix(in srgb, var(--create-ink) 15%, transparent);border-radius:50%;width:13px;height:13px}.create-library-flow-position{border:1px solid var(--create-hairline-strong);min-width:52px;height:38px;color:var(--create-muted);background:color-mix(in srgb, var(--create-page-raised) 92%, transparent);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:center;cursor:pointer;border-radius:999px;place-items:center;font-size:11px;transition:color .16s,border-color .16s,background .16s;display:grid}.create-library-flow-position.is-static{cursor:default}.create-library-flow-position.is-primary{background:0 0;border:0;border-radius:0;width:auto;min-width:0;height:auto}.create-library-flow-navigation:hover .create-library-flow-position,.create-library-flow-navigation:focus-within .create-library-flow-position{color:var(--create-ink);border-color:var(--create-hairline-strong)}.create-library-flow-direct-actions{align-items:center;gap:4px;display:flex;position:absolute;bottom:0;right:0}@media (hover:hover) and (pointer:fine){.create-library-flow-navigation{opacity:.22;transform:translateY(2px)}.create-library-flow-navigation:hover,.create-library-flow-navigation:focus-within{opacity:1;transform:translateY(0)}}.create-library-flow-empty{min-height:350px;color:var(--create-muted);place-items:center;display:grid}.create-empty-state{min-height:360px;color:var(--create-muted);text-align:center;place-content:center;justify-items:center;gap:18px;display:grid}.create-export-page{gap:clamp(24px,3vw,38px);display:grid}.create-export-heading{justify-content:space-between;align-items:end;gap:32px;display:flex}.create-export-heading h1{letter-spacing:-.035em;margin:2px 0 0;font-size:clamp(48px,6vw,78px);line-height:.98}.create-export-heading p{max-width:400px;color:var(--create-muted);text-align:right;margin:0;line-height:1.45}.create-export-workspace{grid-template-columns:minmax(360px,1.05fr) minmax(360px,.95fr);align-items:stretch;gap:clamp(22px,3vw,36px);min-width:0;display:grid}.create-export-preview{aspect-ratio:1;background-color:#f3f1eb;background-image:linear-gradient(45deg,#dedbd4 25%,#0000 25%),linear-gradient(-45deg,#dedbd4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dedbd4 75%),linear-gradient(-45deg,#0000 75%,#dedbd4 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:24px;place-items:center;padding:clamp(30px,5vw,70px);display:grid;position:relative}.create-export-preview[data-background=light]{background:#f4f1ea}.create-export-preview[data-background=gray]{background:#8b8b85}.create-export-preview[data-background=dark]{background:#111210}.create-export-preview .create-artwork{filter:drop-shadow(0 16px 24px #00000029)}.create-export-preview[data-render-mode=grayscale] .create-region-photo,.create-context-stage[data-render-mode=grayscale] .create-region-photo{filter:grayscale()}.create-export-preview[data-render-mode=black-white] .create-region-photo,.create-context-stage[data-render-mode=black-white] .create-region-photo{filter:grayscale()contrast(10000%)}.create-context-previews{grid-template-rows:auto auto minmax(0,1fr);gap:12px;min-width:0;display:grid}.create-context-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.create-context-heading h2{letter-spacing:-.025em;margin:2px 0 0;font-size:18px}.create-context-toolbar,.create-context-tabs{gap:6px;display:flex}.create-context-toolbar{justify-content:flex-start;align-items:center}.create-context-tabs button{border:1px solid var(--create-hairline);min-height:44px;color:var(--create-muted);cursor:pointer;background:0 0;border-radius:999px;padding:0 15px;font-size:12px;font-weight:650}.create-context-tabs button.is-active{color:var(--create-page);border-color:var(--create-ink);background:var(--create-ink)}.create-context-stage{border:1px solid var(--create-hairline);background:color-mix(in srgb, var(--create-page-raised) 92%, var(--create-card-ink) 8%);border-radius:22px;place-items:center;min-width:0;min-height:360px;padding:30px 24px 42px;display:grid;position:relative;overflow:hidden}.create-context-stage.is-app{background:color-mix(in srgb, var(--create-card) 91%, var(--create-focus) 9%)}.create-context-stage.is-square{background:color-mix(in srgb, var(--create-page-raised) 92%, var(--create-card-ink) 8%)}.create-context-stage.is-card{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--create-focus) 8%, transparent), transparent 62%), var(--create-page-raised)}.create-context-stage[data-background=transparent]{background-color:#f3f1eb;background-image:linear-gradient(45deg,#dedbd4 25%,#0000 25%),linear-gradient(-45deg,#dedbd4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dedbd4 75%),linear-gradient(-45deg,#0000 75%,#dedbd4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.create-context-stage[data-background=light]{background:#f4f1ea}.create-context-stage[data-background=gray]{background:#8b8b85}.create-context-stage[data-background=dark]{background:#111210}.create-context-object{place-items:center;width:128px;height:128px;display:grid}.create-context-mark{place-items:center;width:100%;height:100%;display:grid}.create-context-stage.is-avatar .create-context-object{border:1px solid var(--create-hairline);background:color-mix(in srgb, var(--create-page-raised) 88%, var(--create-card-ink) 12%);width:144px;height:144px;box-shadow:0 8px 18px color-mix(in srgb, var(--create-card-ink) 14%, transparent), 0 1px 0 color-mix(in srgb, var(--create-card-ink) 8%, transparent) inset;border-radius:50%;padding:0;overflow:hidden}.create-context-stage.is-square .create-context-object{width:172px;height:172px;box-shadow:none;background:0 0;border-radius:0;padding:0}.create-context-stage.is-app .create-context-object{width:164px;height:164px;box-shadow:0 16px 28px #18151029, 0 1px 0 color-mix(in srgb, var(--create-focus) 18%, transparent) inset;background:0 0;border:0;border-radius:32px;padding:0;overflow:hidden}.create-context-stage.is-app .create-artwork-base{fill:#0000}.create-context-stage.is-app .create-context-mark,.create-context-stage.is-app .create-artwork{width:100%;height:100%}.create-context-stage.is-card .create-context-object{aspect-ratio:85/52;background:#f3f0e8;border:0;border-radius:14px;grid-template-columns:82px minmax(0,1fr);gap:clamp(18px,5%,28px);width:min(88%,390px);height:auto;padding:clamp(20px,5%,30px);box-shadow:0 18px 34px #18151024}.create-context-stage.is-greeting .create-context-object{width:min(64%,250px);height:auto;aspect-ratio:var(--create-card-w-over-h,.828427)}.create-context-greeting-card{color:#171916;background:#ebe8e1;border-radius:14px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 18px 34px #18151024}.create-context-greeting-artwork{aspect-ratio:1;touch-action:none;transform-origin:50%;place-items:center;width:61.8034%;display:grid;position:absolute;top:15.8234%;left:19.0983%;overflow:hidden}.create-context-greeting-artwork .create-artwork{filter:none;width:100%;height:100%}.create-context-greeting-copy{color:#171916;text-align:center;justify-items:center;gap:1px;font-family:Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:650;line-height:1.12;display:grid;position:absolute;top:82.8427%;left:19.0983%;right:19.0983%;overflow:hidden;transform:translateY(-50%)}.create-context-greeting-card[data-font-size=small] .create-context-greeting-copy{font-size:9px}.create-context-greeting-card[data-font-size=large] .create-context-greeting-copy{font-size:14px}.create-context-greeting-copy>span{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.create-context-stage.is-card .create-context-mark{width:76px;height:76px;overflow:hidden}.create-context-stage.is-card .create-context-mark .create-artwork-base{fill:#0000}.create-context-stage.is-card.is-portrait .create-context-object{aspect-ratio:52/85;grid-template-rows:auto auto;grid-template-columns:1fr;align-content:space-between;justify-items:start;gap:28px;width:min(48%,196px);padding:28px 24px 25px}.create-context-stage.is-card.is-portrait .create-context-mark{width:66px;height:66px}.create-context-stage.is-card.is-portrait .create-business-card-copy{text-align:left;justify-self:stretch}.create-context-stage.is-card.is-logo-large .create-context-object{grid-template-rows:1fr;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:14px;padding:16px}.create-context-stage.is-card.is-logo-large .create-context-mark{z-index:0;aspect-ratio:1;touch-action:none;place-self:start;width:100%;height:auto;position:relative;overflow:hidden;transform:none}.create-context-stage.is-card.is-logo-large.is-portrait .create-context-mark{place-self:start;width:100%;height:auto}.create-context-stage.is-card.is-logo-large .create-business-card-copy{z-index:1;text-align:left;background:0 0;place-self:start;width:100%;max-width:none;padding:0;position:static}.create-context-stage.is-card.is-logo-large.is-portrait .create-context-object{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:space-between;gap:16px;padding:18px}.create-context-stage.is-card.is-logo-large.is-portrait .create-business-card-copy{place-self:end start}.create-business-card-copy{color:#1a1b18;text-align:left;grid-auto-rows:max-content;align-content:center;place-self:center stretch;gap:3px;font-family:Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.create-business-card-copy strong{letter-spacing:.11em;font-size:clamp(11px,1.5vw,14px);line-height:1.05}.create-business-card-copy>span{color:#1a1b1894;font-size:clamp(10px,1.3vw,12px);line-height:1.2}.create-context-mark .create-artwork{filter:none;width:100%;height:100%}.create-context-label{color:var(--create-muted);letter-spacing:.01em;font-size:11px;font-weight:650;position:absolute;bottom:9px;left:12px}.create-export-settings{border:1px solid var(--create-hairline);background:color-mix(in srgb, var(--create-page-raised) 86%, var(--create-card-ink) 14%);border-radius:22px;gap:20px;padding:20px;display:grid}.create-export-controls{grid-template-columns:repeat(auto-fit,minmax(164px,1fr));gap:16px;display:grid}.create-export-controls.has-greeting{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(164px,1fr))}.create-export-controls.has-card{grid-template-columns:repeat(3,minmax(164px,1fr))}.create-export-controls fieldset{border:0;margin:0;padding:0}.create-greeting-message-field{min-width:min(100%,280px)}.create-greeting-message-field textarea{resize:vertical;border:1px solid var(--create-hairline-strong);width:min(100%,360px);min-height:92px;color:var(--create-ink);background:var(--create-page-raised);font:inherit;border-radius:14px;padding:12px 14px;line-height:1.45}.create-greeting-message-field textarea:focus-visible{outline:2px solid color-mix(in srgb, var(--create-focus) 62%, transparent);outline-offset:2px}.create-business-card-copy-field{grid-column:span 2;min-width:0}.create-business-card-copy-fields{gap:7px;display:grid}.create-business-card-copy-fields label{color:var(--create-muted);grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;font-size:11px;font-weight:650;display:grid}.create-business-card-copy-fields input{border:1px solid var(--create-hairline-strong);width:100%;min-width:0;min-height:34px;color:var(--create-ink);background:var(--create-page-raised);font:inherit;border-radius:10px;padding:7px 10px}.create-business-card-copy-fields input:focus-visible{outline:2px solid color-mix(in srgb, var(--create-focus) 62%, transparent);outline-offset:2px}.create-export-controls legend{color:var(--create-muted);margin-bottom:10px;font-size:12px;font-weight:650}.create-segmented{border:1px solid var(--create-hairline);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;display:grid}.create-segmented.is-format,.create-segmented.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.create-segmented.is-render-mode{grid-template-columns:repeat(3,minmax(0,1fr))}.create-segmented.is-single{grid-template-columns:1fr}.create-segmented button{background:0 0;border-color:#0000;min-height:38px;padding:0 8px}.create-segmented button.is-active{color:var(--create-page);background:var(--create-ink)}.create-export-actions{border-top:1px solid var(--create-hairline);justify-content:space-between;align-items:center;gap:20px;padding-top:18px;display:flex}.create-export-action-label{color:var(--create-muted);font-size:12px;font-weight:650}.create-export-download-controls{grid-template-columns:auto minmax(190px,1fr);align-items:start;gap:8px;min-width:0;display:grid}.create-export-size-control,.create-export-split-download{position:relative}.create-export-menu-trigger,.create-export-format-trigger,.create-export-download-action,.create-export-format-current{min-height:46px;color:inherit;font:inherit;border:0}.create-export-menu-trigger{border:1px solid var(--create-hairline-strong);min-width:98px;color:var(--create-ink);background:var(--create-page-raised);letter-spacing:-.01em;cursor:pointer;border-radius:15px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:700;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.create-export-menu-trigger:hover,.create-export-menu-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--create-ink) 36%, var(--create-hairline-strong));box-shadow:0 7px 16px color-mix(in srgb, var(--create-ink) 8%, transparent)}.create-export-menu-trigger:active{transform:translateY(1px)}.create-export-menu-trigger svg,.create-export-format-trigger svg{width:15px;height:15px;transition:transform .22s cubic-bezier(.16,1,.3,1)}.create-export-menu-trigger[aria-expanded=true] svg,.create-export-format-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.create-export-split-download{isolation:isolate;min-width:0;color:var(--create-page);background:var(--create-ink);box-shadow:0 10px 21px color-mix(in srgb, var(--create-ink) 17%, transparent);border-radius:15px;grid-template-columns:minmax(0,1fr) 1px auto;display:grid;overflow:visible}.create-export-download-action,.create-export-format-trigger,.create-export-format-current{cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;transition:background-color .16s,opacity .16s;display:inline-flex}.create-export-format-current{cursor:default}.create-export-download-action{border-radius:15px 0 0 15px;min-width:0;padding:0 17px;font-size:13px;font-weight:750}.create-export-download-action svg{width:17px;height:17px}.create-export-format-trigger,.create-export-format-current{letter-spacing:.01em;border-radius:0 15px 15px 0;min-width:76px;padding:0 12px;font-size:13px;font-weight:650}.create-export-download-action:hover:not(:disabled),.create-export-format-trigger:hover,.create-export-format-trigger[aria-expanded=true]{background:color-mix(in srgb, var(--create-page) 13%, transparent)}.create-export-download-action:disabled{cursor:wait;opacity:.68}.create-export-split-divider{background:color-mix(in srgb, var(--create-page) 26%, transparent);width:1px;margin:9px 0}.create-export-popover{z-index:30;border:1px solid var(--create-hairline-strong);min-width:150px;color:var(--create-ink);background:color-mix(in srgb, var(--create-page-raised) 96%, var(--create-card-ink) 4%);box-shadow:0 18px 38px color-mix(in srgb, var(--create-ink) 17%, transparent);transform-origin:100% 0;border-radius:16px;padding:5px;animation:.26s cubic-bezier(.16,1,.3,1) both create-export-popover-in;position:absolute;top:calc(100% + 9px);right:0}.create-export-size-popover{transform-origin:0 0;min-width:166px;left:0;right:auto}.create-export-option-list{gap:2px;display:grid}.create-export-option-list button{width:100%;min-height:37px;color:var(--create-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;padding:0 10px;font-size:13px;font-weight:700;transition:color .16s,background-color .16s,padding .16s;animation:.3s cubic-bezier(.16,1,.3,1) both create-export-option-in;display:flex}.create-export-option-list button:hover,.create-export-option-list button:focus-visible{color:var(--create-ink);background:color-mix(in srgb, var(--create-ink) 7%, transparent);outline:0;padding-left:14px}.create-export-option-list button.is-selected{color:var(--create-page);background:var(--create-ink)}.create-export-option-list small{color:inherit;opacity:.7;margin-left:3px;font-size:10px;font-weight:650}.create-export-option-list svg{width:16px;height:16px;margin-left:auto}.create-export-custom-size{border-top:1px solid var(--create-hairline);grid-template-columns:1fr auto;gap:5px;margin-top:5px;padding-top:7px;display:grid}.create-export-custom-size label{color:var(--create-muted);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;padding-left:5px;font-size:10px;font-weight:700}.create-export-custom-size input{border:1px solid var(--create-hairline-strong);width:100%;min-width:0;min-height:34px;color:var(--create-ink);background:var(--create-page);font:inherit;border-radius:9px;padding:0 8px;font-size:12px}.create-export-custom-size button{min-height:34px;color:var(--create-page);background:var(--create-ink);font:inherit;cursor:pointer;border:0;border-radius:9px;padding:0 9px;font-size:11px;font-weight:750}.create-export-feedback{color:var(--create-muted);text-align:right;grid-column:1/-1;margin:2px 0 0;font-size:12px;font-weight:650}@keyframes create-export-popover-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}68%{opacity:1;transform:translateY(1px)scale(1.014)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes create-export-option-in{0%{opacity:0;transform:translateY(-5px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.create-text-button{cursor:pointer;background:0 0;border:0;min-height:40px;color:var(--create-muted)!important}.create-live-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;overflow:hidden}@media (width<=1100px){.create-export-workspace,.create-export-settings{grid-template-columns:1fr}.create-export-preview{display:none}}@media (width<=920px){.create-secondary-page{width:calc(100vw - 32px);margin-top:10px}.create-export-workspace,.create-export-settings{grid-template-columns:1fr}.create-export-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.create-export-controls.has-greeting,.create-export-controls.has-card{grid-template-columns:repeat(2,minmax(0,1fr))}.create-export-preview{display:none}}@media (width<=720px){:root{--create-topbar-height:66px}.create-topbar{padding-left:max(var(--norma-header-gutter), env(safe-area-inset-left));padding-right:max(var(--norma-header-gutter), env(safe-area-inset-right));grid-template-columns:auto 1fr auto;gap:8px}.create-brand{font-size:16px}.create-nav{justify-self:center;gap:8px}.create-nav button{min-height:40px;padding:0 4px;font-size:12px;line-height:40px}.create-theme-toggle{width:36px;height:36px}.create-view{padding:12px 12px max(18px, env(safe-area-inset-bottom))}.create-deck{width:min(100%,440px);height:min(720px, calc(100dvh - var(--create-topbar-height) - 24px));min-height:540px}.create-card,.create-deck:before{border-radius:20px}.create-artwork-stage{width:72%;top:47%}.create-status{top:21px;left:21px}.create-color-tray{gap:4px;bottom:17px;left:17px}.create-color-token{width:44px;height:48px}.create-color-token>span{inset:5px 3px}.create-generate-puck{width:76px;height:76px;bottom:17px;right:18px}.create-secondary-page{width:calc(100vw - 16px);min-height:calc(100dvh - var(--create-topbar-height) - 16px);margin:8px auto max(14px, env(safe-area-inset-bottom));border-radius:22px;padding:26px 18px}.create-page-heading{align-items:center;margin-bottom:26px}.create-page-heading h1,.create-export-heading h1{font-size:48px}.create-page-heading p{display:none}.create-library-actions{gap:6px}.create-library-actions .create-pill-button{min-width:44px;padding:0 13px}.create-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:0}.create-library-presentation-bar{align-items:flex-start}.create-library-view-switch{width:100%}.create-library-view-switch button{min-width:0;padding-inline:10px}.create-library-grid.is-card,.create-library-grid.is-list .create-library-card{gap:12px}.create-library-grid.is-list .create-library-thumb{flex-basis:58px;width:58px;height:58px}.create-library-list-divider{left:70px}.create-library-item-actions{gap:4px}.create-library-item-action.is-studio-reveal{pointer-events:none}.create-library-item-studio-label{display:none}.create-library-thumb{border-radius:14px}.create-library-flow{min-height:480px}.create-library-flow-card{border-radius:13px}.create-library-flow-nav{width:32px;height:32px}.create-library-flow-footer{gap:16px}.create-library-flow-bottom-row{justify-content:center}.create-export-page{gap:26px}.create-export-heading{flex-direction:column;align-items:start;gap:10px}.create-export-heading p{text-align:left;max-width:34rem}.create-export-controls,.create-export-controls.has-greeting,.create-export-controls.has-card{grid-template-columns:1fr}.create-export-settings{gap:18px;padding:16px}.create-export-actions{flex-direction:column;align-items:stretch;gap:10px}.create-export-download-controls{grid-template-columns:minmax(96px,.42fr) minmax(0,1fr);width:100%}.create-export-size-popover{transform-origin:0 100%;top:auto;bottom:calc(100% + 9px)}.create-export-feedback{text-align:left}.create-context-previews{gap:10px}.create-context-stage{min-height:246px;padding-inline:18px}.create-context-heading p{display:none}}@media (width<=430px){:root{--create-topbar-height:64px}.create-topbar{min-height:var(--create-topbar-height);padding-left:max(var(--norma-header-gutter), env(safe-area-inset-left));padding-right:max(var(--norma-header-gutter), env(safe-area-inset-right));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav theme";column-gap:4px}.create-brand{letter-spacing:.18em;grid-area:brand;padding-inline:0;font-size:16px}.create-nav{grid-area:nav;justify-self:center;gap:2px;min-width:0}.create-nav button{white-space:nowrap;min-height:44px;padding-inline:2px;font-size:12px;line-height:44px}.create-nav-studio{display:none}.create-theme-toggle{grid-area:theme;width:34px;height:34px}.create-context-toolbar{flex-direction:column;align-items:stretch}.create-context-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.create-context-tabs button{min-width:0;padding-inline:8px;font-size:11px}.create-business-card-copy-field{grid-column:span 1}}@media (height<=720px) and (width>=721px){.create-deck{height:calc(100vh - 112px);min-height:520px;max-height:600px}.create-artwork-stage{width:57%}}@media (pointer:coarse){.create-region-control{cursor:default}.create-pill-button,.create-library-view-switch button,.create-selection-dock button,.create-segmented button{min-height:44px}}@media (prefers-reduced-motion:reduce){.create-experience *,.create-experience :before,.create-experience :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.create-view{min-height:calc(100vh - var(--create-topbar-height));flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;padding:clamp(28px,5vh,48px) 24px 46px;display:flex}.create-deck{width:min(468px,100vw - 32px);height:auto;min-height:0;max-height:none;aspect-ratio:var(--create-card-w-over-h,.828427)}.create-status,.create-card-utilities{top:var(--create-header-axis-over-h,9.8%);transform:translateY(-50%)}.create-status{left:var(--create-hero-margin-over-w,19.0983%);gap:8px;font-size:11px}.create-card-top-actions{z-index:25;left:var(--create-hero-margin-over-w,19.0983%);top:var(--create-header-axis-over-h,9.8%);grid-template-columns:24px 30px max-content;align-items:center;gap:2px;display:grid;position:absolute;transform:translateY(-50%)}.create-card-top-actions .create-status{flex-basis:30px;align-self:center;width:30px;position:static;transform:none}.create-card-top-actions .create-swipe-feedback{grid-column:4}.create-card-top-actions.is-harmony-suppressed .create-harmony-label,.create-card-top-actions.is-constraint-suppressed .create-constraint-slot,.create-card-top-actions.is-sharing-open{visibility:hidden;pointer-events:none}.create-share-button{width:36px;height:36px;color:color-mix(in srgb, var(--create-card-ink) 76%, transparent);background:color-mix(in srgb, var(--create-card-ink) 6%, transparent);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:color .16s,background .16s,transform .16s;display:grid}.create-share-button:hover,.create-share-button:focus-visible{color:var(--create-card-ink);background:color-mix(in srgb, var(--create-card-ink) 7%, transparent);transform:translateY(-1px)}.create-share-button:focus-visible{outline-offset:3px;outline:1px dashed}.create-share-button:disabled{cursor:wait;opacity:.45}.create-share-button svg{width:17px;height:17px}.create-card-utilities{z-index:24;right:var(--create-hero-margin-over-w,19.0983%);align-items:center;gap:4px;transition:gap .16s;display:flex;position:absolute}.create-card-utilities.is-sharing-open{gap:0}.create-card-utilities button{border:1px solid color-mix(in srgb, var(--create-card-ink) 24%, transparent);width:36px;height:36px;color:color-mix(in srgb, var(--create-card-ink) 74%, transparent);background:color-mix(in srgb, var(--create-card-ink) 6%, transparent);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:grid}.create-card-utilities .create-workspace-mode-toggle{flex:0 0 36px;transition:width .16s,flex-basis .16s,opacity .12s,transform .16s,border-width .12s;overflow:hidden}.create-card-utilities.is-sharing-open .create-workspace-mode-toggle{opacity:0;pointer-events:none;border-width:0;flex-basis:0;width:0;transform:scale(.72)}.create-card-utilities button:hover,.create-card-utilities button.is-active{color:var(--create-card-ink);border-color:color-mix(in srgb, var(--create-card-ink) 46%, transparent);background:color-mix(in srgb, var(--create-card-ink) 12%, transparent)}.create-card-utilities .create-workspace-mode-toggle,.create-card-utilities .create-workspace-mode-toggle:hover,.create-card-utilities .create-workspace-mode-toggle:focus-visible{background:0 0;border-color:#0000}.create-card-utilities .create-workspace-mode-toggle:focus-visible{outline-offset:4px;outline:1px dashed}.create-social-share{border:1px solid color-mix(in srgb, var(--create-card-ink) 24%, transparent);height:36px;color:color-mix(in srgb, var(--create-card-ink) 76%, transparent);background:color-mix(in srgb, var(--create-card) 92%, transparent);box-shadow:0 5px 16px color-mix(in srgb, var(--create-card-ink) 10%, transparent);border-radius:999px;justify-content:flex-end;align-items:center;display:flex;overflow:hidden}.create-social-share>.create-share-button{background:0 0;border:0;flex:0 0 34px;width:34px;height:34px}.create-social-share-actions{justify-content:center;align-items:center;gap:2px;width:206px;height:34px;padding:0 4px;display:flex}.create-card-utilities .create-social-share-actions button{background:0 0;border:0;flex:0 0 31px;width:31px;height:31px}.create-social-share-actions button:hover,.create-social-share-actions button:focus-visible{color:var(--create-card-ink);background:color-mix(in srgb, var(--create-card-ink) 10%, transparent)}.create-social-share-actions button:disabled{cursor:wait;opacity:.42}.create-social-share-actions svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.create-social-share-actions svg .is-fill,.create-social-share-actions svg.is-brand path{fill:currentColor;stroke:none}.create-social-share-divider{background:color-mix(in srgb, var(--create-card-ink) 22%, transparent);width:1px;height:18px}.create-card-utilities svg,.create-paint-rail svg,.create-clear-photos svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;width:18px}.create-card-utilities .create-share-button svg{fill:currentColor;stroke:none}.create-artwork-stage{left:var(--create-hero-margin-over-w,19.0983%);top:var(--create-hero-top-over-h,15.8234%);width:var(--create-hero-w-over-w,61.8034%);transform:translate(var(--create-swipe-x,0px), 0);touch-action:none}.create-artwork-stage.is-card-canvas{aspect-ratio:auto;width:100%;height:100%;top:0;left:0}.create-artwork.is-photo-composition .create-artwork-base{fill:#0000}.create-region-photo,.create-region-photo-guide{pointer-events:none}.create-region-photo-guide{fill:none;stroke:#f2f2ee94;stroke-width:.58px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 .32px #0000009e)}.create-region-control.is-image-piece{cursor:grab}.create-region-control.is-image-piece.is-moving{cursor:grabbing}.create-view.is-source-dragging,.create-view.is-source-dragging *{cursor:grabbing!important}.create-artwork-stage.is-assigning .create-region-control.is-image-piece,.create-view.is-source-dragging .create-region-control.is-image-piece{cursor:copy!important}.create-artwork-stage.is-swap-armed .create-region-control.is-image-piece{cursor:alias}.create-artwork-stage.is-erasing .create-region-control.is-image-piece{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='white' stroke='%23111210' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 22h12M2.91 17.58l3.51 3.51a3 3 0 0 0 4.24 0l10.43-10.43a3 3 0 0 0 0-4.24l-3.51-3.51a3 3 0 0 0-4.24 0L2.91 13.34a3 3 0 0 0 0 4.24Z'/%3E%3Cpath d='m7.12 9.13 7.75 7.75M3.52 17.66 9.17 12m-2.83 8.49L12 14.83'/%3E%3C/svg%3E") 4 22,cell}.create-artwork-stage.is-painting .create-region-control.is-image-piece{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%20viewBox='0%200%2024%2024'%20fill='%23f5f3ee'%20stroke='%23111210'%20stroke-width='0.45'%20stroke-linejoin='round'%20paint-order='stroke%20fill'%3e%3cpath%20d='M9.02%2019.7493c-.86%200-1.72-.41-2.54-1.23l-4.01-4.01c-.81-.81-1.22-1.66-1.22-2.54%200-.87.41-1.73%201.22-2.54l6.68-6.68a.75.75%200%200%201%201.06%200l7.35%207.35c.32.32.5.74.5%201.2%200%20.45-.18.88-.5%201.2l-6.02%206.02c-.8.82-1.66%201.23-2.52%201.23Zm.67-15.4-6.15%206.15c-.52.52-.78%201.02-.78%201.48s.26.96.78%201.47l4.01%204.01c1.05%201.05%201.9%201.05%202.95%200l6.02-6.02c.06-.06.07-.21%200-.28L9.69%204.3493Z'/%3e%3cpath%20d='M9.69%204.0406a.747.747%200%200%201-.53-.22l-1.34-1.34a.754.754%200%200%201%201.06-1.06l1.34%201.34a.754.754%200%200%201-.53%201.28Z'/%3e%3cpath%20d='M2.0702%2012.6707a.75.75%200%200%201-.03-1.5l15.13-.66a.754.754%200%200%201%20.06%201.5l-15.13.66h-.03Z'/%3e%3cpath%20d='M16%2022.75H3a.75.75%200%200%201%200-1.5h13a.75.75%200%200%201%200%201.5Z'/%3e%3cpath%20d='M18.85%2020.8305a2.604%202.604%200%200%201-2.6-2.6c0-1.45%201.71-3.37%202.05-3.75a.748.748%200%200%201%201.1%200c.34.37%202.05%202.29%202.05%203.74%200%201.45-1.17%202.61-2.6%202.61Zm0-4.6599c-.55.72-1.1%201.6-1.1%202.07a1.1%201.1%200%200%200%202.2%200c0-.48-.55-1.36-1.1-2.07Z'/%3e%3c/svg%3e") 19 18,copy}.create-artwork-stage.is-sampling .create-region-control.is-image-piece{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%20256%20256'%3e%3cpath%20d='M224%2067.3a35.79%2035.79%200%200%200-11.26-25.66c-14-13.28-36.72-12.78-50.62%201.13L142.8%2062.2a24%2024%200%200%200-33.14.77l-9%209a16%2016%200%200%200%200%2022.64l2%202.06-51%2051a39.75%2039.75%200%200%200-10.53%2038l-8%2018.41A13.65%2013.65%200%200%200%2036%20219.29a15.9%2015.9%200%200%200%2017.71%203.36L71.24%20215a39.9%2039.9%200%200%200%2037.05-10.75l51-51%202.06%202.06a16%2016%200%200%200%2022.62%200l9-9a24%2024%200%200%200%20.74-33.18l19.75-19.87A35.75%2035.75%200%200%200%20224%2067.3ZM97%20193a24%2024%200%200%201-24%206%208%208%200%200%200-5.55.31l-18.1%207.9L57%20189.41a8%208%200%200%200%20.25-5.75%2024%2024%200%200%201%20.1-15.69H122Zm41-41H70.07l44-44%2033.94%2034Zm64.18-70-25.37%2025.52a8%208%200%200%200%200%2011.31l4.89%204.88a8%208%200%200%201%200%2011.32l-9%209L112%2083.26l9-9a8%208%200%200%201%2011.31%200l4.89%204.89a8%208%200%200%200%205.65%202.34%208%208%200%200%200%205.66-2.36l24.94-25.09c7.81-7.82%2020.5-8.18%2028.29-.81a20%2020%200%200%201%20.39%2028.7Z'%20fill='%23111210'%20stroke='%23f5f3ee'%20stroke-width='18'%20stroke-linejoin='round'%20paint-order='stroke%20fill'/%3e%3c/svg%3e") 5 27,crosshair}.create-experience.is-screen-sampling,.create-experience.is-screen-sampling *{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%20256%20256'%3e%3cpath%20d='M224%2067.3a35.79%2035.79%200%200%200-11.26-25.66c-14-13.28-36.72-12.78-50.62%201.13L142.8%2062.2a24%2024%200%200%200-33.14.77l-9%209a16%2016%200%200%200%200%2022.64l2%202.06-51%2051a39.75%2039.75%200%200%200-10.53%2038l-8%2018.41A13.65%2013.65%200%200%200%2036%20219.29a15.9%2015.9%200%200%200%2017.71%203.36L71.24%20215a39.9%2039.9%200%200%200%2037.05-10.75l51-51%202.06%202.06a16%2016%200%200%200%2022.62%200l9-9a24%2024%200%200%200%20.74-33.18l19.75-19.87A35.75%2035.75%200%200%200%20224%2067.3ZM97%20193a24%2024%200%200%201-24%206%208%208%200%200%200-5.55.31l-18.1%207.9L57%20189.41a8%208%200%200%200%20.25-5.75%2024%2024%200%200%201%20.1-15.69H122Zm41-41H70.07l44-44%2033.94%2034Zm64.18-70-25.37%2025.52a8%208%200%200%200%200%2011.31l4.89%204.88a8%208%200%200%201%200%2011.32l-9%209L112%2083.26l9-9a8%208%200%200%201%2011.31%200l4.89%204.89a8%208%200%200%200%205.65%202.34%208%208%200%200%200%205.66-2.36l24.94-25.09c7.81-7.82%2020.5-8.18%2028.29-.81a20%2020%200%200%201%20.39%2028.7Z'%20fill='%23111210'%20stroke='%23f5f3ee'%20stroke-width='18'%20stroke-linejoin='round'%20paint-order='stroke%20fill'/%3e%3c/svg%3e") 5 27,crosshair!important}.create-region-control.is-image-piece.is-pending-swap .create-region-focus-halo{stroke:color-mix(in srgb, var(--create-focus) 82%, transparent);stroke-width:1.25px;stroke-dasharray:2 1.5}.create-color-tray{pointer-events:none;display:block;inset:0}.create-color-token{top:var(--create-control-axis-over-h,82.8427%);width:var(--create-slot-over-w,15.4508%);aspect-ratio:1;pointer-events:auto;height:auto;position:absolute;transform:translate(-50%,-50%)}.create-color-token>span{width:var(--create-control-visual-over-slot,61.8034%);height:var(--create-control-visual-over-slot,61.8034%);inset:50%;transform:translate(-50%,-50%)}.create-color-token:first-child{left:var(--create-bead-1-x,26.8237%)}.create-color-token:nth-child(2){left:var(--create-bead-2-x,42.2746%)}.create-color-token:nth-child(3){left:var(--create-bead-3-x,57.7254%)}.create-color-token:hover{transform:translate(-50%,calc(-50% - 1px))}.create-color-token:active,.create-color-token.is-held{transform:translate(-50%,calc(1px - 50%))}.create-color-token.is-dragging{transform:translate(calc(-50% + var(--bead-drag-x)), calc(-50% + var(--bead-drag-y))) scale(.96)}.create-color-token.is-armed>span{box-shadow:0 0 0 2px var(--create-card), 0 0 0 3px color-mix(in srgb, var(--create-card-ink) 62%, transparent), 0 6px 12px #0003}.create-generate-puck{left:var(--create-generate-x,73.1763%);right:auto;top:var(--create-control-axis-over-h,82.8427%);width:var(--create-slot-over-w,15.4508%);aspect-ratio:1;height:auto;box-shadow:none;background:0 0;bottom:auto;transform:translate(-50%,-50%)}.create-generate-puck:hover{transform:translate(-50%,calc(-50% - 1px))}.create-generate-layer{width:var(--create-control-visual-over-slot,61.8034%);height:var(--create-control-visual-over-slot,61.8034%);border:1px solid var(--create-generate-edge);background:var(--create-generate-surface);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--create-card) 72%, transparent), 0 4px 8px color-mix(in srgb, var(--create-generate-edge) 24%, transparent);transition:transform 95ms var(--create-ease), box-shadow .11s ease, filter .11s ease;inset:50%;overflow:hidden;transform:translate(-50%,-50%)}.create-generate-ring{display:none}.create-generate-indicator{width:var(--create-control-visual-over-slot,61.8034%);height:var(--create-control-visual-over-slot,61.8034%);background:var(--create-generate-ink);box-shadow:0 1px 0 color-mix(in srgb, var(--create-card) 58%, transparent), 0 0 0 1px color-mix(in srgb, var(--create-generate-edge) 72%, transparent), 0 5px 9px color-mix(in srgb, var(--create-generate-ink) 24%, transparent);border-radius:50%;position:absolute;overflow:hidden}.create-generate-indicator:before{content:"";background:var(--create-generate-line);transform-origin:50%;width:50%;height:1px;transition:transform .18s var(--create-ease);border-radius:999px;position:absolute;top:50%;left:25%;transform:translateY(-50%)rotate(-45deg)}.create-generate-puck.is-pressed .create-generate-indicator:before,.create-generate-puck:active .create-generate-indicator:before{transform:translateY(-50%)rotate(0)}.create-generate-progress,.create-generate-puck:before{display:none}.create-onboarding{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:visible}.create-onboarding-guide{border:1px solid color-mix(in srgb, var(--create-card-ink) 22%, transparent);max-width:min(166px,100vw - 44px);min-height:40px;color:var(--create-card-ink);background:color-mix(in srgb, var(--create-card) 94%, var(--create-page-raised));box-shadow:0 7px 18px color-mix(in srgb, var(--create-card-ink) 12%, transparent);pointer-events:none;animation:create-onboarding-arrive .22s var(--create-ease) both;border-radius:11px;padding:10px 12px 10px 14px;font-size:12px;line-height:1.35;position:absolute}.create-onboarding-guide p{margin:0}.create-onboarding-guide strong{color:var(--create-card-ink);font-weight:680}.create-onboarding-guide:after{content:"";background:var(--create-card);border-right:1px solid color-mix(in srgb, var(--create-card-ink) 22%, transparent);border-bottom:1px solid color-mix(in srgb, var(--create-card-ink) 22%, transparent);pointer-events:none;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.create-onboarding-dismiss{width:40px;height:40px;color:var(--create-card-muted);cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;top:-20px;left:-20px}.create-onboarding-dismiss>span{border:1px solid color-mix(in srgb, var(--create-card-ink) 22%, transparent);background:var(--create-card);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.create-onboarding-dismiss:hover>span,.create-onboarding-dismiss:focus-visible>span{color:var(--create-card-ink);border-color:color-mix(in srgb, var(--create-card-ink) 46%, transparent)}.create-onboarding-dismiss:focus-visible{outline:0}.create-onboarding-dismiss:focus-visible>span{outline-offset:2px;outline:1px dashed}.create-onboarding.is-generate .create-onboarding-guide{bottom:23%;right:6%}.create-onboarding.is-generate .create-onboarding-guide:after{left:calc(100% - 20.8237cqw + 2px)}.create-onboarding.is-shape .create-onboarding-guide{top:19%;left:50%;transform:translate(-50%)}.create-onboarding.is-photo .create-onboarding-guide{bottom:-9px;left:66.5%;transform:translate(-50%)}.create-card:has(.create-onboarding[data-create-onboarding-target=photo]){z-index:1;overflow:visible}@keyframes create-onboarding-arrive{0%{opacity:0}to{opacity:1}}.create-card:has(.create-onboarding[data-create-onboarding-target=generate]) .create-generate-layer{box-shadow:0 0 0 2px var(--create-card), 0 0 0 3px color-mix(in srgb, var(--create-magnet) 72%, transparent), 0 4px 8px color-mix(in srgb, var(--create-generate-edge) 24%, transparent);animation:1.45s ease-in-out infinite create-onboarding-target-pulse}.create-card:has(.create-onboarding[data-create-onboarding-target=shape]) .create-region-control .create-region-focus-halo{stroke:color-mix(in srgb, var(--create-magnet) 72%, transparent);stroke-width:1.1px;opacity:1;animation:1.45s ease-in-out infinite create-onboarding-target-pulse}.create-experience:has(.create-onboarding[data-create-onboarding-target=photo]) .create-paint-rail{border-color:color-mix(in srgb, var(--create-magnet) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--create-magnet) 16%, transparent)}.create-experience:has(.create-onboarding[data-create-onboarding-target=photo]) .create-paint-rail button[aria-label=Erase\ paint]{background:color-mix(in srgb, var(--create-magnet) 16%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--create-magnet) 58%, transparent)}.create-experience:has(.create-onboarding[data-create-onboarding-target=photo]) .create-artwork-stage .create-region-control .create-region-focus-halo{stroke:color-mix(in srgb, var(--create-magnet) 72%, transparent);stroke-width:1.1px;opacity:1}@keyframes create-onboarding-target-pulse{0%,to{filter:drop-shadow(0 0 0 color-mix(in srgb, var(--create-magnet) 0%, transparent))}50%{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--create-magnet) 34%, transparent))}}@media (prefers-reduced-motion:reduce){.create-onboarding-guide{transition:none;animation:none}.create-card:has(.create-onboarding[data-create-onboarding-target=generate]) .create-generate-layer{transition:none;animation:none}.create-card:has(.create-onboarding[data-create-onboarding-target=shape]) .create-region-control .create-region-focus-halo{transition:none;animation:none}}.create-generate-puck:hover .create-generate-layer{background:color-mix(in srgb, var(--create-generate-surface) 84%, var(--create-card));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--create-card) 72%, transparent), 0 5px 10px color-mix(in srgb, var(--create-generate-edge) 34%, transparent)}.create-generate-puck:hover .create-generate-indicator:before{background:var(--create-card-ink)}.create-generate-puck.is-pressed,.create-generate-puck:active{box-shadow:none;transform:translate(-50%,calc(1px - 50%))}.create-generate-puck.is-pressed .create-generate-layer,.create-generate-puck:active .create-generate-layer,.create-generate-puck.is-exploring .create-generate-layer{background:var(--create-generate-surface);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--create-card) 56%, transparent), 0 0 10px color-mix(in srgb, var(--create-generate-halo-blue) 18%, transparent);border-color:#0000;transform:translate(-50%,calc(1px - 50%))scale(.97)}.create-generate-puck.is-pressed .create-generate-indicator,.create-generate-puck:active .create-generate-indicator,.create-generate-puck.is-exploring .create-generate-indicator{background:var(--create-generate-ink);box-shadow:none;animation:none;transform:translate(-50%,calc(1px - 50%))}.create-generate-puck.is-swipe-save .create-generate-layer,.create-generate-puck.is-swipe-discard .create-generate-layer{box-shadow:0 0 0 2px color-mix(in srgb, var(--create-swipe-color) 82%, transparent), 0 5px 12px color-mix(in srgb, var(--create-swipe-color) 28%, transparent)}.create-generate-puck.is-swipe-save .create-generate-indicator,.create-generate-puck.is-swipe-discard .create-generate-indicator{background:var(--create-swipe-color)}.create-generate-puck.is-landing-preview .create-generate-layer{width:var(--create-control-visual-over-slot,61.8034%);height:var(--create-control-visual-over-slot,61.8034%);border-color:color-mix(in srgb, var(--create-card-ink) 42%, transparent);background:var(--create-generate-surface);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--create-card) 72%, transparent), 0 3px 4px color-mix(in srgb, var(--create-card-ink) 7%, transparent);inset:50%;transform:translate(-50%,-50%)}.create-generate-puck.is-landing-preview .create-generate-layer:before{content:"";background:color-mix(in srgb, var(--create-card-ink) 50%, transparent);width:54%;height:1px;transition:transform .18s var(--create-ease), background .14s ease;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.create-generate-puck.is-landing-preview .create-generate-layer:after{content:"";background:color-mix(in srgb, var(--create-card-ink) 24%, transparent);opacity:.55;width:1px;height:54%;transition:transform .18s var(--create-ease), background .14s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.create-generate-puck.is-landing-preview .create-generate-ring,.create-generate-puck.is-landing-preview .create-generate-indicator{display:none}.create-generate-puck.is-landing-preview .create-generate-progress{border:1px solid #0000;border-top-color:color-mix(in srgb, var(--create-card-ink) 36%, transparent);opacity:0;pointer-events:none;border-radius:50%;display:block;position:absolute;inset:-7px;transform:none}.create-generate-puck.is-landing-preview:hover .create-generate-layer{border-color:color-mix(in srgb, var(--create-card-ink) 72%, transparent);background:var(--create-generate-surface)}.create-generate-puck.is-landing-preview.is-pressed .create-generate-layer,.create-generate-puck.is-landing-preview:active .create-generate-layer{background:var(--create-generate-surface);transform:translate(-50%,calc(1px - 50%))scale(.97)}.create-generate-puck.is-landing-preview.is-pressed .create-generate-layer:before,.create-generate-puck.is-landing-preview:active .create-generate-layer:before{background:var(--create-card-ink);transform:translate(-50%,-50%)rotate(0)}.create-generate-puck.is-landing-preview.is-pressed .create-generate-layer:after,.create-generate-puck.is-landing-preview:active .create-generate-layer:after{background:color-mix(in srgb, var(--create-card-ink) 38%, transparent);transform:translate(-50%,-50%)rotate(0)}.create-generate-puck.is-landing-preview.is-exploring .create-generate-progress{opacity:1;animation:1.8s linear infinite create-puck-progress}.create-card[data-keep-phase=tension] .create-generate-ring{border-color:color-mix(in srgb, var(--create-generate-ink) 18%, transparent);box-shadow:inset 0 1px 1px #5c4f3e1a}.create-experience .create-generate-puck:focus-visible{box-shadow:0 0 0 2px var(--create-card), 0 0 0 4px color-mix(in srgb, var(--create-generate-edge) 86%, transparent)}@keyframes create-generate-shimmer-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.create-generate-puck:not(.is-landing-preview):after{content:"";z-index:3;width:var(--create-control-visual-over-slot,61.8034%);height:var(--create-control-visual-over-slot,61.8034%);background:conic-gradient(transparent 0 30%, var(--create-generate-halo-blue) 38%, var(--create-generate-halo-cyan) 43%, white 47%, var(--create-generate-halo-violet) 52%, transparent 62% 100%);opacity:0;pointer-events:none;transform-origin:50%;-webkit-mask-composite:xor;border-radius:50%;padding:1px;animation:1.45s linear infinite paused create-generate-shimmer-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.create-generate-puck:not(.is-landing-preview).is-pressed:after,.create-generate-puck:not(.is-landing-preview):active:after,.create-generate-puck:not(.is-landing-preview).is-exploring:after{opacity:1;animation-play-state:running}:root[data-norma-theme=dark] .create-generate-layer{isolation:isolate;background:linear-gradient(var(--create-card), var(--create-card)) padding-box, linear-gradient(var(--create-generate-edge), var(--create-generate-edge)) border-box;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--create-card-ink) 5%, transparent);border-color:#0000}:root[data-norma-theme=dark] .create-generate-puck:not(.is-swipe-save):not(.is-swipe-discard) .create-generate-indicator{box-shadow:none;background:0 0}:root[data-norma-theme=dark] .create-generate-puck.is-pressed .create-generate-layer,:root[data-norma-theme=dark] .create-generate-puck:active .create-generate-layer,:root[data-norma-theme=dark] .create-generate-puck.is-exploring .create-generate-layer{background:var(--create-card);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--create-card-ink) 7%, transparent), 0 0 12px color-mix(in srgb, var(--create-generate-halo-blue) 22%, transparent)}:root[data-norma-theme=dark] .create-generate-puck.is-pressed .create-generate-indicator,:root[data-norma-theme=dark] .create-generate-puck:active .create-generate-indicator,:root[data-norma-theme=dark] .create-generate-puck.is-exploring .create-generate-indicator{background:0 0;animation:none}:root[data-norma-theme=dark] .create-generate-puck:is(:hover,:focus-visible) .create-generate-indicator:before,:root[data-norma-theme=dark] .create-generate-puck.is-pressed .create-generate-indicator:before,:root[data-norma-theme=dark] .create-generate-puck:active .create-generate-indicator:before,:root[data-norma-theme=dark] .create-generate-puck.is-exploring .create-generate-indicator:before{background:#fff;box-shadow:0 0 5px #ffffff6b}.create-paint-rail{z-index:36;border:1px solid var(--create-hairline);background:color-mix(in srgb, var(--create-page) 72%, var(--create-page-raised) 28%);border-radius:999px;gap:3px;padding:4px;display:flex;position:relative;box-shadow:0 6px 16px #1815100e}.create-controls-dock{flex-direction:column;align-items:center;gap:11px;width:min(468px,100vw - 32px);min-height:224px;display:flex}.create-paint-rail button{width:38px;height:38px;color:var(--create-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.create-paint-rail button>span{border:1px solid var(--create-hairline-strong);border-radius:50%;width:21px;height:21px}.create-paint-rail .is-black{background:#111210}.create-paint-rail .is-white{background:#f5f3ee}.create-paint-rail button.is-active{background:color-mix(in srgb, var(--create-ink) 8%, transparent)}.create-paint-rail button>svg{width:20px;height:20px}.create-palette-tool{position:relative}.create-palette-popover{--create-palette-orbit-size:clamp(136px, 18dvh, 176px);width:calc(var(--create-palette-orbit-size) + 26px);border:1px solid var(--create-hairline);background:radial-gradient(circle, color-mix(in srgb, var(--create-ink) 9%, transparent) 0 1px, transparent 1.2px) 0 0 / 10px 10px, var(--create-page-raised);border-radius:22px;flex-direction:column;align-items:center;gap:5px;padding:13px 13px 9px;display:flex;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 10px 24px #1815101f}.create-palette-popover .create-sample-action{border:1px solid var(--create-hairline);background:var(--create-page-raised);width:42px;height:42px}.create-palette-popover .create-sample-action svg{fill:currentColor;stroke:none;stroke-width:0;width:20px}.create-color-orbit{width:var(--create-palette-orbit-size);height:var(--create-palette-orbit-size);touch-action:none;position:relative}.create-color-wheel{border:1px solid color-mix(in srgb, var(--create-ink) 14%, transparent);background:radial-gradient(circle,#fffffff5 0%,#ffffff52 45%,#0000 72%),conic-gradient(from -90deg,#ed4f5f,#e6bd38,#54ba69,#3fb9c7,#487fd3,#9362d2,#ed4f5f);border-radius:50%;position:absolute;inset:8px;box-shadow:inset 0 0 20px #11121014}.create-color-link{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.create-color-link path{fill:none;stroke:#11121085;stroke-width:1px;stroke-dasharray:2.5 3.5;vector-effect:non-scaling-stroke}:root[data-norma-theme=dark] .create-color-link path{stroke:#f5f3ee94}.create-paint-rail .create-color-point{left:var(--color-point-x);top:var(--color-point-y);cursor:grab;touch-action:none;background:0 0;border:0;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.create-paint-rail .create-color-point:active{cursor:grabbing}.create-color-point>span{background:var(--color-point-value);box-shadow:0 0 0 1px #11121073,0 2px 6px #11121033;border:2px solid #fffffff0!important;width:19px!important;height:19px!important}.create-color-point.is-master>span{border-width:3px!important;width:31px!important;height:31px!important}.create-color-point.is-active>span{box-shadow:0 0 0 2px var(--create-page-raised), 0 0 0 4px #377fd8, 0 2px 7px #11121038}.create-source-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.create-image-workbench{gap:11px;width:min(468px,100vw - 32px);display:grid}.create-photo-starter{min-height:38px;color:var(--create-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.35;display:flex}.create-photo-starter p{margin:0}.create-photo-starter button{border:1px solid var(--create-hairline);min-height:36px;color:var(--create-ink);background:var(--create-page-raised);cursor:pointer;font:inherit;white-space:nowrap;transition:border-color .15s ease, background .15s ease, transform .1s var(--create-ease);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.create-photo-starter button svg{width:16px;height:16px}.create-photo-starter button:hover:not(:disabled){border-color:var(--create-ink);background:var(--create-source-surface-hover)}.create-photo-starter button:active:not(:disabled){transform:translateY(1px)scale(.985)}.create-photo-starter button:disabled{cursor:wait;opacity:.58}.create-source-guidance{min-height:40px;color:var(--create-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.create-source-guidance button{min-height:40px;color:var(--create-muted);cursor:pointer;font:inherit;transition:color .15s ease, transform .1s var(--create-ease);background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;font-size:12px;display:inline-flex}.create-source-guidance button svg{flex:none;width:21px;height:21px}.create-source-guidance button:hover,.create-source-guidance button:focus-visible{color:var(--create-ink)}.create-source-guidance button:active{transform:translateY(1px)scale(.985)}.create-clear-photos{align-items:center;gap:6px;min-height:40px;display:inline-flex}.create-reset-pieces{justify-content:flex-start}.create-clear-photos{justify-content:flex-end}.create-source-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.create-source-slot{min-width:0;position:relative}.create-source-tile{border:1px solid var(--create-hairline);width:100%;min-width:0;height:58px;color:var(--create-ink);background:var(--create-source-surface);cursor:pointer;text-align:left;touch-action:none;transition:border-color .15s ease, background .15s ease, transform .15s var(--create-ease);border-radius:11px;grid-template-rows:1fr;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:9px;padding:8px;display:grid;position:relative;overflow:hidden}.create-source-tile:hover{border-color:var(--create-hairline-strong);background:var(--create-source-surface-hover);transform:translateY(-1px)}.create-source-tile:active{opacity:.68;transform:scale(.988)}.create-source-tile.is-guided-empty{border-color:color-mix(in srgb, var(--create-source-accent) 58%, var(--create-hairline));background:color-mix(in srgb, var(--create-source-accent) 4%, var(--create-source-surface))}.create-source-tile.is-guided-empty:after{content:"";border:1px dashed color-mix(in srgb, var(--create-source-accent) 32%, transparent);pointer-events:none;border-radius:8px;position:absolute;inset:3px}.create-source-tile[draggable=true]{cursor:grab}.create-source-tile[draggable=true]:active{cursor:grabbing}.create-source-remove{z-index:2;width:24px;height:24px;color:var(--create-muted);background:color-mix(in srgb, var(--create-page-raised) 88%, transparent);cursor:pointer;opacity:.72;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:5px;right:5px}.create-source-remove:hover,.create-source-remove:focus-visible{color:var(--create-ink);opacity:1}.create-source-remove svg{width:15px;height:15px}.create-source-tile.is-armed{border-color:color-mix(in srgb, var(--create-source-accent) 74%, var(--create-hairline));background:color-mix(in srgb, var(--create-source-accent) 7%, var(--create-source-surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--create-source-accent) 18%, transparent)}.create-source-tile img,.create-source-empty-mark{object-fit:cover;border-radius:7px;width:40px;height:40px;display:block}.create-source-empty-mark{color:color-mix(in srgb, var(--create-source-accent) 74%, var(--create-muted));background:0 0;place-items:center;display:grid}.create-source-empty-mark svg{width:24px;height:24px}.create-source-tile:hover .create-source-empty-mark{color:var(--create-ink)}.create-source-detail{color:var(--create-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.create-source-hint{color:var(--create-muted);text-align:center;margin:0;font-size:11px;line-height:1.4}.create-composition-actions{border:1px solid var(--create-hairline-strong);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;display:grid;overflow:hidden}.create-composition-actions button{border:0;border-left:1px solid var(--create-hairline);min-height:40px;color:var(--create-ink);cursor:pointer;background:0 0;padding:0 10px;font-size:11px;font-weight:650}.create-composition-actions button:first-child{border-left:0}.create-composition-actions button:hover{background:color-mix(in srgb, var(--create-ink) 5%, transparent)}.create-library-thumb.is-photo{background:0 0}.create-library-thumb.is-card-format{aspect-ratio:var(--create-card-w-over-h,.828427)}@media (width<=720px){.create-view{padding:12px 12px max(26px, env(safe-area-inset-bottom));justify-content:flex-start;gap:18px}.create-deck{width:min(100%,390px)}.create-image-workbench{width:min(100%,520px)}.create-controls-dock{width:min(100%,520px);min-height:235px}.create-source-tile{grid-template-columns:38px minmax(0,1fr);height:60px;padding:7px}.create-source-tile img,.create-source-empty-mark{width:38px;height:38px}.create-source-detail{font-size:11px;display:block}.create-palette-popover{--create-palette-orbit-size:clamp(124px, min(40vw, 21dvh), 156px);z-index:90;top:auto;left:50%;right:auto;bottom:max(12px, env(safe-area-inset-bottom));max-height:calc(100dvh - 24px);position:fixed;transform:translate(-50%)}}@media (width<=430px){.create-photo-starter{gap:8px;font-size:12px;line-height:1.4}.create-photo-starter p{flex:1;max-width:190px}.create-photo-starter button{min-height:40px;padding-inline:10px;font-size:12px}.create-source-strip{gap:6px}.create-source-tile{grid-template-columns:34px minmax(0,1fr);column-gap:5px;height:60px;padding:7px 6px}.create-source-tile img,.create-source-empty-mark{width:34px;height:34px}.create-source-empty-mark svg{width:23px;height:23px}.create-source-detail{font-size:0}.create-source-detail:after{content:attr(data-mobile-label);font-size:12px}.create-page-heading{flex-direction:column;align-items:flex-start}.create-library-actions{justify-content:flex-start;width:100%}}@media (prefers-reduced-motion:reduce){.create-card-utilities,.create-card-utilities .create-workspace-mode-toggle{transition:none}.create-generate-layer,.create-generate-puck:after{animation:none!important}.create-library-flow-frame{perspective:none}.create-library-flow-track{transform-style:flat}.create-library-flow-card{transform:translateX(calc(-50% + var(--library-flow-x) + var(--library-flow-drag))) translateY(-50%);transform-style:flat;transition:none}}
