:root{color-scheme:light;color:#26221e;background:#ded7c9;font-family:Songti SC,STSong,Noto Serif CJK SC,Georgia,serif}*{box-sizing:border-box}body{background:linear-gradient(90deg,#3a312809 1px,#0000 1px) 0 0/23px 23px,#ded7c9;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}.studio{width:min(1500px,100%);margin:0 auto;padding:30px 34px 44px}.masthead{border-bottom:1px solid #2d251f40;justify-content:space-between;align-items:end;padding:0 0 24px;display:flex}.brand{align-items:center;gap:16px;display:flex}.seal{color:#f0e8d8;outline-offset:-5px;background:#9d3025;border:2px solid #9d3025;outline:1px solid #f0e8d8b3;place-items:center;width:56px;height:56px;font-size:29px;line-height:1;display:grid}.brand p{letter-spacing:.2em;color:#776b5e;margin:0 0 4px;font:600 10px/1.2 ui-monospace,SFMono-Regular,monospace}.brand h1{letter-spacing:.12em;margin:0;font-size:clamp(24px,3vw,38px);font-weight:500}.intro{color:#827567;letter-spacing:.32em;margin:0 0 6px;font-size:13px}.workspace{grid-template-columns:340px minmax(0,1fr);gap:34px;padding-top:30px;display:grid}.controls{padding:2px 0}.section-heading{align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-heading span{color:#a4372b;border:1px solid #a4372b;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.section-heading h2{letter-spacing:.16em;margin:0;font-size:17px;font-weight:600}.text-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}textarea{resize:vertical;color:#2c2722;background:#f6f2e98c;border:1px solid #352d2657;border-radius:0;outline:0;width:100%;height:210px;padding:17px 18px;font-size:16px;line-height:1.75;display:block;box-shadow:inset 3px 0 #a4372b}textarea:focus{background:#f8f4ece0;border-color:#8e2e24}.text-meta{color:#766a5e;justify-content:space-between;align-items:center;margin-top:7px;font:11px/1.4 ui-monospace,SFMono-Regular,monospace;display:flex}.text-meta button{color:#8e2e24;cursor:pointer;background:0 0;border:0;padding:2px 0}.settings-title{margin-top:27px}.sliders{gap:15px;display:grid}.sliders label{grid-template-columns:80px 1fr;align-items:center;gap:12px;font-size:13px;display:grid}.sliders label>span{justify-content:space-between;display:flex}output{color:#8f3026;font:12px/1 ui-monospace,SFMono-Regular,monospace}input[type=range]{appearance:none;background:#a79b8c;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#9d3025;border:2px solid #ded7c9;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #9d3025}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.choice-grid label>span{color:#695e53;letter-spacing:.08em;margin-bottom:7px;font-size:12px;display:block}select{color:#302a25;background:#e8e1d4;border:1px solid #a99d8e;border-radius:0;outline:0;width:100%;padding:10px 28px 10px 10px}select:focus{border-color:#963329}.toggles{gap:18px;margin:20px 0 22px;display:flex}.toggles label{color:#544c44;cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.toggles input{opacity:0;position:absolute}.toggles label span{background:0 0;border:1px solid #887b6d;width:14px;height:14px}.toggles input:checked+span{background:#9d3025;box-shadow:inset 0 0 0 3px #ded7c9}.export{color:#f2eadb;cursor:pointer;background:#27231f;border:0;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;transition:transform .16s,background .16s;display:flex}.export:hover{background:#9d3025;transform:translateY(-1px)}.export span{letter-spacing:.14em;font-size:15px}.export small{color:inherit;opacity:.65;letter-spacing:.08em;font:10px/1 ui-monospace,SFMono-Regular,monospace}.status{color:#933027;min-height:20px;margin:8px 0 0;font-size:12px}.preview{min-width:0}.preview-bar{color:#73685d;letter-spacing:.1em;justify-content:space-between;margin-bottom:11px;font-size:12px;display:flex}.preview-bar div{align-items:center;gap:8px;display:flex}.preview-bar i{background:#9d3025;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 0 3px #9d302529}.preview-bar .warning{color:#9d3025;font-weight:600}.canvas-shell{background:#3a3530;place-items:center;min-height:680px;padding:32px;display:grid;overflow:hidden;box-shadow:inset 0 0 60px #0000003d}canvas{background:#eee7d8;width:auto;max-width:100%;max-height:680px;display:block;box-shadow:0 12px 30px #120e0b59}.tip{text-align:center;color:#786d61;letter-spacing:.14em;margin:10px 0 0;font-size:11px}@media (width<=860px){.studio{padding:22px 18px 32px}.workspace{grid-template-columns:1fr;gap:26px}.controls{max-width:none}textarea{height:170px}.canvas-shell{min-height:460px;padding:18px}canvas{max-height:72vh}}@media (width<=500px){.masthead{align-items:center}.intro{display:none}.brand{gap:11px}.seal{width:46px;height:46px;font-size:24px}.brand h1{font-size:23px}.choice-grid{grid-template-columns:1fr}.canvas-shell{min-height:390px;padding:13px}.toggles{justify-content:space-between}}