:root{--cream:#fdf9f3;--paper:#fff;--ink:#1a1814;--muted:#6b645c;--faint:#a39b90;--hair:#e7decf;--hair-soft:#f1eadf;--grad:linear-gradient(120deg, #ff1f1f, #ff8a00 55%, #b8860b);--st-drafted:#b8860b;--st-scheduled:#ff8a00;--st-posted:#1a1814;--st-failed:#9b2c2c;--radius:10px;--b-ai:#3f7cac;--b-biz:#b8860b;--b-la:#5b8c5a;--b-church:#8a7a6a;--b-sotu:#e4572e}*{box-sizing:border-box}html,body{background:var(--cream);color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font:14px/1.45 Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}.hidden{display:none!important}.wrap{max-width:1440px;margin:0 auto;padding:32px 32px 64px}.top{justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{height:26px;display:block}.io{color:var(--muted);align-items:center;gap:18px;font-size:13px;display:flex}.io button:hover,.io label:hover,.io a:hover{color:var(--ink)}.io label{cursor:pointer}.io a{text-decoration:none}.userchip{color:var(--muted);border:1px solid var(--hair);background:var(--paper);border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:13px;display:inline-flex}.userchip i{background:var(--grad);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;font-weight:600;display:grid}h1{letter-spacing:-.03em;margin:36px 0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:600;line-height:1.05}.accent{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:4px;font-family:Playfair Display,serif;font-style:italic;font-weight:500}.sub{color:var(--muted);margin:0}.tabs{border-bottom:1px solid var(--hair);gap:28px;margin:28px 0 0;display:flex;overflow-x:auto}.tabs a,.tabs button{color:var(--faint);white-space:nowrap;padding:10px 0 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;position:relative}.tabs a:hover,.tabs button:hover,.tabs a.on,.tabs button.on{color:var(--ink)}.tabs a.on:after,.tabs button.on:after{content:"";background:var(--ink);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs .count{color:var(--faint);margin-left:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.stats{border-bottom:1px solid var(--hair);grid-template-columns:2fr 1fr 1fr 1fr;margin:24px 0;display:grid}.stat{border-left:1px solid var(--hair);min-width:0;padding:4px 20px 18px}.stat:first-child{border-left:0;padding-left:0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.num{letter-spacing:-.02em;margin-top:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:600}.num small{color:var(--faint);font-size:15px;font-weight:500}.bar{background:var(--hair-soft);border-radius:3px;height:3px;margin-top:10px;position:relative;overflow:hidden}.bar i{background:var(--grad);border-radius:3px;position:absolute;inset:0 auto 0 0}.bar b{background:var(--ink);border-radius:3px;position:absolute;inset:0 auto 0 0}.note{color:var(--muted);margin-top:6px;font-size:12px}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 14px;display:flex}.left,.right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.weeknav{align-items:center;gap:6px;display:flex}.weeknav .label{text-align:center;min-width:170px;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:600}.icon-btn{width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--hair-soft);color:var(--ink)}.icon-btn:disabled{opacity:.3;cursor:default}.pill-btn{border:1px solid var(--hair);color:var(--muted);background:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;text-decoration:none;display:inline-flex}.pill-btn:hover{color:var(--ink);border-color:var(--faint)}.pill-btn:disabled{opacity:.5;cursor:default}.pill-btn.warn{color:#8a5a00;background:#fff8ef;border-color:#f3d9b8}.primary{background:var(--ink);color:var(--cream);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 15px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.primary:hover{background:#000}.primary:disabled{background:var(--hair);color:var(--faint);cursor:default}.seg{background:var(--hair-soft);border-radius:8px;padding:2px;display:flex}.seg button{color:var(--muted);white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:13px}.seg button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #1a181414}.toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.toggle input{display:none}.toggle .sw{background:var(--hair);border-radius:16px;width:28px;height:16px;transition:background .15s;position:relative}.toggle .sw:after{content:"";background:var(--paper);border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.sw{background:var(--ink)}.toggle input:checked+.sw:after{transform:translate(12px)}.search{border:1px solid var(--hair);background:var(--paper);border-radius:999px;outline:none;width:220px;padding:6px 14px;font-size:13px}.search:focus{border-color:var(--ink)}.lanechips{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.lanechips button{border:1px solid var(--hair);color:var(--muted);background:var(--paper);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;display:inline-flex}.lanechips button.on{border-color:var(--ink);color:var(--ink)}.ld{border-radius:2px;flex:none;width:7px;height:7px;display:inline-block}.pgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.pcard{background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius);text-align:left;flex-direction:column;min-width:0;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.pcard:hover{border-color:var(--faint);box-shadow:0 4px 16px #1a18140d}.pcard.sel{border-color:var(--ink)}.pcard .thumb{aspect-ratio:1;background:var(--hair-soft) center / cover no-repeat;border-bottom:1px solid var(--hair-soft)}.pcard .strip-top{height:3px}.pcard .pb{cursor:pointer;flex-direction:column;flex:1;gap:6px;padding:12px 14px;display:flex}.pcard .meta{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);align-items:center;gap:6px;padding-right:28px;font-size:10.5px;font-weight:600;display:flex}.pcard h3{letter-spacing:-.01em;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;line-height:1.3}.pcard .cap{color:var(--muted);-webkit-line-clamp:4;white-space:pre-line;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.pcard .cap.empty{color:var(--faint);font-style:italic}.pcard .pf{color:var(--faint);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:11.5px;display:flex}.acc{flex-wrap:wrap;gap:3px;display:flex}.acc span{letter-spacing:.04em;background:var(--hair-soft);color:var(--muted);border-radius:4px;padding:1px 5px;font-size:10px}.acc span.rw{background:#fff1e0}.badge{color:var(--ink);white-space:nowrap;font-size:11px}.star{width:30px;height:30px;color:var(--faint);z-index:2;background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #1a18141f}.star:hover{color:var(--ink)}.star.on{color:#ff8a00}.pcard.textonly .star{top:10px}.empty-state{text-align:center;color:var(--muted);border:1px dashed var(--hair);border-radius:var(--radius);padding:60px 20px}.wstrip{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;margin-bottom:16px;display:grid}.wstrip button{border-radius:4px;height:22px;position:relative}.wstrip button span{background:var(--hair);border-radius:4px;height:4px;position:absolute;bottom:8px;left:0;right:0;overflow:hidden}.wstrip button span i{background:var(--faint);position:absolute;inset:0 auto 0 0}.wstrip button span b{background:var(--ink);position:absolute;inset:0 auto 0 0}.wstrip button.cur span{outline:1px solid var(--faint);outline-offset:1px;height:6px;bottom:7px}.grid-wrap{background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius);overflow-x:auto}table.cal{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1040px}table.cal th,table.cal td{text-align:left;vertical-align:top}.grp th{padding:14px 12px 2px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600}.grp th.g,.plat th.g{border-left:1px solid var(--hair)}.plat th{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--hair);padding:0 12px 10px;font-size:11px;font-weight:500}col.daycol{width:150px}col.stcol{width:110px}table.cal tbody td{border-bottom:1px solid var(--hair-soft);height:104px;padding:0}table.cal tbody tr:last-child td{border-bottom:0}td.g{border-left:1px solid var(--hair)}.dayhead{padding:12px 14px 12px 16px;position:relative}.dayhead .dn{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600}.dayhead .dt{color:var(--muted);margin-left:6px;font-size:13px}.dayhead .dc{color:var(--faint);margin-top:4px;font-size:12px}.dayhead .dc.ok{color:var(--muted)}tr.today .dayhead:before{content:"";background:var(--grad);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}tr.out td{background:repeating-linear-gradient(135deg,#0000 0 6px,#e7decf59 6px 7px)}tr.out .dn,tr.out .dt{color:var(--faint)}.cell{text-align:left;flex-direction:column;width:100%;height:100%;min-height:104px;padding:10px 12px 10px 14px;transition:opacity .12s,background .12s;display:flex;position:relative}.cell:before{content:"";background:var(--lane,transparent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.cell:hover{background:var(--cream)}.cell .f{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding-right:12px;font-size:10.5px;font-weight:600}.cell .t{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.cell .dot{border:1px solid var(--faint);border-radius:50%;width:7px;height:7px;position:absolute;top:12px;right:10px}.cell .x6{color:var(--faint);margin-top:3px;font-size:11px}.cell.off .plus{color:#0000;margin:auto;font-size:18px;font-weight:300}.cell.off:hover .plus{color:var(--faint)}.cell.skipped .t{color:var(--faint);text-decoration:line-through}.cell.other{cursor:default;opacity:.75}.cell.other .t{color:var(--muted);font-style:italic}.cell.sel{box-shadow:inset 0 0 0 1.5px var(--ink);background:var(--cream)}table.focus .cell:not(.hl){opacity:.25}table.focus .cell.hl{background:var(--cream)}.nocell{min-height:104px;display:block}.dot{border:1px solid var(--faint);border-radius:50%;width:7px;height:7px;display:inline-block}.dot.drafted{background:var(--st-drafted);border-color:var(--st-drafted)}.dot.scheduled{background:var(--st-scheduled);border-color:var(--st-scheduled)}.dot.posted{background:var(--st-posted);border-color:var(--st-posted)}.dot.failed{background:var(--st-failed);border-color:var(--st-failed)}.dot.skipped{background:var(--hair);border-color:var(--hair)}.foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:14px;font-size:12px;display:flex}.legend{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.scrim{opacity:0;pointer-events:none;z-index:10;background:#1a181414;transition:opacity .18s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.drawer{background:var(--paper);border-left:1px solid var(--hair);z-index:11;flex-direction:column;width:520px;max-width:100vw;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 32px #1a18140f}.drawer.open{transform:none}.dr-head{border-bottom:1px solid var(--hair-soft);justify-content:space-between;gap:12px;padding:22px 24px 16px;display:flex}.dr-head h2{letter-spacing:-.02em;margin:4px 0 2px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:600}.dr-head .when{color:var(--muted);font-size:13px}.dr-body{flex:1;padding:4px 24px 24px;overflow-y:auto}.section{border-bottom:1px solid var(--hair-soft);flex-direction:column;gap:14px;padding:16px 0;display:flex}.section:last-child{border-bottom:0}.field .eyebrow{margin-bottom:6px;display:block}.field input,.field textarea,.field select{border:1px solid var(--hair);background:var(--paper);resize:vertical;border-radius:8px;outline:none;width:100%;padding:8px 10px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink)}.field textarea{min-height:64px}.field textarea.big{min-height:220px;line-height:1.5}.field .title-input{font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--hair);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;display:inline-flex}.chips button:hover{border-color:var(--faint);color:var(--ink)}.chips button.on{border-color:var(--ink);color:var(--ink);background:var(--cream)}.hint{color:var(--faint);margin-top:5px;font-size:12px}.srcbox{color:var(--muted);background:var(--cream);border-radius:8px;padding:10px 12px;font-size:12px}.srcbox q{font-style:italic}.srcbox code{color:var(--faint);word-break:break-all;margin-top:3px;font-size:11px;display:block}.flag{color:#8a5a00;font-size:12.5px}.preview{grid-template-columns:96px 1fr;align-items:start;gap:12px;display:grid}.preview .thumb{aspect-ratio:1;background:var(--hair-soft) center / cover no-repeat;border-radius:8px;width:96px}.preview h3{margin:0 0 6px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;line-height:1.3}.preview p{color:var(--muted);white-space:pre-line;-webkit-line-clamp:8;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.runs{flex-direction:column;display:flex}.runs button{text-align:left;border-radius:6px;grid-template-columns:96px 1fr auto;align-items:center;gap:10px;margin:0 -8px;padding:6px 8px;font-size:13px;display:grid}.runs button:hover{background:var(--cream)}.runs button.cur{background:var(--hair-soft)}.runs .rd{color:var(--muted)}.list{flex-direction:column;gap:6px;display:flex}.item{text-align:left;border:1px solid var(--hair);border-radius:8px;grid-template-columns:1fr auto;align-items:start;gap:10px;padding:10px 12px;font-size:13px;display:grid}.item:hover{border-color:var(--faint)}.item b{font-weight:600;display:block}.item span{color:var(--muted);font-size:12px}.item em{color:var(--faint);font-size:11px;font-style:normal}.item input[type=checkbox]{accent-color:#1a1814;margin-top:3px}.item .acts{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.danger{color:#9b2c2c}.dr-foot{border-top:1px solid var(--hair-soft);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;font-size:13px;display:flex}.dr-foot button:hover{color:var(--ink)}.dr-foot .step{align-items:center;gap:14px;display:flex}.toast{background:var(--ink);color:var(--cream);opacity:0;pointer-events:none;z-index:20;border-radius:8px;max-width:90vw;padding:9px 16px;font-size:13px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.err{background:#9b2c2c}.artbox{border:1px solid var(--hair);background:var(--cream);border-radius:10px;overflow:hidden}.artbox img{width:100%;height:auto;display:block}.artbox .artmeta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.thumbs{gap:4px;display:inline-flex}.thumbs button{border:1px solid var(--hair);color:var(--muted);background:var(--paper);border-radius:999px;padding:3px 9px;font-size:12px}.thumbs button.on{border-color:var(--ink);color:var(--ink);background:var(--cream)}.thumbs button.bad.on{color:#9b2c2c;border-color:#9b2c2c}.panel{background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius);padding:20px 22px}.panel h2{letter-spacing:-.02em;margin:0 0 4px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600}.panel .sub{margin-bottom:14px;font-size:13px}.panels{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-top:24px;display:grid}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--hair);padding:6px 8px;font-size:11px;font-weight:500}.table td{border-bottom:1px solid var(--hair-soft);vertical-align:middle;padding:8px}.table tr:last-child td{border-bottom:0}.table input,.table select{border:1px solid var(--hair);background:var(--paper);border-radius:6px;outline:none;width:100%;padding:5px 8px;font-size:13px}.table input:focus,.table select:focus{border-color:var(--ink)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.codebox{color:#e9e2d6;white-space:pre-wrap;word-break:break-all;background:#15130f;border-radius:8px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.kv{grid-template-columns:140px 1fr;gap:6px 12px;font-size:13px;display:grid}.kv b{font-weight:600}.ok{color:#2f6b3a}.bad{color:#9b2c2c}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login .card{background:var(--paper);border:1px solid var(--hair);border-radius:14px;width:100%;max-width:380px;padding:28px;box-shadow:0 10px 40px #1a18140d}.login h1{margin:14px 0 4px;font-size:28px}.login .who{background:var(--hair-soft);border-radius:999px;gap:6px;margin:18px 0 12px;padding:3px;display:flex}.login .who button{color:var(--muted);border-radius:999px;flex:1;padding:8px;font-weight:600}.login .who button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #1a181414}.login input{border:1px solid var(--hair);background:var(--paper);border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:16px}.login input:focus{border-color:var(--ink)}.login .row{gap:8px;margin-top:10px;display:flex}.login .msg{margin-top:10px;font-size:12.5px}.login .alt{border-top:1px solid var(--hair-soft);color:var(--muted);margin-top:18px;padding-top:14px;font-size:13px}.skel{color:var(--faint);padding:40px 0}@media (max-width:760px){.wrap{padding:20px 16px 48px}h1{margin-top:24px;font-size:30px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0;padding-left:0}.search{width:100%}.drawer{width:100vw}}.cardsec .grp{flex-direction:column;gap:10px;padding-top:6px;display:flex}.cardsec .grp>h4{letter-spacing:.16em;margin:0}.cardprev{border:1px solid var(--hair);background:#0f172a;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #1a181414}.rng{grid-template-columns:130px 1fr 52px;align-items:center;gap:10px;display:grid}.rng input[type=range]{accent-color:#1a1814;width:100%}.rng output{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:11.5px}.sw{flex-wrap:wrap;gap:8px;display:flex}.sw button{border:2px solid #0000;border-radius:8px;width:38px;height:30px;padding:0;box-shadow:inset 0 0 0 1px #00000014}.sw button.on{border-color:var(--ink)}.rwcard{color:#fff;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.rwcard.paper{color:#0f172a}.rwcard .bgimg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.rwcard .shade{z-index:2;position:absolute;inset:0}.rwcard .logo{z-index:6;height:auto;display:block;position:absolute}.rwcard .block{z-index:5;flex-direction:column;display:flex;position:absolute}.rwcard .block.edit{outline-offset:14px;cursor:move;touch-action:none;outline:2px dashed #ffffff8c}.rwcard.paper .block.edit{outline-color:#0f172a66}.rwcard.centre .block{text-align:center;align-items:center}.rwcard .rule{border-radius:5px;width:110px;height:9px;margin-bottom:38px}.rwcard .kicker{letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px;font-size:28px;font-weight:600}.rwcard .headline{letter-spacing:-.03em;text-wrap:balance;white-space:pre-line;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.02}.rwcard .headline.serif{letter-spacing:-.01em;font-family:Playfair Display,serif;font-style:italic;font-weight:500;line-height:1.08}.rwcard .body{color:#ffffffdb;white-space:pre-line;margin-top:34px;font-weight:500;line-height:1.3}.rwcard.paper .body{color:#0f172abd}.rwcard .footer{color:#ffffffb3;margin-top:34px;font-size:30px;font-weight:600;line-height:1.35}.rwcard.paper .footer{color:#0f172a8f}.rwcard .cta{margin-top:12px;font-weight:700;display:block}.cstudio-scrim{z-index:40;background:#1a181459;place-items:center;display:grid;position:fixed;inset:0}.cstudio{background:var(--paper);border:1px solid var(--hair);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:18px;overflow:hidden;box-shadow:0 24px 80px #1a181440}.cstudio-head{border-bottom:1px solid var(--hair-soft);justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.cstudio-head h2{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:60vw;margin:2px 0 0;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:600;overflow:hidden}.cstudio-body{grid-template-columns:300px minmax(0,1fr) 320px;min-height:0;display:grid}.cstudio-col{border-right:1px solid var(--hair-soft);flex-direction:column;gap:22px;padding:16px 20px 24px;display:flex;overflow-y:auto}.cstudio-col:last-child{border-right:0;border-left:1px solid var(--hair-soft)}.cstudio-col .grp{flex-direction:column;gap:10px;display:flex}.cstudio-col .grp>h4{letter-spacing:.16em;margin:0}.cstudio-center{background:var(--cream);place-items:center;min-width:0;min-height:0;padding:20px;display:grid;overflow:hidden}.cstudio-stage{background:#0f172a;border-radius:10px;overflow:hidden;box-shadow:0 16px 48px #1a18142e}.cstudio-foot{border-top:1px solid var(--hair-soft);grid-template-columns:1fr 1fr;gap:20px;max-height:190px;padding:12px 22px 16px;display:grid;overflow-y:auto}.cstudio-foot .grp{flex-direction:column;gap:8px;display:flex}.cstudio-foot .grp>h4{letter-spacing:.16em;margin:0}.cstudio-foot textarea{border:1px solid var(--hair);background:var(--paper);resize:vertical;border-radius:8px;outline:none;width:100%;padding:8px 10px}.cardprev[role=button]{cursor:zoom-in}@media (max-width:1100px){.cstudio{inset:8px}.cstudio-body{grid-template-rows:auto auto auto;grid-template-columns:1fr;overflow-y:auto}.cstudio-center{order:-1;min-height:60vh}.cstudio-col,.cstudio-col:last-child{border:0;border-top:1px solid var(--hair-soft)}.cstudio-foot{grid-template-columns:1fr;max-height:none}}.legend-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.stylecard{background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.stylecard h3{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;display:flex}.stylecard .tag{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--hair-soft);border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.stylecard p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.stylecard p b{color:var(--ink);font-weight:600}.examples{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.examples figure{margin:0}.examples img{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--hair-soft);background:var(--hair-soft);cursor:zoom-in;border-radius:6px;width:100%;display:block}.examples figcaption{color:var(--faint);margin-top:3px;font-size:11px;line-height:1.3}.stylecard details summary{color:var(--muted);cursor:pointer;font-size:12.5px;list-style:none}.stylecard details summary:before{content:"+ "}.stylecard details[open] summary:before{content:"- "}.stylecard details .codebox{margin-top:8px;font-size:11.5px}.legend-table td:first-child{white-space:nowrap;font-weight:600}.lightbox{z-index:50;cursor:zoom-out;background:#1a1814d9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox img{border-radius:8px;max-width:min(96vw,1400px);max-height:92vh;box-shadow:0 30px 80px #00000080}.lightbox figcaption{color:#e9e2d6;text-align:center;margin-top:10px;font-size:13px}.rwcard .bgimg.fit-right{object-fit:contain;object-position:right top;width:84%;height:84%;inset:110px 0 auto auto}.rwcard .bgimg.fit-left{object-fit:contain;object-position:left top;width:84%;height:84%;inset:110px auto auto 0}.rwcard .kicker{letter-spacing:0;text-transform:none;color:#ffffffb8;margin-bottom:26px;font-size:36px;font-weight:600;line-height:1.26}.rwcard.paper .kicker{color:#0f172a9e}