:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;color:#e8e4ef;background-color:#0c0a10;--surface: #14111a;--surface-raised: #1c1824;--border: #2a2436;--accent: #c47a4a;--accent-hover: #d8925e;--text-muted: #8a8298}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#app{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.header__brand h1{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:.02em}.header__brand p{margin:.15rem 0 0;font-size:.8rem;color:var(--text-muted)}.btn{border:none;border-radius:8px;padding:.6rem 1.1rem;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{width:100%;background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:#221c28;color:#e8e4ef}.btn--secondary:disabled{opacity:.35;cursor:default}.workspace{display:flex;flex:1;min-height:0}.sidebar{width:260px;flex-shrink:0;padding:1rem;border-right:1px solid var(--border);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.step-nav{display:flex;align-items:center;gap:.4rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.step-nav__btn{flex-shrink:0;width:2rem;height:2rem;border:none;border-radius:8px;background:var(--surface-raised);color:var(--accent);font-size:1.35rem;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,opacity .15s ease}.step-nav__btn:hover:not(:disabled){background:#2a2436}.step-nav__btn:disabled{opacity:.25;cursor:default}.step-nav__track{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0}.step-nav__pill{flex:1;min-width:0;border:none;border-radius:6px;padding:.35rem .25rem;background:transparent;color:var(--text-muted);font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease}.step-nav__pill:hover{color:#e8e4ef}.step-nav__pill--active{color:var(--accent);background:#c47a4a1f}.step-panels{flex:1;min-height:0}.step-panel--hidden{display:none}.step__title{margin:0 0 .85rem;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:#e8e4ef;line-height:1.35}.step__hint{margin:-.5rem 0 .85rem;font-size:.75rem;color:var(--text-muted);line-height:1.35}.field{display:block;margin-bottom:.85rem}.field__label{display:block;margin-bottom:.35rem;font-size:.78rem;color:var(--text-muted)}.field__input{width:100%;padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:inherit;font:inherit;font-size:.85rem}.field__input:focus{outline:none;border-color:var(--accent)}.field__select{width:100%;padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:inherit;font:inherit;font-size:.85rem;cursor:pointer}.field__select:focus{outline:none;border-color:var(--accent)}.field__output{color:var(--accent);font-weight:600}.field__range{width:100%;margin:.25rem 0 0;accent-color:var(--accent);cursor:pointer}.field--effects{border:none;margin:0 0 .85rem;padding:0}.field--effects .field__label{margin-bottom:.5rem}.effect-list{display:flex;flex-direction:column;gap:.35rem}.effect-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem;border-radius:8px;background:var(--surface-raised);font-size:.82rem;cursor:pointer;transition:background .15s ease}.effect-option:hover{background:#221c28}.effect-option input{accent-color:var(--accent);margin:0;cursor:pointer}.field--color{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.field--color .field__label{margin-bottom:0}.field__color{width:48px;height:32px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);cursor:pointer}.background-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.background-item{display:flex;align-items:center;gap:.65rem;padding:.45rem;border:2px solid transparent;border-radius:10px;cursor:pointer;background:var(--surface-raised);transition:border-color .15s ease,background .15s ease}.background-item:hover{border-color:var(--border)}.background-item--active{border-color:var(--accent);background:#221c28}.background-item__thumb{width:48px;height:48px;border-radius:6px;flex-shrink:0;display:block}.background-item__label{font-size:.82rem;line-height:1.25}.canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;min-width:0;background:radial-gradient(circle at 50% 0%,rgba(196,122,74,.06),transparent 55%),#0c0a10}.canvas-frame{display:flex;align-items:center;justify-content:center;width:min(100%,640px);aspect-ratio:1080 / 1350;padding:1rem}.canvas-stack{position:relative;line-height:0}.logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.logo-overlay--active{pointer-events:auto}.logo-handle{position:absolute;touch-action:none;pointer-events:none}.logo-handle--active{pointer-events:auto;cursor:grab;outline:2px dashed rgba(196,122,74,.9);outline-offset:2px}.logo-handle--active:active{cursor:grabbing}.logo-handle__resize{position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border-radius:4px;background:var(--accent);border:2px solid #fff;cursor:nwse-resize;pointer-events:auto}.field--toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.field--toggle .field__label{margin-bottom:0}.field__checkbox{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.field--upload{margin-bottom:1rem}.field__upload{width:100%;padding:.45rem .55rem;border:1px dashed var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text-muted);font:inherit;font-size:.78rem;cursor:pointer}.field__upload::file-selector-button{margin-right:.65rem;border:none;border-radius:6px;padding:.35rem .65rem;background:var(--accent);color:#fff;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.field--disabled{opacity:.4;pointer-events:none}.member-uploads{margin-bottom:.85rem}.member-uploads__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.member-upload{margin-bottom:0}.member-upload .field__label{font-size:.72rem}#preview-canvas{border-radius:4px;box-shadow:0 0 0 1px #ffffff0f,0 24px 48px #00000073}.canvas-area__caption{margin:1rem 0 0;font-size:.85rem;color:var(--text-muted)}@media(max-width:720px){.workspace{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.step-nav__pill{font-size:.62rem;padding:.28rem .2rem}.background-list{flex-direction:row;flex-wrap:wrap}.background-item{flex:1 1 calc(50% - .5rem)}}