.planner[data-v-06dffae0]{--line:#b8cbd4;--dark:#183846;--accent:#176871;min-width:0;color:var(--dark);gap:1.25rem;display:grid}.planner[data-v-06dffae0] *{box-sizing:border-box}.planner h2[data-v-06dffae0],.planner p[data-v-06dffae0],.planner dl[data-v-06dffae0],.planner dd[data-v-06dffae0],.planner ul[data-v-06dffae0]{margin:0}.planner h2[data-v-06dffae0]{font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.2}.planner p[data-v-06dffae0]{font-size:.9rem;line-height:1.55}.entry[data-v-06dffae0],.actions[data-v-06dffae0],.pager[data-v-06dffae0],.controls[data-v-06dffae0],.presets[data-v-06dffae0],.stepper[data-v-06dffae0]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.entry[data-v-06dffae0]{align-items:flex-end}.entry label[data-v-06dffae0]{flex:16rem;min-width:0}.entry label span[data-v-06dffae0],.label[data-v-06dffae0]{margin-bottom:.4rem;font-weight:650;display:block}.planner input[data-v-06dffae0],.planner textarea[data-v-06dffae0]{border:1px solid var(--line);color:var(--dark);font:inherit;background:#fff;border-radius:.45rem;max-width:100%;padding:.65rem}.entry input[data-v-06dffae0],.planner textarea[data-v-06dffae0]{width:100%;font-family:ui-monospace,monospace}.planner button[data-v-06dffae0]{font:inherit;border:1px solid var(--line);color:var(--dark);cursor:pointer;background:#fff;border-radius:.48rem;min-height:2.5rem;padding:.55rem .8rem;font-size:.9rem;font-weight:600}.planner button[data-v-06dffae0]:hover:enabled{border-color:var(--accent)}.planner button[data-v-06dffae0]:disabled{opacity:.45;cursor:default}.planner[data-v-06dffae0] :is(button,input,textarea):focus-visible{outline-offset:2px;outline:3px solid #177581}.summary[data-v-06dffae0],.subnets[data-v-06dffae0]{border:1px solid var(--line);border-radius:.8rem;gap:1rem;min-width:0;padding:clamp(.8rem,3vw,1.45rem);display:grid}.summary[data-v-06dffae0]{background:#eef6f6}.subnets[data-v-06dffae0]{background:#fff}.summary dl[data-v-06dffae0]{grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr));gap:1rem;display:grid}.summary dt[data-v-06dffae0],.rows span[data-v-06dffae0]{color:#415d68;font-size:.85rem}.summary dd[data-v-06dffae0],.summary h2[data-v-06dffae0],.rows strong[data-v-06dffae0],.stepper strong[data-v-06dffae0],.presets button[data-v-06dffae0]{font-family:ui-monospace,monospace}.summary dd[data-v-06dffae0]{overflow-wrap:anywhere;margin-top:.3rem;font-weight:600}.summary .wide[data-v-06dffae0]{grid-column:1/-1}.controls[data-v-06dffae0]{justify-content:space-between;align-items:flex-end}.stepper[data-v-06dffae0]{gap:0}.stepper strong[data-v-06dffae0]{padding:0 .8rem}.presets button[aria-pressed=true][data-v-06dffae0],.actions button[data-v-06dffae0]:last-child{background:var(--accent);color:#fff;border-color:var(--accent)}.rows[data-v-06dffae0]{border-top:1px solid var(--line);padding:0;list-style:none}.rows li[data-v-06dffae0]{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem 1rem;padding:.65rem .1rem;display:flex}.rows code[data-v-06dffae0]{color:var(--dark);overflow-wrap:anywhere}.pager input[data-v-06dffae0]{padding:.4rem}.actions[data-v-06dffae0]{justify-content:flex-end}.error[data-v-06dffae0]{color:#942f28}.planner textarea[data-v-06dffae0]{min-height:6rem}*{box-sizing:border-box}body{color:#303943;background:#e6f0f9;margin:0;font:16px/1.6 system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:0 clamp(12px,3vw,34px)}header,.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}header{border-bottom:1px solid #b7cbdc;min-height:72px}header a:first-child{font-size:1.38rem;font-weight:850}a{color:var(--accent);text-underline-offset:4px}.lang{margin-left:auto}.hero{grid-template-columns:1fr 32%;align-items:center;gap:24px;padding:32px 0;display:grid}.hero img{object-fit:cover;border-radius:20px;width:100%;max-height:178px}.hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,4vw,3.6rem);line-height:1.13}.hero p{margin-bottom:0}.bench,aside{background:#fff;border:1px solid #c3d3df;border-radius:20px;min-width:0;padding:clamp(16px,3vw,36px)}.bench{border-top:5px solid var(--accent)}aside{margin-top:24px}h2,h3{line-height:1.3}h2:first-child{margin-top:0}button,input,textarea,select{font:inherit;max-width:100%}button,.actions a{cursor:pointer;color:#283644;background:#f4f8fb;border:1px solid #9eb0c1;border-radius:10px;min-height:44px;padding:8px 14px}button[aria-pressed=true],[data-studio-download]{background:var(--accent);color:#fff}.actions{margin:12px 0}textarea{border:1px solid #aabfcd;border-radius:10px;width:100%;padding:12px;display:block}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf4fa;border-radius:12px;max-height:45vh;padding:16px;overflow:auto}.bench img,.bench canvas,audio{max-width:100%}fieldset{min-width:0}footer{padding:26px 0;font-size:.9rem}[role=alert]{color:#822e2c}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1669a1}@media (width<=640px){.hero{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0}.hero img{object-position:center;height:84px}.bench{padding:14px}header{gap:8px}}
