.hcl-ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:start}.hcl-ed .hcl-ctl{min-width:0;display:grid;gap:14px}.hcl-ed .hcl-pv{min-width:0;position:sticky;top:90px;display:grid;gap:12px}.hcl-ed .hcl-stage{display:grid;place-items:center;gap:10px;padding:12px;border:1px dashed #C9D6E6;border-radius:16px;background:#FBFCFE;min-height:220px}.hcl-ed .hcl-stage canvas.t-canvas{display:block;max-width:100%;max-height:72vh;width:auto;height:auto}.hcl-ed .hcl-bar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.hcl-ed .hcl-bar .t-note{flex:1 1 220px}.hcl-ed .tf-actions .btn{min-height:44px}.hcl-priv{display:flex;gap:8px;align-items:center}.hcl-priv:before{content:"";width:8px;height:8px;border-radius:50%;background:#13A35B;flex:none}.hcl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.hcl-lg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hcl-lg{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:grid}.hcl-lg-view{all:unset;cursor:zoom-in;display:block;aspect-ratio:4/3;padding:18px;background:#fff;box-sizing:border-box}.hcl-lg-view:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.hcl-lg-view svg{width:100%;height:100%;display:block}.hcl-lg-f{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-top:1px solid var(--line);background:#F8FAFD}.hcl-lg-f span{margin-right:auto;font-size:.8rem;font-weight:700;color:var(--ink)}.hcl-sel-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hcl-sel-g>div{border-radius:14px;padding:22px;aspect-ratio:4/3;display:grid;place-items:center;border:1px solid var(--line)}.hcl-sel-g svg{width:100%;height:100%;display:block}.hcl-sel-l{background:#fff}.hcl-sel-d{background:#0b1220}.hcl-sw{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px 5px 6px;font:600 .8rem/1 var(--f-mono,monospace);cursor:pointer;color:var(--ink)}.hcl-sw i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.hcl-ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.hcl-ad{border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;align-content:space-between;background:#fff}.hcl-ad.wide{grid-column:1/-1}.hcl-ad-c{padding:12px;display:grid;place-items:center;background:#F4F8FD}.hcl-ad-c canvas{display:block;max-width:100%;max-height:420px;width:auto;height:auto;border-radius:6px}.hcl-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hcl-tools .t-chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}canvas.hcl-paint{touch-action:none;cursor:crosshair}.hcl-ba{position:relative;width:100%;line-height:0;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/20px 20px}.hcl-ba canvas{display:block;width:100%;height:auto}.hcl-ba .hcl-before{position:absolute;inset:0}.hcl-ba-tag{position:absolute;top:10px;line-height:1;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(6,22,46,.7);padding:5px 8px;border-radius:6px;pointer-events:none}.hcl-ba-tag.l{left:10px}.hcl-ba-tag.r{right:10px}.hcl-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.hcl-ba:after{content:"";position:absolute;top:0;bottom:0;left:var(--hcl-x,50%);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);pointer-events:none}.hcl-count{font-family:var(--f-mono,monospace);font-size:.74rem;font-weight:600;padding:3px 8px;border-radius:7px;background:#ECFBF2;color:#0E7A43}.hcl-count.warn{background:#FFF7E8;color:#9A5B00}.hcl-count.bad{background:#FFF1EF;color:#B3261E}.hcl-warn{margin:0;padding:12px 14px;border-radius:12px;background:#FFF7E8;border:1px solid #F7DDA8;color:#7A4A00;font-size:.9rem;line-height:1.55}.hcl-warn ul{margin:6px 0 0;padding-left:1.2em}.hcl-group h3{font-size:1rem;margin:0 0 8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hcl-kw{display:flex;flex-wrap:wrap;gap:6px}.hcl-kw span{font-size:.86rem;background:#F4F8FD;border:1px solid var(--line);border-radius:8px;padding:4px 9px;color:var(--ink)}.hcl-check{display:grid;gap:6px}.hcl-check label{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.hcl-check label.done{background:#F3FBF6;border-color:#BDEBD0}.hcl-check label.done b{text-decoration:line-through;color:var(--muted)}.hcl-check input{width:18px;height:18px;margin-top:2px;accent-color:#13A35B}.hcl-check small{display:block;color:var(--muted);font-size:.82rem;line-height:1.45}.hcl-cat{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.hcl-cat small{display:block;color:var(--muted);font-size:.8rem}@media (max-width:900px){.hcl-ed{grid-template-columns:1fr}.hcl-ed .hcl-pv{position:static;order:-1}.hcl-lg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.hcl-lg-grid{grid-template-columns:1fr;gap:10px}.hcl-lg-view{padding:10px}.hcl-sel-g{grid-template-columns:1fr}.hcl-cat{grid-template-columns:1fr}.hcl-ed .hcl-stage canvas.t-canvas{max-height:60vh}}.hcl-rv{float:right;font-family:var(--f-mono,monospace);font-size:.78rem;font-weight:600;color:var(--blue)}