:root{color-scheme:dark;--ink: #07063f;--ink-2: #100c68;--ink-3: #1b16a2;--coral: #f47b68;--coral-soft: #ff9a86;--orange: #ff9d12;--cream: #fff8ed;--line: rgba(255, 248, 237, .2);--line-strong: rgba(255, 248, 237, .36);--shadow: 0 28px 70px rgba(3, 2, 34, .34);font-family:Avenir Next Condensed,Arial Narrow,Helvetica Neue,sans-serif;background:var(--ink);color:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(244,123,104,.16),transparent 28%),linear-gradient(315deg,rgba(255,157,18,.18),transparent 24%),var(--ink)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.app{min-height:100vh;padding:clamp(16px,3vw,38px)}.file-input{position:fixed;width:1px;height:1px;opacity:.88;pointer-events:none}.upload-zone{min-height:calc(100vh - clamp(32px,6vw,76px));display:grid;place-items:center;align-content:center;gap:28px;border:2px dashed var(--coral);background:linear-gradient(90deg,rgba(255,248,237,.045) 1px,transparent 1px),linear-gradient(rgba(255,248,237,.045) 1px,transparent 1px),linear-gradient(160deg,var(--ink-3),var(--ink) 62%);background-size:48px 48px,48px 48px,auto;box-shadow:inset 0 0 0 1px #fff8ed14,var(--shadow);text-align:center;padding:clamp(28px,7vw,72px)}.brand-lockup{display:inline-flex;align-items:center;gap:12px;color:var(--cream);font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand-lockup img,.panel-heading img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,248,237,.36)}.upload-copy{display:grid;gap:10px;max-width:820px}h1,h2{margin:0;color:var(--cream);font-weight:950;letter-spacing:0;text-transform:uppercase}h1{max-width:880px;font-size:clamp(44px,9vw,112px);line-height:.9}h2{font-size:32px;line-height:.9}.primary-action,.secondary-action,.ghost-action,.reset-action{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:0 20px;color:var(--ink);font-weight:900;letter-spacing:0;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.primary-action{background:var(--orange);box-shadow:0 14px 34px #ff9d1247}.primary-action:hover,.secondary-action:hover,.ghost-action:hover,.reset-action:hover{transform:translateY(-1px)}.primary-action.compact{min-width:154px}.secondary-action,.ghost-action,.reset-action{background:#fff8ed1a;border-color:var(--line);color:var(--cream)}.status-message{min-height:22px;margin:0;color:var(--cream);font-size:14px;font-weight:800;line-height:1.45}.credit-note{max-width:640px;margin:0;color:#fff8edb8;font-size:13px;font-weight:800;line-height:1.45}.credit-note a{color:var(--orange);text-decoration:none}.credit-note a:hover{text-decoration:underline}.control-panel .credit-note{max-width:none;padding-top:16px;border-top:1px solid var(--line)}.editor-shell{width:min(1500px,100%);min-height:calc(100vh - clamp(32px,6vw,76px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:clamp(18px,3vw,34px);align-items:stretch}.workspace,.control-panel{border:1px solid var(--line);background:linear-gradient(180deg,#fff8ed1c,#fff8ed0b),#07063fb8;box-shadow:var(--shadow)}.workspace{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:18px;padding:clamp(14px,2.4vw,24px)}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.file-meta{min-width:0;display:grid;gap:4px;text-align:right;color:#fff8edc7;font-size:13px;font-weight:800}.file-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-wrap{min-height:280px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(45deg,rgba(255,248,237,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,248,237,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,248,237,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,248,237,.08) 75%),#03022285;background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;border:1px solid rgba(255,248,237,.14)}.image-stage{position:relative;display:inline-block;max-width:100%;line-height:0;touch-action:none}.base-image{display:block;max-width:100%;max-height:min(68vh,760px);width:auto;height:auto;-webkit-user-select:none;user-select:none}.moggles-transform{position:absolute;z-index:2;transform-origin:center;line-height:0;touch-action:none;-webkit-user-select:none;user-select:none;will-change:left,top,transform,width;cursor:move}.moggles-transform:hover,.moggles-transform.is-dragging{outline:2px solid rgba(255,157,18,.95);outline-offset:4px}.moggles-overlay{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 22px rgba(0,0,0,.28));pointer-events:none}.transform-handle{position:absolute;z-index:3;width:34px;height:34px;display:inline-grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--orange);color:var(--ink);box-shadow:0 10px 22px #0302225c;opacity:0;transition:opacity .14s ease,transform .14s ease}.moggles-transform:hover .transform-handle,.moggles-transform.is-dragging .transform-handle{opacity:1}.transform-handle:hover{transform:scale(1.06)}.rotate-handle{top:-48px;left:50%;cursor:grab;transform:translate(-50%)}.rotate-handle:hover{transform:translate(-50%) scale(1.06)}.resize-handle{right:-18px;bottom:-18px;cursor:nwse-resize}.export-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.editor-status{text-align:center}.control-panel{display:grid;align-content:start;gap:22px;padding:clamp(16px,2.4vw,24px)}.panel-heading{display:flex;align-items:center;gap:13px}.control-group{display:grid;gap:12px}.control-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#fff8edc7;font-size:14px;font-weight:900;text-transform:uppercase}.control-label strong{color:var(--cream);font-size:15px}.stepper-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:10px;align-items:center}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff8ed14;color:var(--cream)}.icon-button:hover{border-color:var(--orange);color:var(--orange)}input[type=range]{width:100%;accent-color:var(--orange)}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.asset-tile{min-width:0;min-height:104px;display:grid;align-content:center;justify-items:center;gap:9px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#1b16a25c;color:var(--cream);padding:10px}.asset-tile:nth-child(3n){border-right:0}.asset-tile:nth-last-child(-n+3){border-bottom:0}.asset-tile:hover,.asset-tile.is-selected{background:var(--coral);color:var(--ink)}.asset-tile img{width:88px;max-width:100%;height:48px;object-fit:contain}.asset-tile span{max-width:100%;overflow-wrap:anywhere;font-size:12px;font-weight:950;line-height:1.1;text-align:center}.reset-action{width:100%}@media(max-width:1060px){.editor-shell{grid-template-columns:1fr}.control-panel{grid-row:auto}.asset-grid{grid-template-columns:repeat(5,minmax(92px,1fr));overflow-x:auto}.asset-tile{border-bottom:0}.asset-tile:nth-child(3n){border-right:1px solid var(--line)}}@media(max-width:640px){.app{padding:12px}.upload-zone{min-height:calc(100vh - 24px);gap:22px;padding:22px}h1{font-size:clamp(40px,16vw,70px)}.topbar,.export-actions{align-items:stretch;flex-direction:column}.file-meta{text-align:left}.secondary-action,.primary-action.compact,.ghost-action{width:100%}.stage-wrap{min-height:220px}.base-image{max-height:58vh}.asset-grid{grid-template-columns:repeat(3,minmax(88px,1fr))}}