.landing-studio .studio-wrap{width:min(1240px,calc(100% - 56px));margin-inline:auto}.landing-studio .studio-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-block:72px 62px}.landing-studio .studio-kicker{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.15em;margin:0 0 18px;color:#49675f}.landing-studio h1{font-size:clamp(40px,4.4vw,66px);line-height:1.07;letter-spacing:-.055em;margin:0 0 24px}.landing-studio h1 em{color:#a73721}.landing-studio .studio-intro{font-size:18px;max-width:520px;line-height:1.7}.studio-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.studio-button,.studio-secondary,.studio-link{font-family:Arial,sans-serif!important;cursor:pointer;letter-spacing:0;text-transform:none;font-weight:700;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:20px;line-height:1.4;text-decoration:none}.studio-button{background:#174b4a;color:#fff8e9;border:1px solid #174b4a;padding:15px 22px;border-radius:5px;box-shadow:3px 3px 0 #b7bfa5}.studio-button:hover{background:#103d3c}.studio-secondary{background:#fff9ec;border:1px solid #84988c;border-radius:5px;color:#173e43;padding:10px 14px}.studio-link{border:0;background:none;color:#173e43;padding:6px 0;text-align:left;text-decoration:underline;text-underline-offset:4px}.studio-small{font-size:12px!important;color:#52665f;line-height:1.65!important}.studio-art{position:relative;padding:58px 0 20px 34px}.art-note{background:#e6ba6c;width:270px;padding:21px 24px;transform:rotate(-7deg);border:1px solid #8b6b38;position:absolute;top:0;left:0;z-index:2;box-shadow:4px 4px 0 #173e4312}.art-note>span{font-size:9px;font-weight:700;letter-spacing:.14em}.art-note>strong{display:block;font:italic 25px/1.25 Georgia,serif;margin:9px 0}.art-note>i{font-size:11px}.art-page{border:1px solid #7b9484;background:#fff9eb;transform:rotate(3deg);box-shadow:12px 14px 0 #173e4312;max-width:470px;margin-left:60px;margin-top:36px;border-radius:6px;overflow:hidden}.art-dots{padding:10px 15px;font-size:10px;border-bottom:1px solid #abb6a0;color:#a73721}.art-dots span{font-size:8px;margin-left:14px;color:#426358;letter-spacing:.12em}.art-page-body{padding:32px}.art-page-body>strong{display:block;font:38px/1.03 Georgia,serif;letter-spacing:-.05em;margin:13px 0 20px}.art-page-body strong em{color:#a73721}.art-lines i{display:block;height:5px;background:#cbd0b9;width:90%;margin:8px 0}.art-lines i:last-child{width:70%}.art-button{background:#174b4a;color:#fff9ec;display:inline-block;font-size:10px;padding:10px 17px;margin:18px 0}.art-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #b8c2aa;padding-top:17px}.art-columns span{font-size:9px;line-height:1.8}.art-stamp{position:absolute;right:-5px;top:18px;background:#a73721;color:#fff2d6;border-radius:50%;width:105px;height:105px;display:grid;align-content:center;text-align:center;transform:rotate(12deg);font-size:12px;font-weight:700;line-height:1.5;border:4px double #edc598}.studio-path{border-block:1px solid #a8b59c;display:grid;grid-template-columns:repeat(3,1fr);padding-block:24px;gap:30px}.studio-path>div{display:flex;gap:15px;align-items:center}.studio-path>div>span{font:italic 36px Georgia,serif;color:#a73721}.studio-path p{font-size:12px;margin:0}.studio-path strong{display:block;font-size:15px;margin-bottom:4px}.studio-workspace{padding-block:64px;scroll-margin-top:16px}.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-section-heading h2{font-size:38px;margin:0}.studio-section-heading .studio-kicker{margin-bottom:9px}.studio-status{min-height:28px;font-size:13px;margin:20px 0 12px;color:#38584d}.studio-status.error{color:#972a17;font-weight:700}.studio-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:26px;align-items:start}.studio-panel{padding:24px;background:#fff9ed;border:1px solid #a7b69c;border-radius:8px;box-shadow:0 5px 0 #173e4308}.studio-tabs{display:flex;border-bottom:1px solid #c0c9b3;margin:-4px -4px 24px}.studio-tabs button{flex:1;background:none;border:0;font:700 12px Arial,sans-serif;color:#566b60;min-height:46px;cursor:pointer;border-bottom:3px solid transparent;padding:10px 3px}.studio-tabs button[aria-selected=true]{border-color:#a73721;color:#a73721}.landing-studio button:disabled{opacity:.45;cursor:not-allowed}.landing-studio [hidden]{display:none!important}.studio-panel h3{font-size:26px;margin:0 0 10px}.studio-panel p{font-size:14px}.studio-examples{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.studio-examples button{border:1px solid #b5bfa8;border-radius:30px;background:#f5edd9;padding:9px 11px;min-height:40px;font-size:11px;color:#173e43;cursor:pointer}.studio-panel label{font-size:13px;font-weight:700;display:block;margin:18px 0 7px;line-height:1.5}.studio-panel label span{font-weight:400;font-size:10px;margin-left:4px;color:#617166}.studio-panel input:not([type=file]),.studio-panel textarea,.studio-panel select{width:100%;padding:11px 12px;font:14px/1.5 Arial,sans-serif;border:1px solid #aab7a1;background:#fffdf6;color:#173e43;border-radius:4px;min-height:44px}.studio-panel textarea{resize:vertical}.studio-panel input[type=file]{font-size:12px;max-width:100%}.landing-studio :focus-visible{outline:3px solid #bc6b32;outline-offset:3px}.studio-details{border-block:1px solid #b9c4ad;margin:22px 0;padding:15px 0}.studio-details summary,.studio-faq summary{font-size:14px;font-weight:700;cursor:pointer;padding-block:8px}.studio-details ol{padding-left:22px;font-size:13px}.studio-full{width:100%;margin-top:20px}.studio-preview-column{position:sticky;top:16px;min-width:0}.studio-preview-toolbar{display:flex;align-items:center;justify-content:space-between;background:#e7e9d9;border:1px solid #a7b69c;border-radius:8px 8px 0 0;padding:13px 16px;gap:8px;font-size:12px}.studio-live-dot{display:inline-block;background:#38664c;border-radius:50%;width:7px;height:7px;margin-right:7px}.studio-preview-toolbar [role=group]{display:flex;gap:3px}.studio-preview-toolbar button{font:12px Arial,sans-serif;color:#52695b;border:1px solid transparent;background:transparent;border-radius:4px;min-height:36px;padding:7px 10px;cursor:pointer}.studio-preview-toolbar button[aria-pressed=true]{background:#fff9ed;border-color:#a7b69c;color:#173e43}.studio-preview-shell{background:#d9dfd0;padding:18px;border:1px solid #a7b69c;border-top:0;border-radius:0 0 8px 8px;overflow:hidden}.studio-preview-shell iframe{display:block;width:100%;height:760px;border:0;margin:auto;background:#fff9eb;border-radius:3px}.studio-preview-shell.mobile iframe{max-width:375px}.studio-help{padding:22px;background:#e8e6ce;border:1px solid #b6bda4;border-radius:6px;margin-top:24px}.studio-help h4{font-size:26px;margin:10px 0}.studio-help .studio-secondary{margin-top:14px}.studio-checks{padding:0;list-style:none}.studio-checks li{padding:10px 0;border-bottom:1px solid #c9ceb8;font-size:13px;display:flex;gap:9px}.studio-checks li span{color:#a73721;font-weight:700}.studio-checks li.ready span{color:#28644d}.studio-bottom{padding-block:50px 70px;border-top:4px double #a8b59c;display:grid;grid-template-columns:1fr 1fr;gap:70px}.studio-bottom h2{font-size:38px;margin:0 0 20px}.studio-bottom p{font-size:15px;max-width:520px}.studio-faq details{border-bottom:1px solid #afbba3;padding:13px 0}.studio-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid #a8b59c;padding-block:30px}.studio-footer a{font-weight:700}.studio-unsaved{font-size:11px}.studio-edit-subtitle{font:700 13px Arial!important;border-top:1px solid #bdc6b0;padding-top:20px;margin-top:25px}.od-studio-promo{max-width:1240px;margin:35px auto;padding:28px 34px;border:1px solid #8c9f89;border-radius:8px;background:#e9e7d1;display:flex;justify-content:space-between;align-items:center;gap:24px}.od-studio-promo h2{font-size:30px;margin:0 0 8px}.od-studio-promo p{font-size:15px;margin:0;max-width:710px}.od-studio-promo a{flex-shrink:0;font-weight:700;color:#173e43}.od-studio-promo .eyebrow{font-size:11px;color:#a73721;letter-spacing:.12em}.studio-panel .studio-details>details{margin-top:15px}.studio-panel #prompt-output{font-size:11px}
@media(max-width:1050px){.landing-studio .studio-hero{gap:25px}.studio-art{padding-left:0}.art-page{margin-left:20px}.studio-layout{grid-template-columns:370px minmax(0,1fr)}.studio-preview-toolbar{padding:10px}.studio-preview-shell{padding:10px}.studio-preview-toolbar strong{font-size:11px}.studio-bottom{gap:35px}}
@media(max-width:800px){.landing-studio .studio-wrap{width:calc(100% - 36px)}.landing-studio .studio-hero{grid-template-columns:1fr;padding-block:40px}.landing-studio h1{font-size:49px}.studio-art{max-width:500px;width:100%;margin:0 auto;padding-top:45px}.art-page{margin-left:60px}.art-note{width:230px}.art-note>strong{font-size:23px}.art-stamp{width:85px;height:85px;right:0}.studio-path{grid-template-columns:1fr;gap:20px}.studio-workspace{padding-top:42px}.studio-section-heading{align-items:start;flex-direction:column}.studio-layout{grid-template-columns:1fr}.studio-preview-column{position:static}.studio-preview-shell iframe{height:650px}.studio-bottom{grid-template-columns:1fr;gap:30px}.studio-footer{flex-wrap:wrap}.studio-section-heading h2,.studio-bottom h2{font-size:34px}.od-studio-promo{margin:24px 18px;padding:24px;flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.studio-open-project{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:12px;flex-wrap:wrap}.studio-open-project label{font-weight:700}.studio-open-project input{max-width:100%;font-size:12px}