:root{--ink:#302c30;--plum:#62475a;--plum-dark:#492f42;--rose:#b96864;--rose-light:#f5e9e6;--sky:#79c0e8;--sky-soft:#e6f3fa;--sky-deep:#326f91;--paper:#fffefd;--canvas:#f4f5f4;--line:#dcdad8;--muted:#625a5f}*{box-sizing:border-box}html{min-width:320px}body,html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Aptos,Segoe UI,sans-serif;font-size:16px;line-height:1.55}a,button{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--sky-deep);outline-offset:4px}.drawing-board:focus-visible{outline:3px solid var(--sky-deep);outline-offset:3px}::selection{background:#dceef7;color:#263d4b}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f3f2}::-webkit-scrollbar-thumb{background:#a9cbdc;border:2px solid #f1f3f2;border-radius:8px}.studio-shell{max-width:1280px;margin:0 auto;padding:0 44px}.topbar{min-height:88px;border-bottom:1px solid #e4e2df;display:flex;justify-content:space-between}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:12px;color:var(--ink);text-decoration:none;font-size:17px;font-weight:700;letter-spacing:-.03em}.brand img{display:block;width:42px;height:42px;border-radius:50%;object-fit:cover}.top-note{font-size:13px;color:var(--muted)}.account-actions{display:flex;align-items:center;gap:20px}.sign-out-button{padding:7px 0;border:0;background:transparent;color:var(--sky-deep);cursor:pointer;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.welcome-layout{min-height:calc(100vh - 148px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:clamp(48px,8vw,112px);gap:clamp(48px,8vw,112px);align-items:center;padding:50px 0 54px}.welcome-copy{width:100%;max-width:600px;justify-self:center}.welcome-copy .button{margin-top:4px}.welcome-copy .intro-copy{font-size:17px}.account-welcome{margin:0 0 34px;padding:0 0 25px;border-bottom:1px solid #e4e2df}.account-welcome h1{font-size:clamp(30px,3vw,39px)}.account-welcome ol{display:flex;flex-wrap:wrap;gap:8px 24px;margin:15px 0 0;padding-left:19px;color:var(--muted);font-size:13px}.studio-layout{min-height:calc(100vh - 148px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:clamp(48px,8vw,112px);gap:clamp(48px,8vw,112px);align-items:center;padding:50px 0 54px}.workspace{width:100%;max-width:600px;justify-self:center}.progress-row{position:relative;display:flex;align-items:center;gap:8px;max-width:282px;margin:0 0 48px}.progress-dot{display:block;width:9px;height:9px;flex:none;border:1px solid #bcb9b7;border-radius:50%;background:var(--paper)}.progress-dot.active{border-color:var(--sky-deep);background:var(--sky);box-shadow:0 0 0 4px var(--sky-soft)}.progress-line{width:34px;height:1px;background:#d7d5d2}.progress-caption{margin-left:8px;color:var(--muted);font-size:12px;white-space:nowrap}.step-content{animation:settle-in .36s cubic-bezier(.2,.75,.25,1) both}@keyframes settle-in{0%{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.step-label{margin:0 0 12px;color:#795a68;font-size:11px;font-weight:700;letter-spacing:.12em}h1{max-width:570px;margin:0;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(38px,4.4vw,57px);font-weight:500;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.intro-copy{max-width:430px;margin:17px 0 29px;color:var(--muted);font-size:15px}.choice-list{display:grid;grid-gap:10px;gap:10px}.choice-row{min-height:68px;display:flex;align-items:center;gap:15px;width:100%;padding:0 18px;border:1px solid var(--line);border-radius:4px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.choice-row:hover{border-color:#8bbbd3;background:#fbfdfe;transform:translateY(-1px)}.choice-row.selected{border-color:var(--sky-deep);background:var(--sky-soft);box-shadow:0 0 0 1px var(--sky-deep)}.choice-row>span:nth-child(2){flex:1 1;font-weight:600}.choice-swatch{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--rose-light)}.choice-swatch span{width:11px;height:11px;border-radius:50%;background:var(--rose)}.choice-row:nth-child(2) .choice-swatch{background:#ede3ed}.choice-row:nth-child(2) .choice-swatch span{background:#96738c}.choice-row:nth-child(3) .choice-swatch{background:#e2f1f9}.choice-row:nth-child(3) .choice-swatch span{background:var(--sky)}.choice-arrow{color:var(--sky-deep);font-size:19px}.button-row{display:flex;justify-content:flex-end;margin-top:25px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 23px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .14s ease,transform .14s ease}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:var(--plum-dark);color:#fffaf8}.button-primary:not(:disabled):hover{background:#5a354f}.button-primary:not(:disabled):active{transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.45}.back-button{margin:0 0 31px;padding:0;border:0;background:transparent;color:var(--plum);cursor:pointer;font-size:13px;font-weight:600}.back-button:hover{text-decoration:underline;text-underline-offset:4px}.shape-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.shape-option{min-height:184px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer;font-size:13px;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.shape-option:hover{border-color:#8bbbd3;background:#fbfdfe;transform:translateY(-1px)}.shape-option.selected{border-color:var(--sky-deep);background:var(--sky-soft);box-shadow:0 0 0 1px var(--sky-deep)}.shape-name{color:var(--ink);font-weight:700}.shape-description{color:var(--muted);font-size:11px;line-height:1.35;text-align:center}.shape-mark{width:64px;height:64px;overflow:visible}.shape-mark path{fill:#eaf0f2;stroke:#514851;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.draw-step .intro-copy{margin-bottom:20px}.drawing-board-wrap{overflow:hidden;border:1px solid #d8d9d7;border-radius:4px;background-color:#fff;box-shadow:0 10px 24px rgba(48,44,48,.06)}.drawing-tools{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid #e6e6e3;color:var(--muted);font-size:12px}.drawing-tools-label{flex:1 1;color:var(--ink);font-weight:600}.sketch-count{color:var(--muted);font-size:11px;white-space:nowrap}.tool-button{padding:3px 1px;border:0;background:transparent;color:var(--sky-deep);cursor:pointer;font-size:12px;text-decoration:underline;text-underline-offset:3px}.tool-button:disabled{color:#a5949b;cursor:not-allowed;text-decoration:none}.drawing-board{display:block;width:100%;max-height:420px;aspect-ratio:360/460;touch-action:none;cursor:crosshair}.guide-dress{fill:#f8f3f2;stroke:#9bbdce;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 6;pointer-events:none}.drawing-hint{margin:9px 0 0;color:var(--muted);font-size:12px}.ai-design{margin-top:20px;padding:17px;border:1px solid #e6d2d1;border-radius:4px;background:#fbf4f2}.ai-design h2{margin:0;color:var(--ink);font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:23px;font-weight:500;line-height:1.2}.ai-design>p{margin:7px 0 13px;color:var(--muted);font-size:12px}.ai-design label{display:block;margin-bottom:6px;color:#563d4b;font-size:12px;font-weight:700}.ai-design textarea{width:100%;min-height:82px;resize:vertical;padding:10px 11px;border:1px solid #cfc5c4;border-radius:3px;background:#fff;color:var(--ink);font:inherit;font-size:13px;line-height:1.45}.ai-design textarea:focus-visible{outline:3px solid var(--sky-deep);outline-offset:2px}.ai-design textarea::placeholder{color:#6c6266;opacity:1}.ai-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;margin-top:10px}.ai-count{color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ai-design .message{margin-top:9px}.message{margin:12px 0 0;font-size:13px}.error-message{color:#8c3d3d}.save-button{width:100%;margin-top:19px}.privacy-note{margin:11px 0 0;color:#66545f;font-size:12px;line-height:1.5}.share-controls{margin:20px 0;padding:17px;border:1px solid #d7e5eb;border-radius:4px;background:#f4f9fb}.share-controls h2{margin:0;color:var(--ink);font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:22px;font-weight:500}.share-controls>p{margin:6px 0 13px;color:var(--muted);font-size:12px}.button-secondary{border-color:#a9cbdc;background:#e6f3fa;color:#285e7a}.button-secondary:not(:disabled):hover{background:#d6ebf5}.share-url{display:block;overflow-wrap:anywhere;margin:11px 0;color:var(--sky-deep);font-size:13px}.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.shared-shell{min-height:100vh;display:flex;flex-direction:column}.shared-design{width:min(100%,760px);flex:1 1;margin:0 auto;padding:55px 0}.shared-design h1{font-size:clamp(36px,5vw,56px);text-transform:capitalize}.shared-sketch{display:block;width:min(100%,440px);height:min(60vh,550px);margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:4px;background:#fff;object-fit:contain}.shared-home{text-decoration:none}.saved-date{margin:8px 0 0;color:var(--muted);font-size:12px}.preview-panel{align-self:center;width:min(100%,410px);justify-self:center;padding:25px 28px 26px;border:1px solid #e2e3e1;border-radius:4px;background:#f5f6f5}.preview-header{display:flex;align-items:center;justify-content:space-between;color:#62545b;font-size:10px;font-weight:700;letter-spacing:.13em}.preview-art{position:relative;min-height:275px;display:grid;place-items:center;margin:15px 0 14px;overflow:hidden;border-radius:2px;background:#fff}.preview-icon{display:block;width:min(82%,270px);aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply}.saved-sketch{position:absolute;inset:4% 10%;width:80%;height:92%;object-fit:contain}.preview-details{display:flex;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #d9dcda}.preview-details p{margin:0;color:#563d4b;font-size:12px;font-weight:600}.preview-note{margin:12px 0 0;color:#735e68;font-size:12px}.finish-screen{max-width:510px;padding:38px 0;animation:settle-in .36s ease both}.finish-screen h1{font-size:clamp(36px,4vw,52px)}.saved-mark{width:50px;height:50px;display:grid;place-items:center;margin-bottom:23px;border-radius:50%;background:var(--sky-soft);color:var(--sky-deep);font-size:23px}.success-sketch{width:min(100%,280px);height:250px;padding:18px}.success-generated,.success-sketch{display:block;margin:24px 0 8px;border:1px solid var(--line);border-radius:4px;background:#fff;object-fit:contain}.success-generated{width:min(100%,340px);max-height:340px}.generated-sketch{display:block;width:100%;height:100%;padding:8px;object-fit:contain}.finish-screen .button{margin-top:9px}.studio-footer{min-height:60px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eaded9;color:#735e68;font-size:11px}.studio-footer span:first-child{font-weight:700}@media (max-width:760px){.studio-shell{padding:0 22px}.topbar{min-height:72px}.brand{font-size:15px}.brand img{width:37px;height:37px}.studio-layout{gap:39px;padding:31px 0 38px}.studio-layout,.welcome-layout{min-height:auto;grid-template-columns:1fr}.welcome-layout{gap:32px;padding:38px 0}.welcome-copy{max-width:560px}.account-welcome ol{display:grid;grid-gap:5px;gap:5px}.workspace{max-width:560px}.progress-row{margin-bottom:36px}h1{font-size:clamp(37px,10vw,48px)}.preview-panel{width:100%;max-width:560px;padding:18px 20px 19px}.preview-art{min-height:210px;max-height:260px}.preview-icon{width:min(62%,225px)}.drawing-board{max-height:390px}.studio-footer{min-height:56px}.shared-design{padding:38px 0}}@media (max-width:420px){.studio-shell{padding:0 18px}.top-note{font-size:12px}.account-actions{gap:12px}.intro-copy{margin:13px 0 24px;font-size:14px}.choice-row{min-height:60px;padding:0 14px}.shape-list{gap:8px}.shape-option{min-height:162px;gap:6px;padding:9px 5px;font-size:12px}.shape-mark{width:54px;height:54px}.shape-description{font-size:10px}.progress-row{margin-bottom:31px}.draw-step .back-button{margin-bottom:23px}.preview-panel{padding:16px}.preview-art{min-height:180px}.studio-footer{gap:15px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.landing-shell{width:min(100%,1320px);margin:0 auto;padding:0 48px}.landing-header{min-height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaded9}.landing-brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:16px;font-weight:700;letter-spacing:-.03em;text-decoration:none}.landing-brand img{width:40px;height:40px;border-radius:50%;object-fit:cover}.landing-nav{color:var(--plum-dark);font-size:13px;font-weight:600;text-underline-offset:5px}.landing-nav:hover{color:#734d69}.landing-hero{min-height:630px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.87fr);align-items:center;grid-gap:clamp(50px,8vw,108px);gap:clamp(50px,8vw,108px);padding:62px 0 68px}.landing-copy{max-width:625px}.landing-copy h1{max-width:620px;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(56px,6.4vw,86px);font-weight:500;line-height:.99;letter-spacing:-.045em;text-wrap:balance}.landing-lede{max-width:490px;margin:24px 0 29px;color:#625a5f;font-size:17px;line-height:1.65}.landing-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:0 24px;border:1px solid var(--plum-dark);border-radius:3px;background:var(--plum-dark);color:#fffaf8;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .15s ease,transform .15s ease}.landing-button:hover{background:#5a354f;transform:translateY(-1px)}.landing-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.landing-brand:focus-visible,.landing-button:focus-visible,.landing-nav:focus-visible{outline:3px solid var(--sky-deep);outline-offset:4px}.landing-note{margin:13px 0 0;color:#625a5f;font-size:12px}.landing-alert{max-width:430px;margin:-10px 0 20px;color:#7d3434;font-size:14px}.studio-preview{width:100%;max-width:480px;justify-self:center;padding:24px 25px 23px;border:1px solid #e2e3e1;border-radius:4px;background:#f5f6f5}.studio-preview-top{min-height:18px;display:flex;align-items:center;gap:9px;color:#62545b;font-size:10px;font-weight:700;letter-spacing:.13em}.preview-dot{width:7px;height:7px;border-radius:50%;background:#b96864}.studio-preview-image{position:relative;height:340px;margin:14px 0;overflow:hidden;border-radius:2px;background:#f8d9d6}.studio-preview-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.studio-preview-meta{display:flex;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #d9dcda;color:#563d4b;font-size:12px;font-weight:600}.studio-preview>p{margin:11px 0 0;color:#735e68;font-size:12px}.landing-journey{padding:47px 0 68px;border-top:1px solid #eaded9}.journey-heading{max-width:670px;margin-bottom:34px}.journey-heading h2{margin:0;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(34px,4.2vw,52px);font-weight:500;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:0 34px;gap:0 34px;margin:0;padding:0;list-style:none}.journey-steps li{min-height:152px;padding:18px 0 0;border-top:1px solid #b9a9b1}.journey-word{color:#795a68;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.journey-steps h3{margin:14px 0 7px;color:var(--ink);font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:23px;font-weight:500;line-height:1.15}.journey-steps p{max-width:280px;margin:0;color:#625a5f;font-size:13px;line-height:1.55}.landing-footer{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #eaded9;color:#735e68;font-size:11px}.landing-footer span:first-child{color:var(--plum-dark);font-weight:700}@media (max-width:760px){.landing-shell{padding:0 23px}.landing-header{min-height:72px}.landing-hero{min-height:auto;grid-template-columns:1fr;gap:35px;padding:46px 0 49px}.landing-copy h1{max-width:560px;font-size:clamp(48px,11.2vw,68px)}.landing-lede{margin:18px 0 23px;font-size:16px}.studio-preview{max-width:560px;padding:18px 19px}.studio-preview-image{height:clamp(235px,68vw,340px)}.landing-journey{padding:37px 0 43px}.journey-heading{margin-bottom:25px}.journey-steps{grid-template-columns:1fr;gap:22px}.journey-steps li{min-height:0;padding-top:12px}.journey-steps h3{margin-top:8px;font-size:22px}}@media (max-width:420px){.landing-shell{padding:0 18px}.landing-brand{gap:8px;font-size:15px}.landing-brand img{width:36px;height:36px}.landing-hero{padding-top:38px}.landing-copy h1{font-size:clamp(45px,12vw,52px)}.landing-lede{font-size:15px}.studio-preview{padding:15px}.studio-preview-image{height:250px}.studio-preview-meta{font-size:11px}.landing-footer{font-size:10px}}