:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0d0d0c;--color-surface-0:#121210;--color-surface-1:#181714;--color-surface-2:#211f1c;--color-surface-3:#2a2723;--color-border:#35312c;--color-border-strong:#504a43;--color-text:#eeeae4;--color-text-muted:#aaa39a;--color-text-subtle:#756f68;--color-accent:#d58b4b;--color-accent-strong:#eea35d;--color-accent-soft:#3b2a1d;--color-success:#88b587;--color-warning:#e0ad5b;--color-danger:#dc776c;--color-focus:#f0b475;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--shadow-float:0 20px 70px #00000073;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--toolbar-height:3.25rem;--status-height:1.75rem;--panel-left:14.5rem;--panel-right:19rem;--touch-target:2.75rem;--transition-fast:.12s ease}*,:before,:after{box-sizing:border-box}html,body,#root{min-width:20rem;min-height:100%;margin:0}body{min-height:100vh;background:var(--color-canvas);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:.875rem;overflow:hidden}button,input,select,textarea{color:inherit;font:inherit}button,select,input{accent-color:var(--color-accent)}button{border:0}button:not(:disabled),select:not(:disabled),input:not(:disabled){cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-accent);color:#16110d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-mark{width:2rem;height:2rem;overflow:visible}.brand-mark__frame{fill:#151310;stroke:var(--color-border-strong);stroke-width:2.5px}.brand-mark__three,.brand-mark__five{fill:none;stroke:var(--color-text);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.brand-mark__grain{fill:var(--color-accent)}.import-screen{min-height:100vh;min-height:100dvh;padding:max(var(--space-4), env(safe-area-inset-top)) var(--space-5) max(var(--space-8), env(safe-area-inset-bottom));background:radial-gradient(circle at 18% 12%,#d58b4b14,#0000 30rem),linear-gradient(140deg,#13120f,#0c0c0b 54%,#11100e);grid-template-columns:minmax(1rem,1fr) minmax(18rem,44rem) minmax(1rem,1fr);grid-auto-rows:max-content;align-content:start;display:grid;position:relative;overflow:auto}.import-screen:before{pointer-events:none;content:"";opacity:.08;filter:saturate(.65);background-image:url(/social-preview-base.jpg);background-position:0 100%;background-repeat:no-repeat;background-size:min(65rem,92vw);position:fixed;inset:0;-webkit-mask-image:linear-gradient(65deg,#000,#0000 68%);mask-image:linear-gradient(65deg,#000,#0000 68%)}.import-screen>*{grid-column:2;position:relative}.import-screen__header{width:100%;padding-block:var(--space-2) var(--space-10);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.import-screen__brand{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:var(--space-3);font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex}.import-screen__privacy,.import-screen__privacy-detail,.import-screen__formats{color:var(--color-text-muted);line-height:1.5}.import-screen__privacy{text-align:right;max-width:28rem;margin:0;font-size:.78rem}.import-screen__intro{max-width:42rem;margin-bottom:var(--space-8)}.import-screen__eyebrow{margin:0 0 var(--space-3);color:var(--color-accent-strong);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.import-screen__intro h1{letter-spacing:-.055em;max-width:39rem;margin:0;font-size:clamp(2.25rem,6vw,4.75rem);font-weight:560;line-height:.96}.import-screen__intro>p:last-child{max-width:34rem;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.55}.import-screen__drop-zone{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);min-height:15rem;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:#181714d1;box-shadow:inset 0 1px #ffffff08,0 1.5rem 5rem #00000038}.import-screen__drop-zone:hover,.import-screen__drop-zone:focus-visible,.import-screen__drop-zone[data-dragging]{border-color:var(--color-accent);background:#231d17eb}.import-screen__drop-zone[data-dragging]{transform:scale(1.006)}.import-screen__file-input{opacity:0;width:1px;height:1px;position:absolute}.import-screen__drop-content{min-height:15rem;padding:var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.import-screen__drop-content strong{font-size:1.2rem;font-weight:560}.import-screen__drop-content span{color:var(--color-text-muted);font-size:.8rem}.import-screen__drop-content button,.import-screen__sample{min-height:2.65rem;margin-block:var(--space-3);padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--color-accent);color:#17110c;transition:background var(--transition-fast), transform var(--transition-fast);border:1px solid #e5a060;font-weight:680}.import-screen__drop-content button:hover,.import-screen__sample:hover{background:var(--color-accent-strong);transform:translateY(-1px)}.import-screen__formats{margin:var(--space-4) 0 0;font-size:.74rem}.import-screen__privacy-detail{margin:var(--space-1) 0 var(--space-3);font-size:.74rem}.import-screen__sample{width:max-content;margin-top:var(--space-2);border-color:var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text)}.import-screen__message{padding:var(--space-3) var(--space-4);border-left:2px solid var(--color-accent);background:var(--color-surface-1);color:var(--color-text-muted)}.import-screen__message--error{border-color:var(--color-danger);color:#efafa8}.import-screen__recent{margin-top:var(--space-8)}.import-screen__recent h2{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:600}.import-screen__recent ul{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));padding:0;list-style:none;display:grid}.import-screen__recent button{width:100%;min-height:4.75rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-1);align-items:center;gap:var(--space-3);text-align:left;grid-template-columns:auto 1fr;display:grid}.import-screen__recent img{border-radius:var(--radius-sm);object-fit:cover;grid-row:span 2}.import-screen__recent time{color:var(--color-text-subtle);font-size:.72rem}.editor-shell{width:100vw;height:100vh;background:var(--color-canvas);grid-template-rows:var(--toolbar-height) minmax(0, 1fr) var(--status-height);height:100dvh;display:grid;overflow:hidden}.editor-shell__header{z-index:5;border-bottom:1px solid var(--color-border);background:var(--color-surface-1);position:relative}.editor-shell__workspace{grid-template-columns:var(--panel-left) minmax(0, 1fr) var(--panel-right);min-width:0;min-height:0;display:grid}.editor-shell__panel{background:var(--color-surface-1);scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin;min-width:0;overflow:auto}.editor-shell__panel--left{border-right:1px solid var(--color-border)}.editor-shell__panel--right{border-left:1px solid var(--color-border)}.editor-shell__viewport{background-color:#090909;background-image:linear-gradient(45deg,#111 25%,#0000 25%),linear-gradient(-45deg,#111 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#111 75%),linear-gradient(-45deg,#0000 75%,#111 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;min-width:0;min-height:0;position:relative;overflow:hidden}.editor-shell__status{border-top:1px solid var(--color-border);background:#12110f}.status-bar{height:100%;padding:0 var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto auto;font-size:.66rem;display:grid}.status-bar__document,.status-bar__destination,.status-bar__render,.status-bar__zoom{align-items:center;gap:var(--space-3);min-width:0;display:flex}.status-bar__document span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-bar__indicator{background:var(--color-text-subtle);border-radius:50%;width:.42rem;height:.42rem}.status-bar__indicator[data-status=ready]{background:var(--color-success)}.status-bar__indicator[data-status=rendering]{background:var(--color-warning);box-shadow:0 0 0 .2rem #e0ad5b1f}.status-bar__indicator[data-status=error]{background:var(--color-danger)}.status-bar__zoom button{width:1.25rem;height:1.25rem;color:var(--color-text-muted);background:0 0;padding:0}.status-bar__zoom input{width:5rem}.platform-selector{width:min(74rem,100%);min-height:100vh;min-height:100dvh;margin:0 auto;padding:clamp(1.5rem,5vw,4.5rem);overflow:auto}.platform-selector__header{max-width:40rem;margin-bottom:var(--space-10);gap:var(--space-2);display:grid}.platform-selector__eyebrow,.crop-workspace__eyebrow{color:var(--color-accent-strong);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem}.platform-selector__header h1,.crop-workspace__header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.6rem);font-weight:560}.platform-selector__header>p:last-child{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:1rem}.platform-selector fieldset,.crop-workspace fieldset{border:0;min-width:0;margin:0;padding:0}.platform-selector legend,.crop-workspace legend{width:100%;padding:0 0 var(--space-3);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:650}.platform-selector__grid{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-border);grid-template-columns:repeat(4,minmax(8.5rem,1fr));gap:1px;display:grid;overflow:hidden}.platform-selector__option{min-height:5rem;padding:var(--space-3) var(--space-4);background:var(--color-surface-1);transition:background var(--transition-fast);align-items:center;gap:var(--space-3);display:flex}.platform-selector__option:hover{background:var(--color-surface-2)}.platform-selector__option[data-selected]{background:var(--color-accent-soft);box-shadow:inset 0 -2px var(--color-accent)}.platform-selector__option input,.platform-selector__placement input{opacity:0;position:absolute}.platform-selector__monogram{border:1px solid var(--color-border-strong);width:2rem;height:2rem;color:var(--color-text-muted);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:.65rem;display:grid}.platform-selector__option[data-selected] .platform-selector__monogram{border-color:var(--color-accent);color:var(--color-accent-strong)}.platform-selector__option>span:last-child,.platform-selector__placement>span{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.platform-selector__option strong,.platform-selector__placement strong{font-size:.82rem;font-weight:600}.platform-selector__option small,.platform-selector__placement small{color:var(--color-text-subtle);font-size:.68rem}.platform-selector__placements{margin-top:var(--space-8)!important}.platform-selector__placement-list{border-block:1px solid var(--color-border);overflow:hidden}.platform-selector__placement{min-height:3.75rem;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-5);transition:background var(--transition-fast);background:0 0;grid-template-columns:1fr auto;display:grid}.platform-selector__placement:last-child{border-bottom:0}.platform-selector__placement:hover,.platform-selector__placement[data-selected]{background:var(--color-surface-1)}.platform-selector__placement[data-selected]{box-shadow:inset 2px 0 var(--color-accent)}.platform-selector__placement-meta{color:var(--color-text-muted);font-family:var(--font-mono);align-items:flex-end;font-size:.66rem}.platform-selector__actions{margin-top:var(--space-8);padding:var(--space-4) 0 max(var(--space-4), env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--color-canvas) 35%);justify-content:flex-end;gap:var(--space-3);display:flex;position:sticky;bottom:0}.platform-selector__actions button,.crop-workspace__header-actions button,.crop-workspace__controls button{min-height:2.35rem;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:.78rem;font-weight:580}.platform-selector__actions button:last-child,.crop-workspace__header-actions button:last-child{border-color:var(--color-accent-strong);background:var(--color-accent);color:#19120c}.crop-workspace{height:100vh;background:var(--color-surface-0);grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.crop-workspace__header{z-index:4;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface-1);justify-content:space-between;align-items:center;gap:var(--space-5);display:flex;position:relative}.crop-workspace__header h1{letter-spacing:-.01em;font-size:1rem;font-weight:600}.crop-workspace__header-actions,.crop-workspace__button-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.crop-workspace__body{grid-template-columns:minmax(0,1fr) 18.5rem;min-width:0;min-height:0;display:grid}.crop-workspace__stage{background:#080808;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.crop-workspace__viewport{inset:var(--space-5);cursor:grab;background-color:#0e0e0e;background-image:linear-gradient(45deg,#151515 25%,#0000 25%),linear-gradient(-45deg,#151515 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#151515 75%),linear-gradient(-45deg,#0000 75%,#151515 75%),none;background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;display:grid;position:absolute;overflow:hidden}.crop-workspace__viewport:active{cursor:grabbing}.crop-workspace__image{will-change:transform;place-items:center;max-width:92%;max-height:92%;display:grid;position:relative}.crop-workspace__image img,.crop-workspace__image canvas{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:min(72vw,100%);max-height:76vh;display:block}.crop-workspace__warning{z-index:3;bottom:var(--space-5);max-width:calc(100% - var(--space-8));padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:#e7bf7e;background:#281f14eb;border:1px solid #e0ad5b61;margin:0;font-size:.72rem;position:absolute}.crop-workspace__controls{min-height:0;padding:var(--space-4);border-left:1px solid var(--color-border);background:var(--color-surface-1);overflow:auto}.crop-workspace__controls fieldset{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.crop-workspace__controls label{margin-bottom:var(--space-3);color:var(--color-text-muted);gap:var(--space-2);font-size:.72rem;display:grid}.crop-workspace__controls select,.crop-workspace__controls input[type=number]{width:100%;min-height:2rem;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2)}.crop-workspace__controls input[type=range]{width:100%}.crop-workspace__controls output{margin:calc(var(--space-2) * -1) 0 var(--space-3);color:var(--color-text);font-family:var(--font-mono);text-align:right;font-size:.68rem;display:block}.crop-workspace__ratio{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.stable-frame-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.stable-frame-overlay__frame{width:min(78%, calc(78vh * var(--crop-frame-ratio)));border:1px solid #ffffffd1;max-height:78%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #00000094}.stable-frame-overlay__frame[data-free]{height:70%;aspect-ratio:auto!important}.stable-frame-overlay__label{top:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);color:#fff;font-family:var(--font-mono);background:#00000094;border-radius:2px;font-size:.62rem;position:absolute}.stable-frame-overlay__grid-line{background:#ffffff52;position:absolute}.stable-frame-overlay__grid-line--vertical{width:1px;top:0;bottom:0}.stable-frame-overlay__grid-line--horizontal{height:1px;left:0;right:0}.stable-frame-overlay__safe-zone{border:1px dashed var(--color-accent-strong);color:var(--color-accent-strong);font-family:var(--font-mono);font-size:.58rem;position:absolute}.stable-frame-overlay__safe-zone[data-shape=circle]{border-radius:50%}@media (max-width:780px){body{overflow:auto}.import-screen{padding-inline:var(--space-4);display:block}.import-screen__header{padding-bottom:var(--space-8);align-items:flex-start;gap:var(--space-3);flex-direction:column}.import-screen__privacy{text-align:left}.import-screen__drop-content{padding:var(--space-5)}.editor-shell{grid-template-rows:var(--toolbar-height) minmax(28rem, 1fr) var(--status-height);height:auto;min-height:100dvh}.editor-shell__workspace{display:block;position:relative}.editor-shell__viewport{height:calc(100dvh - var(--toolbar-height) - var(--status-height) - 4.25rem)}.editor-shell__panel{z-index:8;right:0;bottom:calc(var(--status-height) + env(safe-area-inset-bottom));border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:min(62dvh,35rem);box-shadow:var(--shadow-float);position:fixed;left:0}.editor-shell__panel--left{display:none}.status-bar{grid-template-columns:1fr auto}.status-bar__destination,.status-bar__render,.status-bar__zoom{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}