:root{--color-bg: #241814;--color-surface: #2d211c;--color-espresso: #1b120f;--color-ivory: #f4efe5;--color-paper: #e8ddcc;--color-travertine: #c9b79f;--color-muted: #a99c8d;--color-line: rgba(244, 239, 229, .28);--color-line-faint: rgba(244, 239, 229, .14);--shadow-soft: 0 10px 32px rgba(0, 0, 0, .16);--shadow-card: 0 8px 26px rgba(0, 0, 0, .22);--serif: Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", Menlo, Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-travertine);outline-offset:3px}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 24px 32px}.header{text-align:center;margin-bottom:30px}.header__brand{font-family:var(--serif);font-weight:500;font-size:32px;letter-spacing:.3em;text-transform:uppercase;margin:0 0 0 .3em;color:var(--color-ivory)}.header__slogan{margin:12px 0 0;color:var(--color-muted);font-size:14px;letter-spacing:.05em}.main{width:100%;max-width:1280px;display:flex;flex-direction:column;align-items:center;flex:1}.landing{width:100%;display:flex;flex-direction:column;align-items:center;gap:30px}.studio{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.page--home{background:#faf9f5;color:#111;padding:32px 36px 24px}.header--home{width:100%;text-align:left;margin-bottom:12px}.header--home .header__brand{font-size:22px;letter-spacing:.24em;margin:0;color:#111}.page--home .landing{gap:34px;justify-content:center;flex:1}.page--home .main{max-width:none}.home-belt{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.home-belt__track{display:flex;align-items:center;width:max-content;animation:belt-flow 90s linear infinite;will-change:transform}.home-belt__track:hover{animation-play-state:paused}.home-belt__track--static{animation:none}.home-belt__item{height:min(56vh,600px);width:auto;margin-right:clamp(28px,4vw,64px);-webkit-user-select:none;user-select:none}@keyframes belt-flow{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-upload{display:flex;justify-content:center}.button--pill{background:#111;color:#fff;border:1px solid #111111;border-radius:999px;font-size:14.5px;letter-spacing:.04em;padding:14px 40px}.button--pill:not(:disabled):hover{transform:translateY(-1px);opacity:.9}.page--home .error{color:#a2543f}.page--home .footer{margin-top:20px}.page--home .privacy{color:#b3aea3}.page--home :focus-visible{outline-color:#111}@media (max-width: 680px){.page--home{padding:22px 18px 18px}.home-belt__item{height:46vh}}.button{font-size:14px;letter-spacing:.05em;padding:13px 30px;border-radius:3px;cursor:pointer;transition:opacity .15s ease,transform .15s ease;min-height:44px}.button:hover{opacity:.88}.button:disabled{opacity:.55;cursor:progress}.button--cta{background:var(--color-ivory);color:var(--color-espresso);border:1px solid var(--color-ivory);font-family:var(--serif);font-size:16px;padding:14px 36px}.button--cta:not(:disabled):hover{transform:translateY(-1px)}.button--primary{background:var(--color-ivory);color:var(--color-espresso);border:1px solid var(--color-ivory)}.button--outline{background:transparent;color:var(--color-ivory);border:1px solid var(--color-line)}.button--ghost{background:transparent;color:var(--color-muted);border:none;text-decoration:underline;text-underline-offset:3px;font-size:13px;padding:8px 12px}.studio__toolbar{width:100%;display:flex;justify-content:flex-end;padding:0 4px}.icon-button{background:transparent;border:1px solid var(--color-line-faint);border-radius:4px;width:44px;height:44px;min-width:44px;padding:0;color:var(--color-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease}.icon-button:hover{border-color:var(--color-line);color:var(--color-ivory)}.icon-button[aria-pressed=true]{color:var(--color-travertine);border-color:var(--color-line)}.variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px;width:100%;justify-items:center}.variant-card{display:flex;flex-direction:column;gap:8px;width:100%;max-width:560px;align-items:center}.variant-card__open{background:transparent;border:none;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:flex-end;min-height:44px;transition:transform .2s ease}.variant-card__open:hover{transform:translateY(-1px)}.variant-card__canvas{max-width:100%;max-height:min(46vh,500px);width:auto;height:auto;box-shadow:0 5px 16px #0003}.variant-card__actions{display:flex;gap:8px;justify-content:center}.text-toggle{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--color-muted);border:1px solid var(--color-line-faint);border-radius:3px;padding:8px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:38px;transition:border-color .15s ease,color .15s ease}.text-toggle input{accent-color:var(--color-travertine);margin:0;width:13px;height:13px;cursor:pointer}.text-toggle:hover{border-color:var(--color-line)}.text-toggle--on{color:var(--color-ivory);border-color:var(--color-line)}.detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#180f0bf0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto;padding:24px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:stretch;max-width:1360px;margin:0 auto;min-height:calc(100vh - 48px);animation:detail-in .3s ease both}.detail-preview{display:flex;align-items:flex-start;justify-content:center}.detail-preview__canvas{max-width:100%;max-height:calc(100vh - 96px);width:auto;height:auto;box-shadow:var(--shadow-card)}.detail-panel{align-self:start;position:sticky;top:24px;display:flex;flex-direction:column;gap:26px;padding:26px 24px;background:#2d211ca6;border:1px solid var(--color-line-faint);border-radius:6px;outline:none}.detail-panel__section{display:flex;flex-direction:column;gap:10px}.detail-panel__label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted)}.detail-panel__value{font-family:var(--serif);font-size:16px;letter-spacing:.05em;color:var(--color-paper)}.detail-panel__note{font-size:12px;color:#a99c8db3}.detail-panel__toggles{display:flex;flex-direction:column;gap:8px}.detail-panel__input{font-family:inherit;font-size:13.5px;color:var(--color-ivory);background:#18100c80;border:1px solid var(--color-line-faint);border-radius:3px;padding:11px 12px;outline:none;transition:border-color .15s ease}.detail-panel__input::placeholder{color:#a99c8d8c}.detail-panel__input:focus{border-color:var(--color-travertine)}.detail-panel__actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.detail-panel__actions .button{width:100%}@keyframes detail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.detail-layout{animation:none}}@media (max-width: 900px){.detail{padding:16px}.detail-layout{grid-template-columns:1fr;gap:20px;min-height:0}.detail-preview__canvas{max-height:56vh}.detail-panel{position:static}}.teasers{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.teaser{background:transparent;border:1px solid var(--color-line-faint);border-radius:5px;padding:13px 22px;cursor:pointer;max-width:300px;display:flex;flex-direction:column;gap:8px;text-align:left;transition:border-color .15s ease;min-height:44px}.teaser:hover,.teaser--open{border-color:var(--color-line)}.teaser__title{font-family:var(--serif);font-size:14.5px;color:var(--color-paper)}.teaser__desc{font-size:12.5px;color:var(--color-muted);line-height:1.5}.error{color:#d9a08e;font-size:14px;text-align:center;max-width:460px}.footer{margin-top:46px}.privacy{color:var(--color-muted);font-size:12px;letter-spacing:.07em}@media (max-width: 1180px){.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.variant-card__canvas{max-height:min(42vh,460px)}}@media (max-width: 680px){.page{padding:30px 16px 24px}.header{margin-bottom:28px}.header__brand{font-size:24px}.header__slogan{font-size:13px}.landing__promise{font-size:15px}.studio__title{font-size:16px}.variant-grid{grid-template-columns:1fr;gap:24px}.variant-card__canvas{max-height:420px}}