:root{--color-primary:#06c;--color-primary-focus:#0071e3;--color-primary-on-dark:#2997ff;--color-ink:#1d1d1f;--color-body-muted:#6e6e73;--color-body-muted-dark:#ccc;--color-canvas:#fff;--color-parchment:#f5f5f7;--color-pearl:#fafafc;--color-tile-dark:#272729;--color-black:#000;--color-hairline:#e0e0e0;--product-shadow:#00000038 3px 5px 30px 0}.global-nav{z-index:20;background:var(--color-black);color:#fff;letter-spacing:0;height:44px;font-size:12px;line-height:1;position:sticky;top:0}.nav-inner,.sub-nav-inner{align-items:center;width:min(1440px,100% - 48px);height:100%;margin:0 auto;display:flex}.nav-inner{justify-content:space-between;gap:24px}.brand-mark,.nav-links a,.sub-nav-cta,.hero-primary-link{color:inherit;text-decoration:none}.brand-mark{font-weight:600}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a,.nav-status{color:#fffc}.nav-links a:hover,.brand-mark:hover{color:#fff}.sub-nav{z-index:19;height:52px;color:var(--color-ink);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#f5f5f7d1;border-bottom:1px solid #00000014;position:sticky;top:44px}.sub-nav-inner{letter-spacing:0;justify-content:space-between;font-size:21px;font-weight:600;line-height:1.19}.sub-nav-cta{background:var(--color-primary);color:#fff;letter-spacing:0;border-radius:9999px;align-items:center;min-height:34px;padding:7px 16px;font-size:14px;font-weight:400;transition:transform .18s,background-color .18s;display:inline-flex}.sub-nav-cta:active,.hero-primary-link:active,.primary-button:active{transform:scale(.95)}.app-shell{color:var(--color-ink);background:var(--color-canvas)}.hero-tile{text-align:center;background:var(--color-canvas);align-content:center;justify-items:center;min-height:calc(100svh - 96px);padding:80px 24px;display:grid}.eyebrow{color:var(--color-primary);letter-spacing:0;margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.29}.hero-tile h1{letter-spacing:0;max-width:820px;margin:0;font-size:clamp(34px,7vw,56px);font-weight:600;line-height:1.07}.hero-tile>p:not(.eyebrow){max-width:740px;color:var(--color-ink);letter-spacing:0;margin:18px 0 0;font-size:clamp(21px,3vw,28px);font-weight:400;line-height:1.2}.hero-actions{color:var(--color-body-muted);letter-spacing:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:32px;font-size:17px;line-height:1.47;display:flex}.hero-primary-link{background:var(--color-primary);color:#fff;border-radius:9999px;align-items:center;min-height:44px;padding:11px 22px;transition:transform .18s,background-color .18s;display:inline-flex}.hero-primary-link:hover,.sub-nav-cta:hover,.primary-button:hover:not(:disabled){background:var(--color-primary-focus)}.workspace-tile{background:var(--color-parchment);padding:80px max(24px,50% - 720px)}.workspace-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px;display:flex}.workspace-heading h2{margin:0;font-size:clamp(34px,4vw,40px);font-weight:600;line-height:1.1}.workspace-heading p:not(.eyebrow){max-width:520px;color:var(--color-body-muted);letter-spacing:0;margin:0;font-size:17px;line-height:1.47}.workspace{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.control-column{gap:16px;display:grid}.panel{border:1px solid var(--color-hairline);background:var(--color-canvas);border-radius:18px;padding:24px}.panel-heading{align-items:center;gap:10px;margin-bottom:18px;display:flex}.panel-heading svg{color:var(--color-primary);stroke-width:1.8px}.panel-heading h2{letter-spacing:0;margin:0;font-size:21px;font-weight:600;line-height:1.19}.drop-zone{background:var(--color-pearl);min-height:156px;color:var(--color-primary);letter-spacing:0;cursor:pointer;border:1px solid #0066cc52;border-radius:18px;place-items:center;font-size:17px;line-height:1.47;transition:border-color .18s,background-color .18s,transform .18s;display:grid;position:relative}.drop-zone:hover{border-color:var(--color-primary);background:#fff}.drop-zone:active{transform:scale(.99)}.drop-zone input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.file-summary{gap:10px;margin:16px 0 0;display:grid}.file-summary div{grid-template-columns:64px minmax(0,1fr);gap:8px;display:grid}.file-summary dt{color:var(--color-body-muted)}.file-summary dd{overflow-wrap:anywhere;min-width:0;margin:0}.control-group{border:0;gap:10px;margin:0 0 20px;padding:0;display:grid}.control-group legend,.field-row span{color:var(--color-ink);letter-spacing:0;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.29}.radio-row{min-height:44px;color:var(--color-ink);letter-spacing:0;align-items:center;gap:10px;font-size:17px;line-height:1.47;display:flex}.radio-row input{width:18px;height:18px;accent-color:var(--color-primary)}.field-row{gap:8px;margin-top:16px;display:grid}.text-input,select{background:var(--color-canvas);width:100%;min-height:44px;color:var(--color-ink);letter-spacing:0;border:1px solid #00000014;border-radius:9999px;padding:10px 16px;font-size:17px;line-height:1.47}select{cursor:pointer}input[type=range]{width:100%;accent-color:var(--color-primary)}fieldset:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.5}.primary-button{background:var(--color-primary);color:#fff;letter-spacing:0;cursor:pointer;border:0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 22px;font-size:17px;line-height:1.47;transition:transform .18s,background-color .18s,opacity .18s;display:inline-flex}.primary-button:disabled{cursor:not-allowed;opacity:.52;background:#7a7a7a}.preview-panel{min-height:560px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.preview-item{border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-body-muted);letter-spacing:0;border-radius:18px;gap:10px;padding:12px;font-size:14px;line-height:1.43;display:grid}.preview-item.is-included{border-width:2px;border-color:var(--color-primary-focus);color:var(--color-primary)}.preview-item img{aspect-ratio:3/4;object-fit:contain;background:var(--color-pearl);width:100%;box-shadow:var(--product-shadow);border-radius:8px}.muted,.progress-block p{color:var(--color-body-muted)}.muted,.error-text,.success-text,.progress-block p,.file-summary{letter-spacing:0;font-size:14px;line-height:1.43}.error-text{color:#b42318}.success-text{color:#087443}.progress-block{gap:8px;display:grid}.progress-block progress{background:#00000014;border:0;border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-block progress::-webkit-progress-bar{background:#00000014}.progress-block progress::-webkit-progress-value{background:var(--color-primary)}.progress-block progress::-moz-progress-bar{background:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=833px){.nav-inner,.sub-nav-inner{width:min(100% - 32px,1440px)}.nav-links{display:none}.nav-status{font-size:11px}.hero-tile,.workspace-tile{padding-top:56px;padding-bottom:56px}.workspace-heading,.workspace{grid-template-columns:1fr}.workspace-heading{align-items:start;display:grid}}@media (width<=640px){.hero-tile{min-height:auto;padding:48px 20px}.workspace-tile{padding:48px 16px}.panel{border-radius:18px;padding:18px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}:root{color:#1d1d1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}