:root{--ink:#252231;--muted:#807b8c;--purple:#7756cc;--line:#e5e0ee;--surface:#fff;--bg:#f7f5fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{text-decoration:none;color:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #aa8dea;outline-offset:4px}label{display:grid;gap:7px;font-size:12px;font-weight:650;color:#5f586f}input,textarea,select{width:100%;min-height:45px;background:#fff;border:1px solid #e0dae9;border-radius:11px;padding:11px 13px;color:#2e2739;transition:border .2s,box-shadow .2s}textarea{min-height:95px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:#9a7bd9;box-shadow:0 0 0 3px #9774d917}input[type=color]{padding:4px;height:45px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--purple)}.check-label{display:flex;align-items:center;gap:10px}.studio-header{height:76px;border-bottom:1px solid var(--line);background:#fff9;backdrop-filter:blur(20px);padding:0 max(28px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.studio-brand strong{font-size:20px;letter-spacing:-.8px}.studio-brand strong span{font-weight:450}.studio-brand small{font-size:9px;font-weight:750;letter-spacing:1px;padding:3px 7px;border-radius:5px;background:#efe8fb;color:#8564bc}.header-actions{display:flex;align-items:center;gap:18px}.header-actions>span{font-size:11px;color:var(--muted)}.avatar{width:33px;height:33px;border-radius:50%;background:#ebe3f6;display:grid;place-items:center;color:#7655b5;font-weight:700}.quiet{color:#71657f;background:transparent;padding:8px 11px;border-radius:8px;font-size:12px;font-weight:600;transition:background .2s}.quiet:hover{background:#eee8f6}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:10px;padding:11px 20px;font-weight:650;font-size:13px;color:#fff;background:linear-gradient(120deg,#8b6bd9,#6d4bbb);box-shadow:0 5px 15px #7656bf22;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7656bf30}.primary.full{width:100%}main{max-width:1440px;padding:0 36px 45px;margin:auto}.studio-intro{display:grid;grid-template-columns:1fr 390px;align-items:center;gap:30px;padding:46px 6px 35px}.eyebrow{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:750;letter-spacing:1.6px;color:#8a74ad}.live-dot{display:inline-block;width:6px;height:6px;background:#9974de;border-radius:50%;box-shadow:0 0 0 4px #9871d712}h1{font-size:45px;line-height:1.1;letter-spacing:-2px;margin:15px 0 16px;font-weight:650}h1 span{color:#8f78ab}.studio-intro p:not(.eyebrow){color:#8b8296;font-size:13px;line-height:1.8}.intro-art{position:relative;width:250px;justify-self:center;height:170px;perspective:600px}.art-window{position:absolute;width:220px;height:135px;left:20px;top:10px;transform:rotate(-7deg);border-radius:12px;background:#fff;border:1px solid #e6deed;box-shadow:0 15px 30px #57436910;padding:14px;animation:window-float 7s ease-in-out infinite}.art-dots{display:flex;gap:4px}.art-dots i{width:4px;height:4px;border-radius:50%;background:#cbbce0}.art-lines{margin-top:25px;display:grid;gap:6px;width:100px}.art-lines span{height:7px;background:#e4d9f5;border-radius:2px}.art-lines span:first-child{width:85px;height:13px;background:#9273c8}.art-lines span:last-child{width:60px}.art-shape{position:absolute;right:20px;top:40px;font-size:65px;color:#aa8ddd;animation:shape-turn 16s linear infinite}.floating-pill{position:absolute;bottom:0;right:-12px;font-size:10px;font-weight:650;padding:12px 17px;border:1px solid #e8def0;border-radius:12px;background:#fff;box-shadow:0 8px 20px #74548c08;transform:rotate(3deg)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:24px}.mode-card{display:flex;align-items:center;text-align:left;gap:15px;padding:19px 22px;background:#fff;border:1px solid #e7e0ed;border-radius:14px;color:#5e546f;transition:background .25s,border .25s,transform .25s}.mode-card:hover{transform:translateY(-2px)}.mode-card.active{border-color:#bca2e3;background:linear-gradient(130deg,#fbf8ff,#f3edf9);box-shadow:0 3px 12px #6f409208}.mode-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ede3fa;color:#9370cf;font-size:25px}.mode-symbol.dark{background:#eeeaf1;color:#66616e}.mode-card strong{font-size:14px;display:block;color:#4c3e60}.mode-card small{display:block;color:#998da7;font-size:11px;margin-top:4px}.mode-check{margin-left:auto;width:21px;height:21px;border-radius:50%;border:1px solid #e3d8ef;color:transparent;text-align:center;font-size:12px}.active .mode-check{background:#9370ce;color:white;border-color:#9370ce}.builder-workspace{display:grid;grid-template-columns:425px minmax(0,1fr);border:1px solid #e4dfeb;background:white;border-radius:18px;overflow:hidden;min-height:735px;box-shadow:0 12px 40px #5c477408}.editor-pane{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:#fff}.step-nav{display:flex;gap:5px;padding:22px 25px 15px;border-bottom:1px solid #eee9f3}.step-nav button{flex:1;display:grid;place-items:center;gap:7px;background:transparent;color:#b6acbf;font-size:9px;white-space:nowrap;padding:3px}.step-nav button span{width:23px;height:23px;border-radius:50%;border:1px solid #e5deeb;display:grid;place-items:center;font-weight:650;font-size:10px}.step-nav button.active{color:#8863c3;font-weight:750}.step-nav button.active span{background:#9170ca;border-color:#9170ca;color:white}.step-nav button.done span{background:#f0e9f8;border-color:#e1d4ef;color:#9b7ac3}.editor-body{padding:27px 27px 20px;flex:1;min-height:520px}.editor-body>h2{font-size:22px;letter-spacing:-.7px;margin:0 0 8px;font-weight:650}.editor-body>.hint{margin:0 0 23px}.hint{color:#938a9f;font-size:11px;line-height:1.8}.fields{display:grid;gap:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.label-heading{font-weight:700;font-size:11px;color:#766789;text-transform:uppercase;letter-spacing:1px;margin:23px 0 12px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.template-card{text-align:left;background:white;border:1px solid #e7e1ed;border-radius:12px;padding:8px;transition:border .2s,box-shadow .2s;min-width:0}.template-card.selected{border:2px solid #a181d0;padding:7px;box-shadow:0 0 0 3px #a181d00c}.template-card strong{display:block;font-size:11px;margin:9px 4px 3px;color:#5d5070}.template-card small{font-size:8px;display:block;margin:0 4px 6px;color:#a299ad}.template-thumb{height:94px;border-radius:6px;background:#f7f2eb;overflow:hidden;position:relative;padding:10px}.template-thumb:before{content:'';display:block;width:55px;height:4px;background:#cdc1d4;border-radius:1px}.template-thumb:after{content:'Create.\A Inspire.';white-space:pre;display:block;margin-top:15px;font-size:15px;line-height:1.05;letter-spacing:-.6px;font-weight:650;color:#6e527e}.template-thumb .mini-orb{position:absolute;right:9px;top:25px;width:45px;height:50px;border-radius:50% 50% 8px 8px;background:linear-gradient(135deg,#dac9ec,#a187ba)}.template-thumb.portfolio{background:#edf4ef}.template-thumb.portfolio:after{content:'Hello.\A I’m a maker.';color:#356f61}.template-thumb.portfolio .mini-orb{background:linear-gradient(140deg,#a9d6c1,#55937b);border-radius:50%}.template-thumb.estate{background:#f1e8de}.template-thumb.estate:after{content:'A place\A to belong.';font-family:Georgia,serif;color:#966d4c}.template-thumb.estate .mini-orb{background:linear-gradient(150deg,#d2b89e,#a98461);border-radius:40px 40px 0 0}.template-thumb.cafe{background:#f8eae4}.template-thumb.cafe:after{content:'Good days\A start here.';font-family:Georgia,serif;color:#985f51}.template-thumb.cafe .mini-orb{background:linear-gradient(140deg,#e0aa90,#ac6f58)}.colors{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.swatch{width:26px;height:26px;border:3px solid white;box-shadow:0 0 0 1px #e7dfeb;border-radius:50%}.swatch.selected{box-shadow:0 0 0 2px #95819d}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.image-tile{position:relative;border:1px solid #e6dfec;padding:4px;border-radius:9px;background:white}.image-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.image-tile.selected{border:2px solid #a182cd}.file-label{position:relative;padding:20px 14px;border:1px dashed #d4c4e5;background:#fbf9ff;border-radius:12px;text-align:center;display:grid;gap:5px;color:#9b7cb7;font-size:11px;cursor:pointer}.file-label input{font-size:10px;padding:8px;border:0;min-height:35px;background:none}.feature-choice{padding:18px;border:1px solid #e3dcea;border-radius:12px;display:flex;gap:13px;align-items:flex-start;cursor:pointer;margin-bottom:12px}.feature-choice input{margin-top:3px;flex-shrink:0}.feature-choice strong{display:block;font-size:13px;font-weight:650;color:#5d4e71}.feature-choice small{font-size:11px;color:#9a8ba8;font-weight:400;display:block;line-height:1.7;margin-top:4px}.feature-choice:has(input:checked){background:#f8f3ff;border-color:#b99cd8}.info-box{background:#f5f1fa;color:#8f7aab;border-radius:10px;padding:15px;font-size:11px;line-height:1.8}.editor-footer{padding:18px 25px;border-top:1px solid #eee9f3;display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-footer>span{font-size:10px;color:#b0a4bc}.preview-pane{min-width:0;background:#f2f0f6;display:flex;flex-direction:column}.preview-toolbar{height:65px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e5e0eb;background:#faf9fc}.preview-toolbar>div:first-child{display:flex;gap:8px;align-items:center}.preview-toolbar strong{font-size:11px;font-weight:650;color:#82718f}.preview-toolbar small{font-size:10px;color:#b4a8c0}.device-controls{display:flex;gap:3px;background:#efebf4;padding:3px;border-radius:8px}.device-controls button{width:29px;height:26px;border-radius:5px;background:transparent;color:#b3a4c3;font-size:17px}.device-controls button.active{background:white;color:#9674bd;box-shadow:0 1px 5px #75618214}.preview-stage{padding:27px;flex:1;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;min-height:610px}.browser-frame{width:100%;border-radius:11px;overflow:hidden;background:white;border:1px solid #e3dbe9;box-shadow:0 12px 28px #5f467917;transition:width .4s cubic-bezier(.2,.7,.2,1);min-width:0}.browser-frame.mobile{width:375px;max-width:100%}.browser-frame.tablet{width:620px;max-width:100%}.browser-chrome{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:7px;color:#c5b9d0;background:#fcfaff;border-bottom:1px solid #eee7f3}.browser-chrome small{font-size:8px;color:#ab9ab7}iframe{border:0;width:100%;height:590px;display:block;background:#fff}.preview-caption{display:flex;gap:8px;padding:11px 20px 15px;align-items:center;font-size:10px;color:#a79ab6}.preview-caption>span{margin-right:auto}.builder-note{display:flex;gap:15px;padding:23px 9px;color:#a08cb5;max-width:760px}.builder-note>span{font-size:25px}.builder-note p{font-size:11px;margin:0;line-height:1.8}.builder-note strong{font-weight:650}.studio-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:#38294c;color:white;box-shadow:0 12px 30px #21143020;border-radius:13px;padding:13px 22px;max-width:90vw;font-size:12px;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s}.studio-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:1px solid #e2d8ec;border-radius:18px;padding:25px;width:500px;max-width:94vw;color:#5b496f;box-shadow:0 25px 80px #36234430}dialog::backdrop{background:#2d203e60;backdrop-filter:blur(4px)}dialog form{display:grid;gap:15px}dialog p{font-size:12px;line-height:1.8;color:#9784a8}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.dialog-heading h2{font-size:23px;letter-spacing:-.7px}.draft-row{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid #e8dfef;border-radius:10px;padding:13px;margin:12px 0}.draft-row small{display:block;color:#a99ab6;font-size:10px}.page-row,.section-row{display:flex;gap:6px;align-items:center;padding:7px;border:1px solid #eee6f5;border-radius:9px;margin-bottom:7px}.page-row.selected,.section-row.selected{border-color:#bba0dc;background:#faf6ff}.page-row>button:first-child,.section-row>button:first-child{flex:1;text-align:left;background:transparent;padding:9px;font-size:12px;color:#766088}.mini-button{background:#f6f1fb;color:#aa8ebd;border-radius:6px;padding:6px 8px;font-size:11px;min-height:31px}.section-tools{display:flex;gap:3px}.pro-tabs{display:flex;gap:5px;margin:0 0 20px}.pro-tabs button{flex:1;background:#f7f3fb;color:#a48eb9;border-radius:7px;font-size:10px;padding:9px 5px}.pro-tabs button.active{background:#e9dff6;color:#8561b3}.section-editor{padding:16px;background:#fcfaff;border:1px solid #eee6f4;border-radius:12px;margin-top:17px;display:grid;gap:12px}.section-editor h3{margin:0;font-size:13px;color:#7d638f}.item-editor{padding:12px;border:1px solid #e8ddf2;border-radius:10px;display:grid;gap:10px}.item-editor-header{display:flex;align-items:center;justify-content:space-between}.item-editor-header strong{font-size:11px}.summary-row{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:12px 0;border-bottom:1px solid #eee6f4;color:#9783ab}.summary-row strong{color:#715789;font-weight:650}.review-actions{display:grid;gap:10px;margin-top:20px}.review-actions .quiet{border:1px solid #e0d4ec;min-height:42px}.status-chip{font-size:9px;color:#9779b4;background:#efe6f9;padding:4px 7px;border-radius:5px}.mobile-tabs{display:none}.empty-state{padding:18px;border:1px dashed #ddccea;border-radius:10px;font-size:12px;color:#a28bb7}.hidden{display:none!important}@keyframes window-float{50%{transform:rotate(-4deg) translateY(-7px)}}@keyframes shape-turn{to{transform:rotate(360deg)}}@keyframes editor-enter{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}.editor-body{animation:editor-enter .25s ease}@media(min-width:1700px){.builder-workspace{grid-template-columns:460px minmax(0,1fr)}iframe{height:660px}}@media(max-width:1120px){.builder-workspace{grid-template-columns:365px minmax(0,1fr)}.editor-body{padding:24px 21px}.preview-stage{padding:16px}.studio-intro{grid-template-columns:1fr 250px}.preview-toolbar{padding:0 15px}.preview-toolbar small{display:none}}@media(max-width:800px){main{padding:0 18px 30px}.studio-header{padding:0 19px;height:66px}.studio-brand strong{font-size:17px}.header-actions{gap:3px}.header-actions>span{display:none}.header-actions .avatar{display:none}.studio-intro{grid-template-columns:1fr;padding:30px 2px 22px}.studio-intro h1{font-size:35px}.intro-art{display:none}.mode-grid{gap:9px;margin-bottom:17px}.mode-card{padding:13px 11px;gap:8px;align-items:flex-start}.mode-card strong{font-size:11px}.mode-card small{font-size:9px;line-height:1.5}.mode-symbol{width:30px;height:30px;font-size:20px;flex-shrink:0}.mode-check{display:none}.mobile-tabs{display:flex;gap:5px;padding:5px;background:#eee7f6;border-radius:10px;margin-bottom:12px}.mobile-tabs button{width:50%;border-radius:7px;padding:10px;background:transparent;color:#a087b5;font-size:12px}.mobile-tabs button.active{background:white;color:#8764b6;box-shadow:0 2px 8px #67517b10}.builder-workspace{display:block;min-height:0;border-radius:13px}.editor-pane{border:0}.preview-pane{display:none}.builder-workspace.show-preview .editor-pane{display:none}.builder-workspace.show-preview .preview-pane{display:flex}.editor-body{min-height:460px;padding:23px}.step-nav{padding:18px 20px 12px}.editor-footer{padding:15px 20px}.preview-stage{min-height:0;padding:12px;overflow:auto}.preview-toolbar{height:55px}.preview-toolbar strong{font-size:10px}iframe{height:610px}.preview-caption{flex-wrap:wrap;padding:12px;font-size:9px}.preview-caption>span{width:100%}.builder-note{padding:20px 5px}.studio-toast{bottom:15px;width:max-content}.quiet,.mini-button{min-height:40px}.pro-tabs button{min-height:40px}.device-controls button{height:34px;width:32px}.row{gap:10px}.template-thumb{height:105px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.editor-body{min-height:520px;max-height:640px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.editor-footer{flex-shrink:0}.preview-pane{min-width:0}@media(max-width:700px){.editor-body{min-height:390px;max-height:65vh}}
.intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.intent-card{text-align:left;border:1px solid #e6dfed;border-radius:13px;padding:14px;background:#fff;transition:transform .2s,border-color .2s}.intent-card:hover{transform:translateY(-2px)}.intent-card.active{border-color:#b69adf;background:#f7f1ff}.intent-card strong,.intent-card small{display:block}.intent-card strong{font-size:12px;margin-top:6px}.intent-card small{font-size:10px;color:#94849f;margin-top:4px}.intent-icon{font-size:20px;color:#8f6dc9}.optional-fields{border:1px solid #e9e2ef;border-radius:12px;padding:14px;margin-top:15px}.optional-fields summary{cursor:pointer;color:#857093;font-size:12px}.optional-fields[open] summary{margin-bottom:15px}.optional-fields label{margin-bottom:12px}[hidden]{display:none!important}.editor-body>label{margin-top:13px}.preview-selector{display:flex;gap:5px;margin-right:10px}.preview-selector button{border:1px solid #e5ddeb;background:transparent;border-radius:7px;padding:6px 9px;font-size:10px;color:#887996}.preview-selector button.active{background:#fff;color:#7651ab}.guide-tip{background:#f6f0fc;border:1px solid #e9ddf6;border-radius:11px;padding:12px 14px;margin:15px 0;color:#8a769c;font-size:11px}.launch-checklist{display:grid;gap:8px;margin:17px 0}.launch-checklist div{display:flex;gap:9px;align-items:center;color:#7c6c8d;font-size:11px}.launch-checklist .check{color:#6d997f}.preview-toolbar{height:auto;min-height:63px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:9px}@media(max-width:700px){.preview-selector{order:3;width:100%;margin:0}.preview-selector button{flex:1;min-height:36px}.intent-card{padding:13px}.intent-card strong{font-size:11px}}

.logo-editor{border:1px solid #ded8e8;border-radius:16px;padding:18px;margin:18px 0;background:#faf8ff}.logo-editor>img{max-width:180px;height:70px;object-fit:contain;margin:12px 0}

/* Clear controls and measured preview canvases. */
.hint,.studio-intro p:not(.eyebrow),.mode-card small,.intent-card small{color:#756c82}
.preview-toolbar{display:grid;grid-template-columns:1fr auto;padding:15px 20px;gap:13px}
.preview-toolbar>div:first-child{min-width:0;flex-wrap:wrap}.preview-toolbar strong{color:#675575}
.preview-selector{margin:0}.preview-selector button{min-height:38px;color:#6c587c;font-size:11px;padding:8px 12px}
.device-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;background:#eae4f2;border:1px solid #dfd5e9;border-radius:12px}
.device-controls button{width:auto;height:auto;min-height:44px;display:flex;gap:8px;align-items:center;justify-content:center;padding:9px 12px;font-size:12px;font-weight:650;color:#746582;border-radius:8px}
.device-controls button.active{color:#64449b;background:#fff;box-shadow:0 2px 8px #55416e18}
.device-controls svg{flex-shrink:0}.preview-stage{display:block;min-height:0;padding:22px;overflow:hidden}
.preview-fit{position:relative;margin:0 auto;flex-shrink:0}.browser-frame{position:absolute;left:0;top:0;transform-origin:top left;transition:none;border-radius:14px}
.browser-frame iframe{height:780px}.browser-chrome{height:36px;font-size:10px}.browser-chrome small{font-size:11px}
.preview-caption{font-size:11px;color:#756783}.quiet{color:#695a78;min-height:44px}.mini-button{color:#765987;min-width:36px;min-height:36px}
.step-nav button{min-height:49px;color:#81748d;font-size:10px}.step-nav button.active{color:#6c489f}.step-nav button.active small{font-weight:700}
.template-card strong{font-size:13px;color:#4d405d}.template-card small{font-size:10px;line-height:1.6;color:#786b85}.template-thumb{height:118px;padding:13px;background:#eee8f7}
.template-thumb:before,.template-thumb:after{display:none}.template-thumb .thumb-brand{display:block;font-size:8px;font-weight:650;letter-spacing:1px;color:#79658f}
.template-thumb .thumb-title{position:relative;z-index:1;max-width:92px;font-size:16px;line-height:1.13;letter-spacing:-.6px;margin:16px 0 0;font-weight:700;color:#4e3d68}
.template-thumb .mini-orb{width:45px;height:62px;right:12px;top:36px}
.template-thumb.midnight{background:#152039}.template-thumb.midnight .thumb-title,.template-thumb.midnight .thumb-brand{color:#e5ecff}.template-thumb.midnight .mini-orb{background:linear-gradient(135deg,#91aaf5,#364787);border-radius:12px}
.template-thumb.editorial{background:#efebe2}.template-thumb.editorial .thumb-title{font-family:Georgia,serif;color:#66513d;font-weight:400}.template-thumb.editorial .mini-orb{border-radius:2px;background:linear-gradient(135deg,#d3bba4,#79614b)}
.template-thumb.coast{background:#e3f0ec}.template-thumb.coast .thumb-title{color:#255d61}.template-thumb.coast .mini-orb{background:linear-gradient(135deg,#a8d2c7,#518d90);border-radius:60px 60px 12px 12px}
.template-thumb.bold{background:#f8e0e7}.template-thumb.bold .thumb-title{color:#883752;font-weight:850}.template-thumb.bold .mini-orb{background:linear-gradient(135deg,#ec9bb3,#b83f6b);transform:rotate(8deg);border-radius:10px 24px 10px 10px}
.font-specimen{border:1px solid #e4dbea;background:#faf7fd;border-radius:12px;padding:18px;margin:12px 0 18px}.font-specimen strong{display:block;font-size:21px;line-height:1.3;color:#51405f}.font-specimen small{display:block;font-size:11px;color:#7c6b8e;margin-top:10px}
.swatch{width:40px;height:40px;border-width:6px}.check-label{min-height:44px;margin-top:14px}.link-checks{border:1px solid #e5cda2;background:#fff9ed;padding:15px;border-radius:12px;margin:16px 0}.link-checks h3{font-size:13px;margin:0 0 8px;color:#866333}.link-checks button{display:block;text-align:left;color:#795b32;background:transparent;min-height:44px;font-size:12px}
.mode-card,.intent-card{min-width:0}.section-tools{flex-shrink:0}.section-row>button:first-child{min-width:0;overflow-wrap:anywhere}.file-label input{max-width:100%}
@media(max-width:1120px){.preview-toolbar{padding:14px}.preview-toolbar #preview-measure{display:inline;font-size:10px}.preview-selector button{padding:8px}.preview-stage{padding:16px}.device-controls button{font-size:11px;padding:9px 7px}}
@media(max-width:800px){
 main{padding:0 14px 25px}.studio-header{padding:0 15px}.studio-brand small{font-size:8px;padding:3px 5px}.header-actions .avatar{display:grid;min-width:40px;min-height:40px}.header-actions .quiet{padding:9px;font-size:11px}
 .studio-intro{padding:25px 3px 20px}.studio-intro h1{font-size:32px;line-height:1.16}.studio-intro p:not(.eyebrow){font-size:12px}.mode-card{padding:14px 11px;gap:9px}.mode-card strong{font-size:12px}.mode-card small{font-size:10px}.mode-symbol{width:29px;height:29px}.mode-grid{gap:8px}
 .mobile-tabs{position:sticky;top:0;z-index:20;background:#e9e1f3;border:1px solid #dbcee9;padding:5px}.mobile-tabs button{min-height:44px;font-size:13px;color:#756186}.mobile-tabs button.active{color:#61418f}
 .editor-body{min-height:0;max-height:none;overflow:visible;padding:22px 18px}.editor-footer{position:sticky;bottom:0;z-index:10;background:#fffffff2;backdrop-filter:blur(14px);padding:12px 16px;box-shadow:0 -5px 20px #68528407}.editor-footer .primary{min-height:46px}.editor-footer>span{color:#786982}
 .step-nav{padding:16px 12px 12px}.step-nav button small{font-size:9px}.template-grid{gap:11px}.template-thumb{height:125px}.template-card small{font-size:9px}
 .preview-toolbar{grid-template-columns:1fr auto;padding:14px 12px;min-height:0;height:auto;gap:12px}.preview-toolbar>div:first-child{gap:7px}.preview-toolbar strong{font-size:11px}.preview-selector{order:0;width:auto}.preview-selector button{flex:none;font-size:10px;min-height:38px;padding:7px 8px}.device-controls button{font-size:11px;gap:6px;min-height:44px}.preview-stage{padding:12px}.preview-caption>span{width:auto;flex:1;min-width:160px}.preview-caption{gap:4px;padding:12px}.preview-caption button{padding:8px;font-size:11px}
 .pro-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pro-tabs button{font-size:11px;min-height:44px}.pro-tabs button.active{color:#63408f}.section-row{flex-wrap:wrap}.section-row>button:first-child{flex-basis:100px}.section-tools{margin-left:auto}.row{grid-template-columns:1fr}.draft-row{flex-wrap:wrap}.draft-row>div{width:100%}dialog{padding:21px;max-height:88vh;overflow-y:auto}
}
@media(max-width:360px){.studio-brand{gap:5px}.studio-brand strong{font-size:15px}.studio-brand small{display:none}.mode-symbol{display:none}.studio-intro h1{font-size:29px}.device-controls button{font-size:10px;gap:4px;padding:8px 4px}.intent-grid{grid-template-columns:1fr}.editor-footer{gap:6px;padding:10px}.editor-footer .primary{padding:10px 12px}.preview-selector button{font-size:9px;padding:7px 6px}}

.page-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.page-shortcuts .quiet{border:1px solid #e4dbea;background:#faf7ff;font-size:11px}

.item-editor{display:block}.item-editor[open]{display:grid}.item-editor-header{cursor:pointer;min-height:44px;gap:8px}.item-editor-header:after{content:"＋";color:#86649f}.item-editor[open]>.item-editor-header:after{content:"−"}.item-editor-header strong{font-size:12px;overflow-wrap:anywhere}#workspace{scroll-margin-top:68px}

.studio-brand strong{color:#7756cc}.studio-brand strong span{font-family:Georgia,serif;font-style:italic;font-size:1.12em;font-weight:600}.studio-services{display:flex;align-items:center;gap:20px;font-size:12px;color:#6d637e}.studio-services a{white-space:nowrap;padding:10px 0}.studio-services a:hover{color:#7756cc}.studio-header{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}@media(max-width:1050px){.studio-services{order:3;flex-basis:100%;justify-content:center;gap:24px}}@media(max-width:600px){.studio-header{height:auto;min-height:64px;gap:8px}.studio-services{justify-content:flex-start;gap:20px;overflow-x:auto;font-size:11px;max-width:100%;min-width:0}.studio-brand strong{font-size:18px}.studio-services a{padding:8px 0}}