/* Shared content editing; independent of the two output layout prototypes. */
.text-editor{border-top:1px solid #ddd;padding:24px 0}.text-editor h3{margin-bottom:10px}.text-editor>input{max-width:520px}.text-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.text-editor-fields textarea{min-height:100px}.palette-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:start;border-bottom:1px solid #ddd;padding-bottom:18px;margin-bottom:18px}.palette-row>i{margin-top:29px;width:28px;height:28px}.palette-row>button{margin-top:24px}.palette-fields{display:grid;grid-template-columns:minmax(80px,.7fr) minmax(100px,1fr);gap:10px}.palette-fields label{font-size:12px;margin:0;display:flex;flex-direction:column;gap:5px}.palette-fields label:last-child{grid-column:1/-1}.palette-fields input{font:14px Jost,Arial,sans-serif}.palette-fields [data-field=hex]{font-family:monospace}.asset-editor-grid h3{margin-bottom:12px}
/* Prototype controls are shown only with an explicit output query parameter. */
.output-options{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:8px 14px;min-height:58px;padding:10px 24px;background:#171717;color:#fff;font-size:13px;border-bottom:1px solid #484848}.output-options>span{font-size:10px;font-weight:600;letter-spacing:1.4px;margin-right:10px}.output-options a{padding:7px 12px;border:1px solid #666;text-decoration:none;border-radius:2px;white-space:nowrap}.output-options a[aria-current]{background:#f7e9a0;border-color:#f7e9a0;color:#171717}.output-options small{color:#ccc;font-size:11px;margin-left:10px}
body[data-output] #preview{display:block;height:900px;border:0;margin:24px 0 0;overflow:hidden}body[data-output] #result{scroll-margin-top:90px}body[data-output] #kitEditor{scroll-margin-top:150px}body[data-output] #resultTitle{outline:none}body[data-output] .section-head .eyebrow{color:#2852b7}
/* 1: the builder gives way to an unboxed, full-height asset page. */
body[data-output=inline] #result{padding-top:30px}body[data-output=inline] #preview{box-shadow:0 0 0 1px #d9d7d0}body[data-output=inline] #result>details:last-child{padding:14px 0}
/* 2: return directly to the kit, with a compact persistent tool strip. */
body[data-output=page].output-ready>header,body[data-output=page].output-ready main>.intro,body[data-output=page].output-ready .extract-hero,body[data-output=page].output-ready .steps-heading,body[data-output=page].output-ready .steps,body[data-output=page].output-ready #examples{display:none}
body[data-output=page].output-ready main{max-width:none;padding:0}body[data-output=page].output-ready #result{border:0;margin:0;padding:0;scroll-margin-top:58px}body[data-output=page].output-ready .section-head{position:sticky;top:58px;z-index:20;background:#f4f1e9;border-bottom:1px solid #ccc9c1;padding:18px max(24px,calc((100% - 1080px)/2));gap:20px}body[data-output=page].output-ready .section-head h2{font-size:23px;letter-spacing:-.5px;margin:4px 0}body[data-output=page].output-ready .section-head .eyebrow{font-size:9px;letter-spacing:1.3px}body[data-output=page].output-ready .kit-actions{flex-wrap:nowrap;gap:8px}body[data-output=page].output-ready .kit-actions>*{white-space:nowrap;padding:10px 14px;font-size:13px}body[data-output=page].output-ready #startAgain{border-color:transparent;text-decoration:underline;text-underline-offset:4px}body[data-output=page].output-ready #preview{margin:0}body[data-output=page].output-ready #kitEditor{max-width:1080px;margin:24px auto}body[data-output=page].output-ready #kitEditor:not([open]){display:none}body[data-output=page].output-ready #result>details:last-child{max-width:1080px;margin:0 auto;padding:24px 20px;border-top:1px solid #d1cec5}body[data-output=page].output-ready footer{max-width:1080px;margin:0 auto;padding:24px 20px}
@media(max-width:750px){.output-options{flex-wrap:wrap;padding:10px 12px;gap:8px;position:relative}.output-options>span{flex-basis:100%;text-align:center}.output-options small{display:none}.text-editor-fields{grid-template-columns:1fr;gap:0}body[data-output=page].output-ready .section-head{top:0;position:relative;flex-direction:column;gap:12px;padding:20px}body[data-output=page].output-ready .kit-actions{width:100%;flex-wrap:wrap}body[data-output=page].output-ready .kit-actions>*{flex:1}body[data-output=page].output-ready #startAgain{flex-basis:100%;order:3;min-height:34px;padding:4px}.palette-row{grid-template-columns:24px minmax(0,1fr);gap:8px}.palette-row>button{grid-column:2;justify-self:start;margin-top:0;min-height:36px}.palette-row>i{width:24px;height:24px}.palette-fields{grid-template-columns:minmax(70px,.7fr) minmax(100px,1fr)}body[data-output=page].output-ready #kitEditor{margin:16px}}
.section-head>div:first-child{min-width:0}#resultTitle{overflow-wrap:anywhere}
.page-feedback{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);z-index:100;padding:12px 18px;background:#171717;color:white;border:1px solid #777;font-size:14px;box-shadow:0 4px 20px #0002;margin:0}