:root{--line: #dcdcda;--line-soft: #e8e8e6;--muted: #6a6a68;--side: 380px;--mono: "JetBrains Mono", "Noto Sans KR", monospace;--panel-h: clamp(200px, 33svh, 330px)}*{box-sizing:border-box}html{height:100%}body{margin:0;padding:0;position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;height:var(--app-h, 100dvh);background:#ededeb;color:#111;font-family:Archivo,Noto Sans KR,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button,input,textarea{font-family:inherit;color:inherit}button{touch-action:manipulation}[contenteditable]:focus{outline:none}::selection{background:#111;color:#fff}.screen{width:100%;height:100%;min-width:0;min-height:0;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mono{font-family:var(--mono)}.topbar{flex:none;height:50px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.topbar .title{font-size:13px;font-weight:500;letter-spacing:.01em}.link{font-size:13.5px;color:#6a6a68;cursor:pointer;background:none;border:none;padding:6px 2px}.link.strong{color:#111;font-weight:600}.backbtn{display:inline-flex;align-items:center;gap:2px;height:40px;min-width:44px;padding:0 12px 0 6px;margin-left:-6px;border:none;border-radius:20px;background:none;font-size:14px;font-weight:500;color:#111;cursor:pointer;transition:background .12s ease}.backbtn .chev{font-size:24px;line-height:1;font-weight:300;position:relative;top:-1px;margin-right:2px}.backbtn:hover{background:#f1f1ef}.backbtn:active{background:#e8e8e6}.btn{border:1px solid var(--line);background:#fff;cursor:pointer;font-size:11.5px;line-height:1;padding:0 8px;height:32px;white-space:nowrap;transition:background .12s ease}.btn.on{border-color:#111}.btn.fill{background:#111;border-color:#111;color:#fff}.btn.danger{color:#a03030}.btn.fill.danger{background:#a03030;border-color:#a03030;color:#fff}.btn.wide{flex:1;min-width:0}.btn.tall{height:40px;font-size:12.5px}@media (hover: hover){.btn:hover{background:#f2f2f0}.btn.fill:hover{background:#000}.btn.danger:hover{background:#f7eded}.btn.fill.danger:hover{background:#8a2828}}.fmtbar{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.fmtbar .btn{flex:1;min-width:0;height:42px;padding:0 4px;border:none;border-right:1px solid var(--line-soft);border-radius:0;white-space:nowrap}.fmtbar .btn:last-child{border-right:none}.fmtbar .btn:active{transform:none;background:#eaeae8}.fmtbar .qbtn{position:relative;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.qg{display:inline-flex;align-items:center;font-size:14px;line-height:1;letter-spacing:0}.qg i,.qpick .seg i{display:inline-block;width:5px}.fmtbar .qbtn:after{content:"";position:absolute;right:4px;bottom:4px;border-style:solid;border-width:0 0 5px 5px;border-color:transparent transparent #b8b8b6 transparent}.fmtbar .qbtn.open{background:#f5f5f4}.fmtbar .qbtn.open:after{border-bottom-color:#111}.qpick{display:flex;align-items:center;gap:10px;margin-top:-2px}.qpick .lbl{width:52px}.qpick .seg button{font-size:14px;letter-spacing:0}::highlight(bq-hide){color:#8c8c8a73}.lbl{font-size:11.5px;letter-spacing:0;color:var(--muted);flex:none}.row{display:flex;align-items:center;gap:10px}.row .grow{flex:1;min-width:0}.lib-io .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.stack{display:flex;flex-direction:column;gap:16px}.stack.tight{gap:10px}.sec{display:flex;flex-direction:column;gap:10px;min-width:0}.stack>.sec+.sec,.stack>.row+.sec,.stack>.seg+.sec,.stack>.sec+.typejust,.stack>.typejust+.sec{padding-top:14px;border-top:1px solid var(--line-soft)}.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.sec-h b{font-size:12.5px;font-weight:600;letter-spacing:-.01em;color:#111;white-space:nowrap}.sec-w{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;letter-spacing:0;color:var(--muted)}.seg.scope button,.seg.target button{height:38px;font-size:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grid8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.seg{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.seg button{flex:1;min-width:0;height:32px;border:none;border-right:1px solid var(--line);background:#fff;color:#6a6a68;font-size:11.5px;cursor:pointer;padding:0 2px;white-space:nowrap}.seg button:last-child{border-right:none}.seg button.on{background:#111;color:#fff}.fontgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fwrow{align-items:flex-start}.fwrow .lbl{padding-top:13px}.fwgrid{display:grid;gap:6px;min-width:0}.fwchip{height:44px;padding:0 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;line-height:1.15}.fwchip span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fwchip small{font-size:10px;color:var(--muted);letter-spacing:0}.fwchip.fill small{color:#fff;opacity:.75}@media (max-width: 380px){.fwchip span{font-size:11px;letter-spacing:-.03em}}.fontchip{height:42px;font-size:15px;line-height:1.15;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fontchip .jb{font-family:var(--mono);font-style:normal;font-size:7.5px;line-height:1;margin-left:4px;padding:2px 3px;vertical-align:2px;border:1px solid currentColor;border-radius:2px;opacity:.45}.fontchip .jb.full{background:#6a6a68;border-color:#6a6a68;color:#fff;opacity:1}.fontchip.fill .jb{border-color:#fff;opacity:.8}.fontchip.fill .jb.full{background:#fff;border-color:#fff;color:#111;opacity:1}.ja-legend{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ja-legend .jb{font-family:var(--mono);font-style:normal;font-size:8px;line-height:1;padding:2px 3px;border:1px solid #8a8a88;border-radius:2px;color:#6a6a68}.ja-legend .jb.full{background:#6a6a68;border-color:#6a6a68;color:#fff}.ja-legend .jb+*{margin-right:6px}.seg button.none:not(.on){color:#c2c2c0}.chips{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;padding:1px 0 3px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;max-width:150px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:11.5px;line-height:1}.chip .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip .dot{position:relative;flex:none;width:15px;height:15px;border:1px solid rgba(0,0,0,.14)}.chip .dot i{position:absolute;right:-1px;bottom:-1px;width:7px;height:7px}.chip.built{border-style:dashed;color:#5a5a58}.chip .x{flex:none;width:16px;height:16px;margin-right:-3px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#6a6a68;border:1px solid var(--line-soft);border-radius:50%}.chip .pen{flex:none;font-size:10px;color:#6a6a68}.chip-sep{flex:none;width:1px;height:18px;background:var(--line);margin:0 1px}.chipwrap{position:relative;min-width:0}.chipwrap .cfade{position:absolute;top:1px;bottom:3px;width:44px;padding:0;border:none;margin:0;display:none;align-items:center;cursor:pointer;z-index:2;font:inherit;color:#111}.chipwrap .cfade.r{right:0;justify-content:flex-end;background:linear-gradient(270deg,#fff 35%,#fff0)}.chipwrap .cfade.l{left:0;justify-content:flex-start;background:linear-gradient(90deg,#fff 35%,#fff0)}.cfbtn{width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 1px 4px #0000001f;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease}@media (hover: hover){.chipwrap .cfade:hover .cfbtn{border-color:#111}}.chipwrap .cfade:active .cfbtn{transform:scale(.94)}.demowrap{margin:0 -20px}.demowrap .demos{margin:0;scroll-padding-inline:20px}.demowrap .cfade{width:56px}.demowrap .cfade.r{padding-right:10px}.demowrap .cfade.l{padding-left:10px}.chipwrap.can-r .cfade.r,.chipwrap.can-l .cfade.l{display:flex}@media (hover: hover){.chip:hover{background:#f2f2f0}.chip .x:hover{color:#a03030;border-color:#a03030}}@media (pointer: coarse){.chip{min-height:36px}.chip .x{width:20px;height:20px;font-size:10px}}.tsw{height:38px}.btn.wide.tsw{padding:0}input[type=color].tsw{flex:1;min-width:0;width:auto;height:38px}.btn.tsw.on{border-color:#111;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #111}.seg.bgmode button,.seg.tshseg button{height:36px;font-size:12px}.seg.gdir button{height:36px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px}.seg.gdir svg{flex:none}.gsw-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gsw{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0;border:none;background:none;cursor:pointer;font:inherit}.gsw i{display:block;height:38px;border:1px solid var(--line)}.gsw span{font-size:10.5px;line-height:1.2;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gsw.on i{border-color:#111;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #111}.gsw.on span{color:#111;font-weight:500}.gsw:active i{transform:scale(.95)}.gsw i{transition:transform .1s ease}.gstops{gap:6px}.gstop-sep{flex:none;width:8px;height:1px;background:#b8b8b6}input[type=color].tsw.tshpick{flex:none;width:44px;height:36px}input[type=color].tsw.tshpick.on{outline:1px solid #111;outline-offset:1px}.card-stage [style*="border-radius:9px"]{text-shadow:none}@media (pointer: coarse){.seg.bgmode button,.seg.tshseg button,.seg.gdir button{height:44px}input[type=color].tsw.tshpick{height:44px;width:48px}.gsw i{height:40px}}.swatch{height:28px;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:0}.swatch.small{height:24px}.swatch.light{border-color:var(--line)}.swatch.none{border-color:var(--line);background:#fff linear-gradient(to top right,transparent calc(50% - 1px),#e0433a calc(50% - 1px),#e0433a calc(50% + 1px),transparent calc(50% + 1px))}.nonebtn{display:flex;align-items:center;justify-content:center;gap:8px;height:34px;font-size:12px}.nonebtn .swatch.none{display:inline-block;width:18px;height:18px;flex:none;border-radius:4px}.seg.ink-onoff{flex:none;width:84px}.seg.ink-onoff button{height:36px}.btn.ink-sample{flex:1;min-width:0;height:36px;padding:0 10px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px;letter-spacing:.02em;overflow:hidden}.btn.ink-sample span{overflow:hidden;text-overflow:ellipsis}.btn.ink-sample i{flex:none;display:flex}.btn.ink-sample.off span{opacity:.4}.btn.ink-sample.open,.btn.ink-who.open{border-color:#111}.ink-pick{display:flex;flex-direction:column;gap:10px;margin-top:-4px;padding:10px;background:#f5f5f4;border-radius:3px}.ink-pick .swatch{height:30px}.ink-sw.on{border-color:#111;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #111}input[type=color].ink-cp{flex:1;min-width:0;width:auto;height:32px}.ink-why{margin:-2px 0 0;line-height:1.45}.ink-opts{display:flex;gap:6px;min-width:0}.ink-opts .btn{flex:1;min-width:0;height:36px;padding:0 4px;display:flex;align-items:center;justify-content:center;gap:3px;color:#6a6a68}.ink-opts .btn.on{color:#111;font-weight:500}.ink-list{display:flex;flex-direction:column;gap:6px}.dbar-ink{display:flex;align-items:center;gap:10px;min-width:0;min-height:36px;font-size:11.5px;color:var(--muted)}.dbar-ink>span:last-child{min-width:0;line-height:1.4}.dbar-dots{flex:none;display:flex;padding:5px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--line-soft)}.dbar-dots .ink-dot{width:14px;height:14px}.dbar-dots .ink-dot+.ink-dot{margin-left:-4px}.link.dbar-go{flex:none;font-size:11.5px;padding:6px 0;text-decoration:underline;text-underline-offset:3px;min-height:36px}.dbar-blk .btn{height:36px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11.5px;color:#6a6a68}.dbar-blk .btn.on{color:#111;font-weight:500}.btn.ink-who{flex:1;min-width:0;height:40px;padding:0 10px;display:flex;align-items:center;gap:10px;font-size:12.5px;text-align:left}.ink-who .ic{flex:none;color:#6a6a68}.ink-dot{flex:none;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.ink-who .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:#111}.ink-who .ct{flex:none;font-size:10.5px;color:var(--muted)}@media (pointer: coarse){.btn.ink-sample,.ink-opts .btn,.btn.ink-who,.seg.ink-onoff button,.dbar-blk .btn,.link.dbar-go{min-height:44px}input[type=color].ink-cp{height:38px}}input[type=color]{-webkit-appearance:none;appearance:none;flex:none;width:36px;height:28px;padding:0;border:1px solid var(--line);background:#fff;border-radius:0;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:1px solid rgba(0,0,0,.08)}input[type=color]::-moz-color-swatch{border:1px solid rgba(0,0,0,.08)}input[type=color].tall{height:34px}input[type=color]:focus{border-color:#111}.cpk-sw{flex:none;width:44px;height:34px;padding:0;position:relative;cursor:pointer;border:1px solid var(--line);box-shadow:inset 0 0 0 2px #fff}.cpk-sw.on{border-color:#111}.cpk-sw i{position:absolute;right:4px;bottom:2px;font-style:normal;font-size:9px;line-height:1}.cpk{display:flex;flex-direction:column;gap:12px;margin-top:-4px}.cpk-sv{position:relative;height:136px;border:1px solid var(--line);touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0)}.cpk-sv i{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000059,0 1px 4px #0000004d;pointer-events:none}.cpk-hue{position:relative;height:22px;margin:0 11px;border-radius:11px;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cpk-alpha{position:relative;height:22px;margin:0 11px;border-radius:11px;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none;background:linear-gradient(to right,transparent,var(--c, #111)),repeating-conic-gradient(#d8d8d6 0% 25%,#fff 0% 50%) 0 0 / 10px 10px;box-shadow:inset 0 0 0 1px #00000014}.cpk-alpha i,.cpk-hue i{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000040,0 1px 4px #0000004d;pointer-events:none}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:7px}.thumb{height:34px;padding:0;cursor:pointer;border:1px solid var(--line);background-color:#f2f2f0;background-size:cover;background-position:center}.thumb.on{border-color:#111;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #111}.vpick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vpick.two{grid-template-columns:repeat(2,minmax(0,1fr))}.vtile{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#fff;color:#111;cursor:pointer;transition:transform .1s ease,border-color .12s ease,box-shadow .12s ease}.vtile:active{transform:scale(.97)}.vtile.on{border-color:#111;box-shadow:inset 0 0 0 1px #111}@media (hover: hover){.vtile:not(.on):hover{border-color:#b8b8b6}}.vt-pv{height:40px;display:flex;align-items:center;justify-content:center;gap:6px;background:#fafaf9;border-bottom:1px solid var(--line-soft)}.vtile.on .vt-pv{background:#fff}.vt-n{height:28px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;color:var(--muted);white-space:nowrap}.vtile.on .vt-n{color:#111;font-weight:600}.vt-n em{font-style:normal;font-weight:400;font-family:var(--mono);font-size:10px;color:var(--muted)}.vt-pv.dv>.b-divider{width:88%;padding:0}.vt-pv.wb{height:60px;justify-content:center;padding:0;font-family:Noto Sans KR,sans-serif;font-size:12px;line-height:1.55;text-align:left;color:#111;letter-spacing:-.01em;white-space:nowrap}.vt-pv.wb .wb-col{display:flex;flex-direction:column;width:84px;padding-right:6px;border-right:1px dashed #b8b8b6}.vt-pv.wb .wb-col i{display:block;font-style:normal}.vt-pv.wb mark{background:#e6e6e3;border-radius:2px;box-shadow:0 0 0 1px #e6e6e3;color:#111}.vtile.on .vt-pv.wb mark{background:#111;box-shadow:0 0 0 1px #111;color:#fff}.vt-pv.db{gap:7px}.vt-pv.db b{flex:none;align-self:center;height:24px;background:#111}.vt-pv.db>span{display:flex;flex-direction:column;gap:6px;width:44%}.vt-pv.db i{height:2px;border-radius:1px;background:#c8c8c6}.vt-pv.db i+i{width:68%}.vt-pv.db-line b{width:1px}.vt-pv.db-bold b{width:3px}.vt-pv.db-dots b{width:2px;background:radial-gradient(circle,#111 0 .9px,transparent 1.15px) 0 0 / 2px 4px repeat-y}@media (pointer: coarse){.vt-pv{height:44px}.vt-pv.wb{height:56px}.vt-n{height:30px}}@media (prefers-reduced-motion: reduce){.vtile:active{transform:none}}.note{font-size:10.5px;line-height:1.65;color:var(--muted);letter-spacing:0}input[type=range]{flex:1;min-width:0;height:26px;accent-color:#111;cursor:pointer}.fld{height:34px;min-width:0;padding:0 10px;border:1px solid var(--line);background:#fff;border-radius:0;font-size:12.5px;outline:none;-webkit-appearance:none}.fld:focus{border-color:#111}.numwrap{display:flex;min-width:0}.stepper{display:flex;align-items:stretch;min-width:0;height:36px;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#fff}.stepper:focus-within{border-color:#111}.st-btn{flex:none;width:42px;padding:0;border:none;background:#f4f4f2;color:#111;font-size:17px;line-height:1;cursor:pointer;transition:background .12s ease}.st-btn:active{background:#e4e4e2}@media (hover: hover){.st-btn:hover{background:#ebebe9}}.st-val{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#6a6a68}.st-val.linked .numfld input{color:#8a8a88}.stepper .numfld{height:100%;border:none;background:transparent}.stepper .numfld:focus-within{box-shadow:none;background:#fbfbfa}.stepper .numfld button.unit{margin:5px 5px 5px 0;height:auto;border-left:none;border-radius:3px;background:#f1f1ef;padding:0 7px}.resetlink{flex:none;width:38px;padding:6px 0;border:none;background:none;font-size:11px;color:#111;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.resetlink:disabled{color:#c8c8c6;text-decoration:none;cursor:default}.numfld{flex:1;min-width:0;height:34px;display:flex;align-items:center;border:1px solid var(--line);background:#fff;cursor:text}.numfld:focus-within{border-color:#111;box-shadow:0 0 0 1px #111 inset}.numfld input{flex:1;min-width:0;width:100%;height:100%;padding:0 2px 0 8px;border:none;outline:none;background:none;border-radius:0;-webkit-appearance:none;font-family:var(--mono);font-size:12px;color:#111;text-align:right}.numfld input::placeholder{color:#a8a8a6}.numfld .unit{flex:none;padding:0 8px 0 3px;font-family:var(--mono);font-size:10.5px;color:#6a6a68;background:none;border:none;height:100%;display:flex;align-items:center}.numfld button.unit{cursor:pointer;color:#111;gap:3px;padding:0 8px;border-left:1px solid var(--line-soft)}.numfld button.unit i{font-style:normal;font-size:10px;color:#8a8a88}.numfld button.unit:active{background:#eeeeec}.fld::placeholder{color:#b8b8b6}.row>input[type=range]+.mono{cursor:text;text-decoration:underline dotted #b0b0ae;text-underline-offset:3px}.row>input[type=range]+.mono:hover{color:#111!important}.rngfld{flex:none;width:52px;height:28px;padding:0 6px;border:1px solid #111;background:#fff;font-size:12px;text-align:right;outline:none;border-radius:0;-webkit-appearance:none}.btn.albtn{height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10.5px;padding:0 2px}.btn.albtn .ic{flex:none}.row.arrow{gap:6px}.row.arrow .numfld{flex:1 1 0;max-width:72px}.row.arrow .numfld input{text-align:center;padding:0 4px}.row.arrow .numfld .unit{display:none}.ar-colon{flex:none;font-family:var(--mono);font-size:13px;color:#6a6a68}.btn.ar-flip{flex:none;display:inline-flex;align-items:center;flex-direction:row;white-space:nowrap;height:34px;padding:0 10px;gap:4px;font-size:11px;margin-left:auto}.btn.ar-flip:disabled{opacity:.4;cursor:default}.input-screen{flex:1;min-height:0;width:100%;max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:10px 20px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.input-screen>*{flex-shrink:0}.in-l,.in-r{display:contents}@media (min-width: 900px){.input-screen{max-width:1180px;overflow:hidden;padding:14px 28px 20px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,1fr);gap:0 32px}.in-l,.in-r{display:flex;flex-direction:column;gap:14px;min-height:0}.in-l{overflow-y:auto;overscroll-behavior-y:contain;padding:0 6px 0 3px}.in-r{overflow-y:auto;overscroll-behavior-y:contain}.in-l>*,.in-r>*{flex-shrink:0}.in-r .raw{flex:1 1 auto;min-height:240px}.in-l .demowrap{margin:0}.in-l .demos{display:grid;grid-template-columns:repeat(var(--tcols, 3),minmax(0,1fr));overflow:visible;margin:0;padding:2px 0 4px;scroll-snap-type:none;gap:14px 12px}.in-l .demowrap .cfade{display:none!important}.in-l .tpl{width:auto;min-width:0}.in-l .tt-pick{width:100%}.in-l .tt-card{zoom:var(--tz, 1)}.in-l .tt-name{font-size:12.5px}.in-l .tpl-grp{grid-column:1 / -1;writing-mode:horizontal-tb;width:auto;justify-content:flex-start;border:0;border-bottom:1px solid var(--line);padding:14px 0 7px;margin:0}.in-l .tpl-grp:first-child{padding-top:2px}.in-l .tpl-grp b{font-size:12.5px;color:#111;letter-spacing:0}.sec-h .tplcols{display:inline-flex}}.tplcols{display:none;flex:none;align-items:center;height:26px;margin-left:4px}.tplcols i{font-style:normal;font-size:10.5px;color:var(--muted);padding:0 6px 0 2px;white-space:nowrap}.tplcols button{width:26px;height:26px;padding:0;font-size:11px}.tpl-grp{flex:none;align-self:stretch;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;width:22px;margin:0 2px 0 6px;border-left:1px solid var(--line);padding-left:6px}.tpl-grp:first-child{border-left:0;margin-left:0}.tpl-grp b{font-size:10.5px;font-weight:600;color:var(--muted);letter-spacing:.12em;white-space:nowrap}.step{display:flex;align-items:baseline;gap:9px;font-size:11.5px;letter-spacing:.01em;color:#8f8f8d}.step .n{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.16em;color:#b4b4b2}.raw{flex:1 0 auto;min-height:clamp(180px,26vh,360px);width:100%;border:1px solid var(--line);padding:14px;font-size:12.5px;line-height:1.8;resize:none;outline:none;border-radius:0;-webkit-appearance:none}.hint{display:flex;flex-direction:column;gap:5px;font-size:10.5px;line-height:1.7;color:var(--muted)}.hint b{font-weight:400;color:#111}.start-note{margin:0;font-size:11px;line-height:1.6;color:var(--muted)}.start-note b{font-weight:600;color:#444}.input-screen.sm{gap:24px;padding-top:20px}.sm-lib:empty{display:none}.sm-h .n i{font-style:normal}.sm-h .n .nw{display:none}@media (max-width: 899px){.input-screen.sm .sm-lib{order:-2}.input-screen.sm .sm-paste{order:-1}.input-screen.sm .sm-go,.input-screen.sm .input-foot{order:1}}@media (min-width: 900px){.input-screen.sm{padding-top:20px}.input-screen.sm .in-l,.input-screen.sm .in-r{gap:24px}.input-screen.sm .sm-go{position:static}.input-screen.sm .sm-h .n .nn{display:none}.input-screen.sm .sm-h .n .nw{display:inline}}.sm-sec{display:flex;flex-direction:column;gap:10px}.sm-h{display:flex;align-items:baseline;gap:8px;min-height:22px}.sm-h .n{font-family:var(--mono);font-size:11px;color:var(--muted)}.sm-h b{font-size:15px;font-weight:600;letter-spacing:-.01em;color:#111}.sm-h .sm-more{margin-left:auto;position:relative;font-size:13px;padding:4px 2px;white-space:nowrap}.sm-h .sm-more:after{content:"";position:absolute;inset:-10px -6px}.sm-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sm-raw{position:relative}.sm-raw .raw{display:block;height:176px;min-height:0;padding-bottom:58px}.sm-raw .pastebtn{position:absolute;right:10px;bottom:10px;height:40px;background:#fff}.sm-tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;padding-top:2px}.sm-tpls .tpl{width:auto;min-width:0}.sm-tpls .tt-pick{width:100%}.sm-tpls .tt-card{zoom:var(--tz, 1)}.sm-tpls .tt-name{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-tpls .tt-sub{display:none}.sm-go{display:flex;flex-direction:column;gap:2px;margin-top:auto}.sm-start{height:52px;font-size:15px;font-weight:600}.sm-blank{min-height:44px;font-size:13px;text-align:center}@media (max-width: 600px){.sm-go{position:sticky;bottom:0;z-index:5;background:#fff;border-top:1px solid var(--line-soft);margin:0 -20px;padding:12px 20px 8px}.screen.is-input:has(#raw:focus) .sm-go{position:static;border-top:0}}.stage{flex:1;min-height:0;min-width:0;position:relative;display:grid;place-items:center;background:#f5f5f4;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);overflow:hidden;touch-action:pan-x pan-y}.screen.pinching .card-fit,.screen.pinching .card-scale{transition:none}.stage-scroll{position:absolute;inset:0;display:grid;place-items:center}.card-fit{position:relative;flex:none;transition:width .16s ease,height .16s ease}.card-scale{position:absolute;top:0;left:0;transform-origin:0 0;transition:transform .16s ease}@media (prefers-reduced-motion: reduce){.card-fit,.card-scale{transition:none}}.card-sheet{display:flex;width:max-content;position:relative;overflow:hidden;box-shadow:0 1px #00000014,0 12px 28px #0000001a}.card{position:relative;overflow:hidden;flex:none}.card-bg{position:absolute;inset:0;overflow:hidden}.card-bg .pic{position:absolute;background-size:cover;background-position:center;background-color:#d8d8d6}.card-bg .pick{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.1em;color:#fffc;cursor:pointer}.card-bg .veil{position:absolute;inset:0;pointer-events:none}.card-panel{position:absolute;display:flex;box-sizing:border-box}.sheet-ring{position:absolute;box-sizing:border-box;pointer-events:none}.card-side.edge-cur{outline:1.5px dashed rgba(47,125,224,.85);outline-offset:-3px}.lay-row{display:flex;align-items:center;gap:16px}.lay-pick{position:relative;flex:none}.lay-e{position:absolute;padding:0;border:0;cursor:pointer;background:#f3f3f1 center/cover no-repeat;box-shadow:inset 0 0 0 1px #d4d3cf;transition:background-color .15s ease}.lay-e:not(.on):after{content:"+";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;color:#9a9a98}.lay-e:not(.on):hover{background-color:#ebeae6}.lay-e.on{background-color:#4a4a48;box-shadow:none}.lay-e.on.cur{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3.5px #111}.lay-e:focus-visible,.lay-card:focus-visible{outline:2px solid #2f7de0;outline-offset:1px;z-index:1}.lay-card{position:absolute;padding:0;cursor:pointer;background:#fff;border:1px solid #c8c8c6;font-size:11px;letter-spacing:.04em;color:#8a8a88}.lay-card.on{border:1.5px solid #111;color:#111;font-weight:600}.lay-say{display:flex;flex-direction:column;gap:4px;min-width:0}.lay-say b{font-size:13px;font-weight:600;color:#111}.lay-say span{font-size:11.5px;line-height:1.5;color:#6a6a68}.pslots{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.pslot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;cursor:pointer;font-size:11px;color:#4a4a48}.pslot i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-style:normal;font-size:18px;color:#9a9a98;border:1px solid var(--line);background:#f3f3f1 center/cover no-repeat;box-sizing:border-box}.pslot.cur i{border-color:#111;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #111}.pslot.cur span{color:#111;font-weight:600}.pslot-sep{align-self:stretch;width:1px;margin:0 2px 18px;background:var(--line)}.pslots .thumb{width:34px;height:34px;margin-top:5px}.lay-off{align-self:flex-start;margin-top:2px;padding:6px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px;min-height:36px}.card-side{flex:1;position:relative;overflow:hidden;box-sizing:border-box;min-width:0;min-height:0}.card-side .pic{position:absolute;inset:0}.card-side .pick{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:11px;letter-spacing:.06em;color:#6a6a68;cursor:pointer;background:repeating-linear-gradient(45deg,#ecebe8 0 10px,#e4e3df 10px 20px)}.shape-pv{display:inline-block;flex:none;background:currentColor;opacity:.55}.card-stage{position:relative;z-index:1;height:100%;overflow:hidden}.card-fitwrap{width:100%;height:100%;transform-origin:0 0}.card-fitwrap{display:flow-root}.card-flow{height:100%;display:flex;flex-direction:column}.card-flow.ph-cq{container-type:size}.card.is-auto .card-stage,.card.is-auto .card-fitwrap,.card.is-auto .card-flow{height:auto}.card-stage.zoned{display:flex;flex-direction:column}.card-view{flex:1 1 0;min-height:0;position:relative;clip-path:inset(0 -40px)}.card.is-auto .card-view{flex:none}.card-zone{flex:none;display:flex;flex-direction:column}.card-info{display:flex;justify-content:space-between;gap:10px;letter-spacing:.12em;line-height:1.4;white-space:nowrap}.card-info span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.guide{position:absolute;z-index:2;border:1px dashed rgba(120,120,255,.5);pointer-events:none}.blk{position:relative;break-inside:avoid}.blk .grip{position:absolute;left:-21px;top:0;width:16px;height:100%;cursor:grab;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}.blk .grip:after{content:"";position:absolute;inset:-8px -12px -8px -14px}.blk .grip i{width:4px;height:100%;max-height:15px;border-left:1px solid;border-right:1px solid}.blk .dropline{position:absolute;left:0;right:0;height:2px;pointer-events:none}.blk .dropline.before{top:-6px}.blk .dropline.after{bottom:-6px}.blk .brkmark{position:absolute;left:-6px;right:-6px;height:0;pointer-events:none;border-top:1px dashed;opacity:.75}.blk .brkmark:after{content:attr(data-l);position:absolute;left:calc(100% + 3px);top:-.5px;font-family:Archivo,Noto Sans KR,sans-serif;font-size:5px;font-weight:500;line-height:1;letter-spacing:0;white-space:nowrap;padding:1.5px 2.5px;border:.6px solid;border-radius:1.5px}.blk .brkmark.off{opacity:.32}.b-col{display:flex;flex-direction:column}.b-line{display:flex;align-items:center;gap:10px}.b-rule{height:1px;flex:1}.b-html-empty{border:1px dashed;border-radius:4px;padding:12px 8px;text-align:center;font-size:6.5px;letter-spacing:.04em}.html-src{width:100%;min-height:120px;font-family:var(--mono);font-size:12px;line-height:1.5;resize:vertical;white-space:pre}.b-photo{width:100%;aspect-ratio:16 / 9;overflow:hidden;background-size:cover;background-position:center;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:7px;letter-spacing:.1em}.b-divider{display:flex;justify-content:center;padding:5px 0}.b-divider span{width:46%;height:1px}.b-divider.fade span{width:78%}.b-divider.dots{align-items:center;gap:7px;padding:4px 0}.b-divider.dots i{width:2.5px;height:2.5px;border-radius:50%;opacity:.85}.b-bullet{display:flex;gap:9px;align-items:baseline}.b-bullet .dash{width:10px;flex:none;height:1px;position:relative;top:-3px}.b-avatar{display:flex;gap:10px;align-items:flex-start}.b-avatar .face{width:26px;height:26px;flex:none;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px}.b-avatar .face[data-act]{cursor:pointer}.b-avatar .face .h{width:8px;height:8px;border-radius:50%}.b-avatar .face .s{width:15px;height:7px;border-radius:8px 8px 0 0}.bubble{max-width:76%;padding:7px 12px;border-radius:14px;text-wrap:pretty}.statusbar{flex:none;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-bottom:1px solid var(--line-soft);background:#f5f5f4;font-family:var(--mono);font-size:10px}.statusbar .sep{width:1px;height:12px;background:var(--line);flex:none}.statusbar button{width:26px;height:24px;flex:none;border:1px solid var(--line);background:#fff;font-size:11px;cursor:pointer}.statusbar button:disabled{color:#c8c8c6;cursor:default}.statusbar .info{flex:1;min-width:0;display:flex;align-items:center;gap:8px;white-space:nowrap}.statusbar .info>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.statusbar .info .st{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#6a6a68}.statusbar .info .st.warn{flex:none;color:#a03030}.statusbar .pager{display:flex;align-items:center;gap:6px;flex:none}.statusbar .pager button{width:30px}.statusbar .hist{display:flex;flex:none}.statusbar .hist button{width:auto;height:32px;min-width:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:Archivo,Noto Sans KR,system-ui,sans-serif;font-size:12px;font-weight:500;color:#111}.statusbar .hist button+button{border-left:none}.statusbar .hist .ic{font-size:16px;line-height:1}.statusbar .hist button:disabled .hl{color:#b4b4b2}.panel{flex:none;background:#fff;min-height:0}.tabs{display:flex;flex:none;border-bottom:1px solid var(--line-soft)}.tabs button{flex:1;min-width:0;height:54px;padding:0;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;font-size:11.5px;font-weight:500;color:#6a6a68;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.tabs button .ic{color:#9a9a98;transition:color .12s ease}.tabs button.on{border-bottom-color:#111;color:#111;font-weight:600}.tabs button.on .ic{color:#111}@media (hover: hover){.tabs button:not(.on):hover{color:#333}.tabs button:not(.on):hover .ic{color:#555}}.panel-body{padding:16px 16px 14px;height:var(--panel-h);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.panel-body{transition:height .2s ease,padding .2s ease}.screen.fold>.panel>.panel-body{height:0;padding-top:0;padding-bottom:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.panel-body{transition:none}}.grabber{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:22px;padding:0;border:none;background:#fff;cursor:pointer;touch-action:none;color:#8a8a88}.grabber i{width:36px;height:4px;border-radius:2px;background:#d0d0ce;transition:background .12s ease}.grabber span{font-family:var(--mono);font-size:10px;letter-spacing:.04em}.grabber:active i{background:#111}@media (hover: hover){.grabber:hover i{background:#9a9a98}}.statusbar button.on{background:#111;border-color:#111;color:#fff}.screen.kb-edit>.panel{display:none}.screen.kb-edit>.topbar{display:none}.stage-scroll.over{display:flex;overflow:auto;overscroll-behavior:contain}.stage-scroll.over>.card-fit{margin:auto}.zoomctl{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;box-shadow:0 1px 6px #00000014}.zoomctl button{min-width:28px;height:26px;padding:0;border:1px solid var(--line);background:#ffffffeb;font-family:var(--mono);font-size:11px;cursor:pointer}.zoomctl button+button{border-left:none}.zoomctl button:disabled{color:#c8c8c6;cursor:default}.screen.kb-edit .zoomctl,.kbfit{display:none}.screen.kb-edit .kbfit{display:block;position:absolute;top:8px;right:8px;z-index:3;height:26px;padding:0 10px;border:1px solid rgba(0,0,0,.14);border-radius:13px;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:10px;letter-spacing:.04em;color:#4a4a48;cursor:pointer;box-shadow:0 1px 4px #0000001a}.pane{display:none}.pane.on{display:block}.pane-h{display:none}.pane:not(.show-adv) .sec.adv,.pane:not(.show-adv) .kbhint{display:none}.pane .stack>.sec.adv:first-child{padding-top:0;border-top:none}.advtog{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;margin-top:14px;padding:0;border:1px dashed #cfcfcd;background:#fafaf9;color:#444;font-size:12.5px;font-weight:500;cursor:pointer}.advtog em{font-style:normal;font-size:10.5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff}.advtog .ic{color:#8a8a88;transition:transform .18s ease}.advtog.on{border-style:solid;border-color:var(--line-soft);background:#fff;color:var(--muted)}.advtog.on .ic{transform:rotate(180deg)}@media (hover: hover){.advtog:hover{border-color:#9a9a98;color:#111}}@media (prefers-reduced-motion: reduce){.advtog .ic{transition:none}}.blockname{font-size:12.5px;font-weight:600;flex:1;min-width:0}.blockname span{font-weight:400;color:#6a6a68}.brktog{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 12px 7px 10px;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left;color:#111;transition:border-color .15s ease,background .12s ease}.brktog.on{border-color:#111}.brktog:disabled{cursor:default;color:#6a6a68}.brktog-ic{flex:none;display:flex;color:#8a8a88;transition:color .15s ease}.brktog.on .brktog-ic{color:#111}.brktog-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.brktog-t b{font-size:12.5px;font-weight:500}.brktog-t small{font-size:10.5px;line-height:1.35;color:var(--muted)}.brktog-sw{flex:none;position:relative;width:30px;height:18px;border-radius:9px;background:#dcdcda;transition:background .18s cubic-bezier(.2,.75,.25,1)}.brktog-sw i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000002e;transition:transform .18s cubic-bezier(.2,.75,.25,1)}.brktog.on .brktog-sw{background:#111}.brktog.on .brktog-sw i{transform:translate(12px)}.brktog.on.idle{border-color:#8a8a88}.brktog.on.idle .brktog-sw{background:#8a8a88}.brktog:disabled .brktog-sw{background:#ececea}.brktog:disabled .brktog-ic{color:#c8c8c6}@media (hover: hover){.brktog:not(:disabled):hover{background:#f7f7f6}}.brktog:not(:disabled):active{background:#f2f2f0}@media (prefers-reduced-motion: reduce){.brktog,.brktog-sw,.brktog-sw i{transition:none}}.resetlink.brklink{width:auto;padding:6px 2px}.statusbar .info .st.brkst{display:inline-flex;align-items:center;gap:3px;flex:none}@media (max-width: 600px){.statusbar .info .sep:has(+.brkst),.statusbar .info .st.brkst{display:none}}.preview{flex:1;min-height:0;display:flex;flex-direction:column;background:#1c1c1a;color:#fff;padding-bottom:env(safe-area-inset-bottom)}.preview-bar{flex:none;height:50px;padding:0 14px;gap:10px;display:flex;align-items:center;justify-content:space-between}.preview-bar .link{color:#fff9}.preview-bar .link.strong,.preview-bar .backbtn{color:#fff}.preview-bar .backbtn:hover{background:#ffffff1a}.preview-bar .backbtn:active{background:#ffffff2e}@media (max-width: 400px){.statusbar{gap:8px;padding:0 10px}}.preview-meta{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;white-space:nowrap}.preview-body{flex:1;min-height:0;min-width:0;display:grid;place-items:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.preview-nav{flex:none;min-height:54px;gap:12px;display:flex;align-items:center;justify-content:center;padding:8px 14px 10px}.preview-nav button{width:44px;height:38px;flex:none;border:1px solid rgba(255,255,255,.22);background:none;color:#fff;font-size:15px;cursor:pointer}.preview-nav button:disabled{color:#ffffff40;border-color:#ffffff17;cursor:default}.preview-nav .count{font-family:var(--mono);font-size:11px;color:#ffffffb8;min-width:46px;text-align:center}.preview-hint{font-size:11px;color:#ffffff61}@media (max-width: 400px){.preview-nav .preview-hint{display:none}}.sheet{position:absolute;inset:0;z-index:40;background:#00000061;display:flex;flex-direction:column;justify-content:flex-end}.sheet-card{background:#fff;width:100%;max-width:520px;margin:0 auto;padding:24px 20px calc(28px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;max-height:88%;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sheet-card h2{margin:0 0 14px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:#111}.sheet-card.dlg{gap:0}.dlg-q{margin:2px 0 0;font-size:15.5px;font-weight:600;line-height:1.55;letter-spacing:-.01em}.sheet-card.dlg .btn{height:46px;font-size:13px}.sheet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #ececea;cursor:pointer;font-size:15px}.sheet-row .with-icon{display:flex;align-items:center;gap:9px}.sheet-row .meta{font-family:var(--mono);font-size:10.5px;color:#6a6a68}.sheet-close{margin-top:16px;height:50px;flex:none;border:1px solid #111;background:#111;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.donescreen{position:absolute;inset:0;z-index:45;background:#ededeb;color:#111;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.done-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px 16px 0}.done-img{display:block;height:auto;flex:none;box-shadow:0 10px 32px #00000029}.done-msg{display:flex;flex-direction:column;align-items:center;gap:4px}.done-msg h2{margin:0;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;letter-spacing:-.01em}.done-msg p{margin:0;font-size:11px;color:#6a6a68}.done-foot{flex:none;background:#fff;border-top:1px solid #e8e8e6;padding:16px 16px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.done-foot button{font-family:inherit;cursor:pointer;width:100%;max-width:520px;margin:0 auto}.done-main{height:52px;border:0;background:#111;color:#fff;font-size:15px;font-weight:600}.done-new{height:48px;border:1px solid #dcdcda;background:#fff;color:#111;font-size:14px}.done-edit{height:40px;border:0;background:none;color:#6a6a68;font-size:13px}.done-main:active,.done-new:active{transform:scale(.98)}@media (hover: hover){.done-main:hover{background:#000}.done-new:hover{border-color:#111}.done-edit:hover{color:#111}}.toast{position:absolute;left:20px;right:20px;z-index:50;bottom:calc(40px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}.toast div{background:#111;color:#fff;font-size:13px;letter-spacing:-.01em;padding:12px 18px;display:flex;align-items:center;gap:9px;max-width:100%}.btn,.seg button,.chip,.thumb,.swatch,.tabs button,.statusbar button,.preview-nav button,input[type=color]{transition:transform .1s ease,background .12s ease,color .12s ease,border-color .12s ease}.btn:active,.seg button:active,.chip:active,.thumb:active,.swatch:active,input[type=color]:active,.statusbar button:not(:disabled):active,.preview-nav button:not(:disabled):active{transform:scale(.95)}.tabs button:active{transform:scale(.97)}.link{transition:opacity .12s ease}.link:active{opacity:.5}.sheet-row:active{background:#f6f6f4}.sheet-close:active{transform:scale(.98)}@keyframes screen-in{0%{opacity:0}}.screen.anim-screen{animation:screen-in .22s ease}@keyframes pane-in{0%{opacity:0;transform:translateY(5px)}}.panel-body.anim-in{animation:pane-in .16s ease}@keyframes veil-in{0%{background:#0000}}@keyframes sheet-up{0%{opacity:0;transform:translateY(28px)}}.sheet.anim-in{animation:veil-in .22s ease}.sheet.anim-in .sheet-card{animation:sheet-up .26s cubic-bezier(.2,.75,.25,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast.anim-in div{animation:toast-in .2s ease}@media (prefers-reduced-motion: reduce){.screen.anim-screen,.panel-body.anim-in,.sheet.anim-in,.sheet.anim-in .sheet-card,.toast.anim-in div{animation:none}}@media (pointer: coarse){.btn,.seg button,.swatch,input[type=color]{min-height:38px}.thumb{height:42px}.tabs button{height:58px;font-size:12px}.statusbar{height:52px}.statusbar button{min-width:36px;min-height:36px}.statusbar .hist button{height:44px;min-width:48px;font-size:13px}.statusbar .hist .ic{font-size:19px}.backbtn{height:44px}.link{padding:10px 4px}.raw{font-size:16px;line-height:1.7}.fld{min-height:40px;font-size:16px}.numfld{height:38px}.stepper{height:40px}.st-btn{width:46px}.resetlink{min-height:40px}.grabber{height:28px}.seg.scope button,.seg.target button{height:44px}.numfld input{font-size:16px}.rngfld{font-size:16px;height:34px;width:60px}.numfld button.unit{min-width:44px;justify-content:center}.cpk-sw{height:40px}.cpk-sv{height:156px}.cpk-hue,.cpk-alpha{height:30px;margin:0 15px;border-radius:15px}.cpk-alpha i,.cpk-hue i{width:30px;height:30px;margin:-15px 0 0 -15px}.kbhint{display:none}.hint{font-size:11.5px}.sheet-row{padding:17px 0}}@media (min-width: 560px){body{padding:clamp(12px,3vh,30px)}.screen{max-width:470px;max-height:940px;border:1px solid #e2e2e0;border-radius:18px;box-shadow:0 24px 60px #00000029}}@media (min-width: 820px),(orientation: landscape) and (max-height: 560px) and (min-width: 640px){.screen{max-width:none;max-height:none}.screen.is-edit{display:grid;grid-template-columns:minmax(0,1fr) var(--side);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top side" "stage side" "status side"}.screen.is-edit>.topbar{grid-area:top}.screen.is-edit>.stage{grid-area:stage;border-right:1px solid var(--line-soft)}.screen.is-edit>.statusbar{grid-area:status;border-bottom:none;border-top:1px solid var(--line-soft)}.screen.is-edit>.panel{grid-area:side;min-height:0;display:flex;flex-direction:column}.screen.is-edit>.panel>.panel-body{flex:1;height:auto;padding:18px 20px}.screen.fold>.panel>.panel-body{height:auto;padding:18px 20px;overflow-y:auto}.grabber{display:none}.sheet{align-items:center;justify-content:center}.sheet-card{border-radius:16px;max-width:460px;padding-bottom:28px}}@media (min-width: 1100px) and (min-height: 760px){:root{--side: 468px}.screen.is-edit>.panel{flex-direction:row}.screen.is-edit>.panel>.tabs{flex-direction:column;justify-content:flex-start;gap:4px;width:72px;padding:12px 8px;margin:0;border-bottom:none;border-right:1px solid var(--line-soft);background:#fafaf9}.screen.is-edit>.panel>.tabs button{flex:none;width:56px;height:58px;margin:0;border:none;border-radius:10px;font-size:11px}.screen.is-edit>.panel>.tabs button.on{background:#fff;box-shadow:0 0 0 1px var(--line)}@media (hover: hover){.screen.is-edit>.panel>.tabs button:not(.on):hover{background:#f0f0ee}}.screen.is-edit>.panel>.panel-body{flex:1;min-width:0;padding:20px 22px 26px}.screen.is-edit .pane-h{display:block;margin:0 0 16px;font-size:16px;font-weight:600;letter-spacing:-.01em;color:#111}}@media (orientation: landscape) and (max-height: 560px) and (min-width: 640px){:root{--side: 320px}body{padding:0}.screen{max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none}.topbar{height:42px}.tabs button{height:46px;gap:1px;font-size:10.5px}}.drop-target{outline:2px dashed #3b7cf6;outline-offset:2px}.card.drop-target{outline-offset:5px}.droptip{position:fixed;z-index:70;transform:translate(-50%);pointer-events:none;background:#3b7cf6;color:#fff;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:16px;white-space:nowrap;box-shadow:0 4px 14px #0000002e}.rec-base{margin:12px 0 4px;font-family:var(--mono);font-size:10.5px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:4px}.rec-base i,.rec-meta i{display:inline-block;width:12px;height:12px;border:1px solid rgba(0,0,0,.14);flex:none}.rec-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.rec-item{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left;font:inherit}.rec-item.on{border-color:#111;box-shadow:inset 0 0 0 1px #111}.rec-sample{display:block;padding:10px 12px;font-size:15px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 0 0 1px #0000000f}.rec-meta{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;color:var(--muted)}.sheet.rec .btn:disabled{color:#b4b4b2;background:#f1f1ef;border-color:var(--line);cursor:default}.sheet.rec{background:#0000001f}.sheet.rec .sheet-card{max-height:60%;padding-top:18px}.sheet.rec .sheet-card>*{flex-shrink:0}.sheet.rec .sheet-card h2{margin-bottom:10px}.rec-inline{display:flex;gap:8px;align-items:flex-start}.rec-sw{flex:1;min-width:0;padding:0;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:4px}.rec-chip{height:38px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;border:1px solid rgba(0,0,0,.1)}.rec-sw:active .rec-chip{transform:scale(.96)}.rec-grade{font-family:var(--mono);font-size:9px;letter-spacing:.02em;color:var(--muted);text-align:center;white-space:nowrap}.rec-more{flex:none;width:58px;height:38px;border:1px dashed #b8b8b6;background:#fff;cursor:pointer;font-size:11px;color:#111;display:flex;align-items:center;justify-content:center;gap:2px;white-space:nowrap}.rec-more i{font-style:normal;font-size:14px}.rec-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.rec-head h2{margin:0 0 10px}.rec-head .rec-base{margin:0}.rec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.rec-card{position:relative;display:flex;flex-direction:column;padding:0;text-align:left;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;overflow:hidden}.rec-card .rec-sample{white-space:normal;min-height:48px;padding:10px;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;box-shadow:none;border-bottom:1px solid var(--line-soft)}.rec-foot{display:flex;align-items:center;gap:5px;padding:7px 8px;font-size:10.5px;color:var(--muted);min-width:0}.rec-foot i{display:inline-block;width:12px;height:12px;border:1px solid rgba(0,0,0,.14);flex:none}.rec-badge{margin-left:auto;flex:none;font-family:var(--mono);font-size:9.5px;padding:2px 5px;border:1px solid var(--line);color:#4a4a48;white-space:nowrap}.rec-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;display:none;align-items:center;justify-content:center;background:#111;color:#fff;font-size:11px}.rec-card.on{border-color:#111;box-shadow:inset 0 0 0 1px #111}.rec-card.on .rec-check{display:flex}.rec-actions{position:sticky;bottom:calc(-28px - env(safe-area-inset-bottom));display:flex;gap:8px;margin:14px -20px calc(-28px - env(safe-area-inset-bottom));padding:12px 20px calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line-soft)}.rec-why{padding:6px 8px 0;font-size:11px;color:#111;line-height:1.35}.rec-card .rec-foot{padding-top:4px}.sec-w .rec-dot{display:inline-block;width:9px;height:9px;margin-right:4px;vertical-align:-1px;border:1px solid rgba(0,0,0,.15)}.rec-vars{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:8px}.rv-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rv-h b{font-size:12.5px;font-weight:600}.rv-h span{font-family:var(--mono);font-size:10px;color:var(--muted);display:flex;align-items:center;gap:4px}.rv-h i{display:inline-block;width:10px;height:10px;border:1px solid rgba(0,0,0,.15)}.rv-row{display:flex;align-items:center;gap:6px}.rv-l{width:30px;flex:none;font-size:11px;color:#111}.rv-end{width:34px;flex:none;font-size:10px;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden}.rv-sw{flex:1;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.rv-chip{height:34px;padding:0;border:1px solid rgba(0,0,0,.1);cursor:pointer;position:relative}.rv-chip.mid,.rv-chip.on{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #111}.rv-chip.weak{cursor:not-allowed;opacity:.35}.rv-chip.weak:after{content:"";position:absolute;left:50%;top:20%;bottom:20%;width:1px;background:#a03030;transform:rotate(35deg)}@media (pointer: coarse){.rv-chip{height:40px}}.seg.scope button{display:flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;text-overflow:ellipsis}.scope-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85;flex:none}.ic{display:block;flex:none}.backbtn .ic{margin-left:-2px}.topbar-r{display:flex;align-items:center;gap:6px}.iconbtn{width:40px;height:40px;border:none;background:none;border-radius:20px;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center}.iconbtn:active{background:#e8e8e6}@media (hover: hover){.iconbtn:hover{background:#f1f1ef}}.cta{height:34px;padding:0 14px;border:none;border-radius:17px;background:#111;color:#fff;cursor:pointer;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cta:active{transform:scale(.97)}.cta-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fff;color:#111;font-family:var(--mono);font-size:10.5px;display:inline-flex;align-items:center;justify-content:center}.cta.light{background:#fff;color:#111}.cta.light .cta-n{background:#111;color:#fff}@media (pointer: coarse){.cta{height:38px;border-radius:19px}}.zoomctl button{display:inline-flex;align-items:center;justify-content:center}.zoomctl button.zw.on{background:#111;border-color:#111;color:#fff}@media (pointer: coarse){.zoomctl button{min-width:38px;height:36px}}.statusbar .pager button,.preview-nav button{display:inline-flex;align-items:center;justify-content:center}.grabber .ic{color:#8a8a88}.numfld button.unit i .ic{display:inline-block;vertical-align:-1px}.chipwrap .cfade .ic{display:inline-block}.sheet-card.exp{gap:0}.exp-size button{height:40px;font-size:12.5px}.exp-size button .mono{font-size:10.5px;opacity:.7}.exp-meta{margin:8px 0 12px;font-size:11.5px;color:var(--muted)}.exp-main{height:54px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;margin-bottom:6px}.exp-sub{font-size:11px;font-weight:400;opacity:.7}.exp-sub:empty{display:none}.sheet-row .ic{color:#4a4a48}.sheet-row .meta{font-family:inherit;font-size:12px}.sheet-row.danger,.sheet-row.danger .ic{color:#a03030}.sheet-close.text{background:none;border:none;color:#111;font-weight:500;margin-top:8px}.sheet-foot{margin:14px 0 0;font-size:11px;color:var(--muted)}.sheet-card.exp>*{flex-shrink:0}.exp-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.exp-head h2{margin:0}.exp-dim{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.sheet-card.exp .exp-meta{margin:6px 0 12px;font-size:11px}.sheet-card.exp .exp-main{margin-bottom:4px}.exp-gap{height:12px}.exp-grp{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-bottom:2px;min-height:30px}.exp-lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;color:var(--muted)}.exp-grp .seg{flex:none}.exp-grp .seg button{padding:0 12px;height:30px;font-size:11.5px}.sheet-card.exp .sheet-row{padding:12px 0;min-height:44px;box-sizing:border-box}.exp-grp+.sheet-row{border-top-color:var(--line-soft)}@media (pointer: coarse){.sheet-card.exp .sheet-row{padding:14px 0}.exp-grp .seg button{height:36px;padding:0 14px}}.busybar{height:6px;margin-top:16px;background:#ececea;border-radius:3px;overflow:hidden}.busybar i{display:block;height:100%;background:#111;border-radius:3px;transition:width .25s ease}.sheet.busy .note{margin:8px 0 0}.input-top{justify-content:flex-start;gap:10px}.brand{display:inline-flex;align-items:center;gap:8px}.brand b{font-size:15px;font-weight:700;letter-spacing:-.02em}.verchip{position:relative;flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;height:20px;margin-left:-4px;padding:0 8px;border:1px solid #e2e2df;border-radius:99px;box-sizing:border-box;background:#fff;color:var(--muted);font-size:10.5px;line-height:1;cursor:pointer}.verchip:active{transform:scale(.96)}@media (pointer: coarse){.verchip:after{content:"";position:absolute;inset:-8px -4px}}.verdot{position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px #fff}.sheet.news .news-v{padding:12px 0;border-top:1px solid #ececea}.sheet.news .news-v{padding:16px 0}.sheet.news .news-d{font-size:14px;font-weight:700;color:#111;margin-bottom:12px;letter-spacing:-.01em}.sheet.news ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.sheet.news .news-g{--gc: #111;padding:12px 14px 13px;border-radius:12px;background:#f5f5f3}.sheet.news .g-add{--gc: #2f6fe4}.sheet.news .g-up{--gc: #1f9a6a}.sheet.news .g-fix{--gc: #d4513f}.sheet.news .news-g>b{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;font-weight:700;color:var(--gc)}.sheet.news .news-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--gc);color:#fff}.sheet.news .news-ic svg{stroke-width:2.2}.sheet.news .news-g ul{gap:6px;padding-left:30px}.sheet.news .news-g li{position:relative;font-size:13.5px;line-height:1.6;color:#2b2b2a}.sheet.news .news-g li:before{content:"";position:absolute;left:-12px;top:.68em;width:4px;height:4px;border-radius:50%;background:#b5b5b2}.sheet.news .news-cur{margin:10px 0 0;font-size:12px;color:var(--muted)}.demo-wrap{display:flex;flex-direction:column;gap:8px;flex:none}.demos{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:2px 20px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.demos::-webkit-scrollbar{display:none}.raw-label{font-size:12.5px;font-weight:600;margin-bottom:-6px}details.hint{gap:0}details.hint summary{cursor:pointer;font-size:11.5px;color:#4a4a48;list-style:none}details.hint summary::-webkit-details-marker{display:none}details.hint summary:before{content:"+ ";font-family:var(--mono)}details.hint[open] summary:before{content:"− "}details.hint[open]{gap:5px}details.hint>span{display:block}.input-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.input-foot .link{display:inline-flex;align-items:center;gap:5px;font-size:12px}.input-foot .mono{font-size:10px;color:#b4b4b2}body:has(#app.is-input) #bugfab,body:has(#app.is-edit) #bugfab{display:none!important}.maker{color:#8a8a88;text-decoration:none;font-size:11.5px;letter-spacing:0;transition:color .18s ease}.maker b{color:#4a4a48;font-weight:600;letter-spacing:-.01em;padding-bottom:1px;background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 1px;transition:color .18s ease,background-size .22s ease}.maker:hover,.maker:focus-visible{color:#4a4a48}.maker:hover b,.maker:focus-visible b{color:#111;background-size:100% 1px}.maker:focus-visible{outline:1px solid #111;outline-offset:3px}@media (prefers-reduced-motion: reduce){.maker,.maker b{transition:none}}.edit-foot{flex:none;height:24px;display:flex;align-items:center;padding:0 14px;border-top:1px solid var(--line-soft);background:#fff;line-height:1}.edit-foot .maker{font-size:10.5px}.screen.kb-edit>.edit-foot{display:none}.sheet-foot .maker{font-size:11px}.tpl{position:relative;flex:none;width:124px;scroll-snap-align:start}.tt-pick{width:124px;padding:0;border:none;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;gap:7px}.tpl.on .tt-card{box-shadow:0 0 0 2px #111}.tt-check{position:absolute;left:6px;top:6px;width:22px;height:22px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center}.tt-sub{font-size:10.5px;font-weight:400;color:var(--muted)}.tt-zoom{position:absolute;right:5px;top:5px;width:30px;height:30px;padding:0;border:none;cursor:pointer;border-radius:50%;background:#ffffffeb;color:#111;box-shadow:0 1px 3px #0000002e;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tt-zoom:hover{background:#fff;box-shadow:0 0 0 1px #111}}.tt-card{position:relative;width:124px;height:155px;padding:16px 12px 22px;overflow:hidden;display:flex;flex-direction:column;gap:6px;box-shadow:0 0 0 1px #0000000f,0 2px 8px #00000012;transition:transform .18s ease,box-shadow .18s ease}.tt-pick:active .tt-card{transform:scale(.97)}@media (hover: hover){.tt-pick:hover .tt-card{transform:translateY(-2px);box-shadow:0 0 0 1px #00000014,0 6px 16px #0000001a}}.tt-pick:focus-visible{outline:none}.tt-pick:focus-visible .tt-card{box-shadow:0 0 0 2px #111;outline:2px solid #fff;outline-offset:-4px}.tt-name{font-size:12px;font-weight:500;color:#111;padding-left:1px}.tt-credit{position:absolute;left:12px;right:12px;bottom:9px;font-size:5.5px;letter-spacing:.12em;text-align:right}.tt-title{font-size:14px;font-weight:700;line-height:1.2;letter-spacing:-.03em;margin-top:2px}.tt-body{font-size:6.4px;line-height:1.6;word-break:keep-all}.t-chat{gap:5px;padding-top:12px}.tt-stamp{font-size:5.5px;letter-spacing:.12em;text-align:center;margin-bottom:2px}.tt-bub{max-width:78%;padding:4px 7px;border-radius:7px;font-size:6.3px;line-height:1.45;word-break:keep-all}.tt-bub.l{align-self:flex-start;background:#fff;color:#1a1a1a;border-bottom-left-radius:2px;box-shadow:0 0 0 .5px #0000000f}.tt-bub.r{align-self:flex-end;color:#fff;border-bottom-right-radius:2px}.t-quote{justify-content:center;align-items:center;text-align:center;padding:14px 14px 22px;gap:10px}.tt-q{font-size:10.5px;line-height:1.7;word-break:keep-all;letter-spacing:-.01em}.tt-q i{font-style:normal}.tt-src{font-size:5.5px;letter-spacing:.06em}.t-trans{justify-content:center;gap:7px}.tt-sec{font-size:5.5px;letter-spacing:.22em;font-weight:500}.tt-en{font-size:6.4px;line-height:1.5;font-style:italic}.tt-ko{font-size:10px;line-height:1.55;font-weight:600;word-break:keep-all;letter-spacing:-.02em}.t-hand{gap:8px;padding-top:18px}.tt-li{display:flex;align-items:baseline;gap:6px;font-size:7.4px;line-height:1.4;white-space:nowrap}.tt-li i{flex:none;width:7px;height:1px;position:relative;top:-2px}.bg-maker{display:none}@media (min-width: 560px){.bg-maker{display:block;position:fixed;z-index:1;line-height:1;left:calc(clamp(12px,3vh,30px) + 4px);bottom:max(2px,calc(clamp(12px,3vh,30px)/2 - 6px))}.bg-maker .maker{font-size:11px}.screen>.edit-foot,.input-foot .maker{display:none}}.fld.xcode{display:block;width:100%;height:auto;min-height:96px;margin-top:12px;padding:10px;font-family:var(--mono);font-size:16px;line-height:1.45;word-break:break-all;resize:vertical}.fld.xcode[readonly]{background:#f7f7f5;color:#3a3a38}.note.xerr{color:#111;font-weight:500}.link.dlg-alt{display:block;width:100%;margin-top:10px;min-height:40px;font-size:12.5px;text-decoration:underline;text-underline-offset:3px}.theme-keep{gap:8px;align-items:center}.theme-keep .note{margin:0}.resetlink.themelink{width:auto;padding:6px 2px;min-height:36px}@media (pointer: coarse){.link.dlg-alt,.resetlink.themelink,.prow-code .btn{min-height:44px}}.rshape{display:block;margin:0 auto 5px;border:1.5px solid currentColor;border-radius:2px;opacity:.55}.btn.on .rshape{opacity:1}.rshape.auto{border-style:dashed}.stepper.st-glyph .st-btn{width:52px}.fsg{font-family:Noto Sans KR,sans-serif;font-weight:500;line-height:1;color:#111}.fsg.s{font-size:11px}.fsg.l{font-size:17px}.stepper.st-glyph .numfld input{font-size:14px;font-weight:600;color:#111}@media (pointer: coarse){.stepper.st-glyph .numfld input{font-size:16px}}.sec>.cpk{margin-top:0}span.cpk-sw{display:block;cursor:default}.card-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none}.chips.skins{gap:10px;padding-bottom:2px}.skin-tile{flex:none;width:84px;padding:0;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:center}.sk-card{position:relative;display:block;width:84px;height:105px;overflow:hidden;border:1px solid var(--line);box-shadow:0 1px 2px #0000000f}.skin-tile.on .sk-card{border-color:#111;box-shadow:0 0 0 1px #111}.sk-in{position:absolute;left:0;top:0;width:310px;height:388px;transform:scale(.271);transform-origin:0 0}.sk-txt{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px}.sk-txt b{font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.sk-txt i{display:block;height:9px;border-radius:2px;opacity:.55}.sk-n{font-size:11px;color:#555;white-space:nowrap}.skin-tile.on .sk-n{color:#111;font-weight:600}@media (hover: hover){.skin-tile:not(.on):hover .sk-card{border-color:#9a9a98}}.chips.skins{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;grid-auto-columns:84px;row-gap:12px}.frpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}.frtile{padding:0;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px}.fr-pv{position:relative;display:block;width:62px;height:78px;overflow:hidden;background:#fff;border:1px solid var(--line-soft)}.frtile.on .fr-pv{border-color:#111;box-shadow:0 0 0 1px #111}.fr-n{font-size:11px;color:#555;white-space:nowrap}.frtile.on .fr-n{color:#111;font-weight:600}@media (hover: hover){.frtile:not(.on):hover .fr-pv{border-color:#9a9a98}}.crow{display:flex;flex-direction:column;gap:6px}.crow-sw{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.csw{flex:none;width:26px;height:26px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:50%;cursor:pointer}.csw.light{border-color:#cfcfcd}.csw.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #111}.csw.auto{width:auto;padding:0 9px;border-radius:13px;background:#fff;border-color:var(--line);font-size:11px;color:#444}.csw.auto.on{background:#111;color:#fff;border-color:#111;box-shadow:none}input[type=color].csw-pick{width:34px;height:26px;flex:none}@media (pointer: coarse){.csw{width:32px;height:32px}.csw.auto{height:32px;border-radius:16px}input[type=color].csw-pick{height:32px;width:40px}}.topbar .backbtn,.topbar .link,.topbar .cta{white-space:nowrap;flex:none}.topbar .backbtn{min-width:0}@media (max-width: 400px){.topbar{padding:0 10px}.topbar .backbtn{padding-right:6px;font-size:13.5px}.topbar-r{gap:0}.topbar .link{padding:6px 7px;font-size:13px}}@media (max-width: 340px){.topbar .backbtn{font-size:12.5px;padding-right:4px}.topbar .cta{padding-left:12px;padding-right:10px}.topbar .iconbtn{width:34px}}.viewtog{display:none}.input-top .viewtog{margin-left:auto}@media (min-width: 560px){.viewtog{display:flex}body.view-full{padding:0}body.view-full .screen{max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none}body.view-full .bg-maker{display:none}body.view-full .input-foot .maker{display:inline}}.b-dlgrow{display:flex;align-items:baseline;min-width:0}.vt-pv.dlgpv{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:0 10px;font-family:Noto Sans KR,sans-serif}.dlgpv .dp-lb{font-size:8px;letter-spacing:.2em;color:#8a8a88}.dlgpv .dp-tx{font-size:10.5px;color:#111;white-space:nowrap}.dlgpv .dp-row{display:flex;align-items:baseline;gap:6px}.dlgpv .dp-row b{font-size:10.5px;font-weight:700;color:#111}.lib-wrap{display:flex;flex-direction:column;gap:10px}.lib-wrap .sec-h .link{font-size:12px;padding:4px 2px}.chips.works{gap:12px;align-items:flex-start;padding-bottom:2px}.wtile{flex:none;width:92px;display:flex;flex-direction:column;gap:3px;min-width:0}.wt-card{position:relative;display:block;width:100%;aspect-ratio:4 / 5;padding:0;overflow:hidden;cursor:pointer;border:1px solid var(--line);background:#f5f5f4}.wt-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.wt-fb{display:flex;align-items:flex-start;width:100%;height:100%;padding:10px 8px;text-align:left;font-size:10px;font-weight:600;line-height:1.35;word-break:keep-all;overflow:hidden}.wtile.cur .wt-card{border-color:#111;box-shadow:0 0 0 1px #111}.wt-cur{position:absolute;left:4px;bottom:4px;padding:2px 5px;font-size:9.5px;font-weight:600;background:#111;color:#fff;border-radius:3px}.wt-n{font-size:11.5px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wt-t{font-size:10.5px;color:var(--muted)}.wt-acts{display:flex;gap:10px}.wt-acts .link{font-size:11.5px;padding:6px 0;color:#444}.link.danger{color:#a03030}@media (hover: hover){.wt-card:hover{border-color:#9a9a98}}.lib-card{max-height:min(86svh,720px);display:flex;flex-direction:column}.lib-card h2 .mono{font-size:13px;color:var(--muted);font-weight:400;margin-left:4px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 12px;overflow-y:auto;min-height:0;padding:2px 2px 8px}.lib-grid .wtile{width:auto}@media (pointer: coarse){.wt-acts .link{padding:9px 0;font-size:12.5px}}.chips.skins.sns{grid-template-rows:auto}.brushpill{position:absolute;z-index:4;top:10px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 12px;border:none;border-radius:16px;background:#111;color:#fff;cursor:pointer;font-size:12px;white-space:nowrap;box-shadow:0 4px 14px #0003}.brushpill b{font-weight:600;height:22px;padding:0 9px;border-radius:11px;background:#fff;color:#111;display:inline-flex;align-items:center}@media (pointer: coarse){.brushpill{height:38px}.brushpill b{height:28px}}.trybar{position:absolute;z-index:5;top:10px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 5px 0 14px;max-width:calc(100% - 20px);border-radius:22px;background:#111;color:#fff;font-size:12.5px;white-space:nowrap;box-shadow:0 0 0 1px #ffffff47,0 4px 14px #00000038}.trybar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;margin-right:4px}.trybar b{font-weight:600}.trybar button{flex:none;height:34px;padding:0 14px;border:none;border-radius:17px;font:inherit;font-weight:600;cursor:pointer}.trybar .tb-no{background:transparent;color:#d6d6d4}.trybar .tb-ok{background:#fff;color:#111}.pinchhint{position:absolute;z-index:4;bottom:10px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:2px;height:32px;padding:0 2px 0 12px;white-space:nowrap;border:1px solid var(--line-soft);border-radius:16px;background:#fffffff0;color:#6a6a68;font-size:11.5px;box-shadow:0 2px 8px #00000014}.stage-scroll.clip~.pinchhint{display:flex}.screen.kb-edit .pinchhint{display:none!important}.pinchhint .ph-x{position:relative;width:30px;height:30px;border:0;background:none;color:#8a8a88;font-size:15px;line-height:1;cursor:pointer}.pinchhint .ph-x:after{content:"";position:absolute;inset:-7px}.btn.iconrow{display:inline-flex;align-items:center;justify-content:center;gap:6px}.namechips{display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px}.namechip{height:30px;padding:0 12px;border:1px solid var(--line);border-radius:15px;background:#fff;font-size:12px;color:#333;cursor:pointer;white-space:nowrap}@media (hover: hover){.namechip:hover{border-color:#111;color:#111}}@media (pointer: coarse){.namechip{height:36px;border-radius:18px;font-size:13px}}.pvslot{display:block}.pvbox{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.pvbox .card-sheet{box-shadow:none}.tt-card.real{padding:0;display:flex;align-items:center;justify-content:center;background:#f1f1ef}.tt-card.real .pvslot{width:100%;height:100%}.tplsheet h2 .mono{font-size:13px;color:var(--muted);font-weight:400;margin-left:4px}.tplpv-stage{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 16px}.tplpv-card{flex:1;min-width:0;display:flex;justify-content:center}.tplpv-card .pvslot{display:flex;justify-content:center}.tplpv-card .pvbox .card-sheet{box-shadow:0 1px #0000000f,0 10px 24px #0000001f}.tplnav{flex:none;width:36px;height:56px;border:none;border-radius:18px;background:#f3f3f1;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tplnav:hover{background:#e8e8e6}}.tpl-mini .sk-card{background:#f1f1ef;display:flex;align-items:center;justify-content:center}.tpl-mini .pvslot{display:block;width:100%;height:100%}.seg.tplcats{margin-bottom:2px}.seg.tplcats button{height:32px;font-size:12px}.thumb.pic{position:relative;display:inline-block}.thumbx{position:absolute;right:-6px;top:-6px;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--line);background:#fff;color:#111;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.b-pic1,.b-pics{pointer-events:none}.ce[data-ph]:empty:before{content:attr(data-ph);opacity:.35;pointer-events:none}.statusbar .info .blknav{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0}.statusbar .info .blkpos{width:auto;height:28px;min-width:0;padding:0 8px;display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10.5px;color:#111;overflow:hidden}.statusbar .info .blkpos span{overflow:hidden;text-overflow:ellipsis}.statusbar .info{gap:6px}.statusbar .kbdone{display:none}.screen.kb-edit .statusbar .kbdone{display:inline-flex;align-items:center;justify-content:center;width:auto;height:32px;padding:0 14px;background:#111;border-color:#111;color:#fff;font-family:Archivo,Noto Sans KR,system-ui,sans-serif;font-size:12.5px;font-weight:600}.statusbar .kbbr{display:none}.screen.kb-edit .statusbar .kbbr{display:inline-flex;align-items:center;justify-content:center;width:auto;height:32px;padding:0 12px;border-radius:10px;background:#fff;border:1px solid var(--line);color:#111;font-family:Archivo,Noto Sans KR,system-ui,sans-serif;font-size:12.5px;font-weight:600}.screen.kb-edit .statusbar{gap:6px}.screen.kb-edit .statusbar .hist button+button{display:none}.screen.kb-edit .statusbar .kbbr,.screen.kb-edit .statusbar .kbdone{padding:0 10px}.screen.kb-edit .statusbar .hist .hl{display:none}.toast div:has(.toast-act){pointer-events:auto}.toast-act{margin-left:6px;padding:6px 10px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.raw-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:-4px}.raw-head .raw-label{margin-bottom:0}.pastebtn{height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;font-size:12px}.offer{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:8px;min-height:40px;padding:0 12px 0 14px;border:0;border-radius:10px;background:#f2f2ef;color:#555;font:inherit;font-size:12px;text-align:left;cursor:pointer;animation:offer-in .2s ease}.offer b{color:#111;font-weight:700}.offer em{display:inline-flex;align-items:center;gap:2px;font-style:normal;font-weight:700;color:#111;white-space:nowrap}.offer:hover{background:#e9e9e5}.offer:active{transform:scale(.99)}@keyframes offer-in{0%{opacity:0;transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.offer{animation:none}}@media (pointer: coarse){.panel-body .btn{min-height:42px}.panel-body .seg button,.seg.tplcats button{min-height:40px}.panel-body .resetlink{min-height:36px;display:inline-flex;align-items:center}.statusbar{height:46px}.statusbar .info .blknav{width:36px;height:36px}.statusbar .info .blkpos,.statusbar .hist button{height:36px}.pastebtn{height:40px}.thumbx{width:28px;height:28px;right:-9px;top:-9px}}@media (max-width: 600px){.statusbar .info .sep,.statusbar .info .st:not(.warn){display:none}}@media (max-width: 600px){.raw{min-height:clamp(200px,36vh,420px)}}.multibar{display:flex;gap:6px}.multibar .btn{height:34px;font-size:11.5px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.multibar .btn.on{background:#111;border-color:#111;color:#fff}.card b,.card strong{font-weight:var(--fwb, 700)}.resetlink.linkbtn{width:auto;flex:1 1 auto;min-width:0;text-align:left;padding:6px 0;line-height:1.5;white-space:normal}.card-stage.fx-caret .card-flow>.blk:last-child .ce:after{content:"I";display:inline-block;margin-left:.28em;font-family:"Noto Serif KR",Nanum Myeongjo,serif;font-weight:400;font-size:.55em;line-height:1;vertical-align:.25em;opacity:.65;text-indent:0}.b-book{display:flex;align-items:center}.b-cover{flex:none;border-radius:3px;background-size:cover;background-repeat:no-repeat;box-shadow:0 2px 6px #00000047;display:flex;align-items:center;justify-content:center;font-size:7px;letter-spacing:.04em;cursor:pointer}.seg.wrap2{flex-wrap:wrap}.seg.wrap2 button{flex:1 1 30%}.pfx-pv{display:flex;justify-content:center;padding:6px 0}.pfx-pv img{width:60%;max-width:220px;aspect-ratio:auto;background:var(--line);box-shadow:0 1px 3px #0000002e}.seg.wrap2 button{border-bottom:1px solid var(--line);margin-bottom:-1px}.card-stage.fx-select .card-flow span[style*=background-color]{position:relative;padding:.3em 3px;-webkit-box-decoration-break:slice;box-decoration-break:slice;background-image:radial-gradient(circle at 3.5px 3.5px,#4f7de3 3.2px,transparent 3.8px),linear-gradient(#4f7de3,#4f7de3),radial-gradient(circle at 3.5px calc(100% - 3.5px),#4f7de3 3.2px,transparent 3.8px),linear-gradient(#4f7de3,#4f7de3);background-size:7px 100%,1.6px 100%,7px 100%,1.6px 100%;background-position:left top,2.7px 0,right bottom,calc(100% - 2.7px) 0;background-repeat:no-repeat}.card-stage.fx-select .card-flow span[style*=background-color]:before{content:"밑줄 │ 메모 │ 공유하기";position:absolute;left:18%;bottom:calc(100% + .7em);white-space:nowrap;background:#222326;color:#fff;font-size:.72em;font-weight:400;line-height:1;letter-spacing:0;text-indent:0;text-shadow:none;padding:.95em 1.25em;border-radius:.7em;box-shadow:0 4px 12px #00000038;pointer-events:none}.card-stage.fx-sheet .card-flow span[style*=background-color]:before{display:none}.card-stage.fx-sheet .card-flow>.blk.is-sheet{margin-left:calc(-1 * var(--pl, 0px))!important;margin-right:calc(-1 * var(--pr, 0px))!important;padding:32px var(--pr, 16px) 4px var(--pl, 16px);background:#f2f2f6;border-radius:16px 16px 0 0;text-shadow:none;box-shadow:0 var(--pb, 16px) 0 0 #f2f2f6,0 -2px 12px #0000001a!important}.card-stage.fx-sheet .card-flow>.blk.is-sheet:before{content:"";position:absolute;top:7px;left:50%;width:34px;height:4px;margin-left:-17px;border-radius:2px;background:#c4c4c8}.card-stage.fx-sheet .card-flow>.blk.is-sheet:after{content:"×";position:absolute;top:9px;right:12px;width:22px;height:22px;border-radius:50%;background:#e2e2e7;color:#6c6c70;font:400 16px/22px sans-serif;text-align:center}.card-stage.fx-sheet .card-flow>.blk.is-sheet .b-col{background:#fff;border-radius:12px;padding:12px 14px;gap:8px!important}.card-stage.fx-sheet .card-flow>.blk.is-sheet .b-col>.ce:first-child:not(:last-child){font-size:11px!important;font-weight:700;color:#111!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stage.fx-sheet .card-flow>.blk.is-sheet .b-col>.ce:last-child{color:var(--acc)!important;border-top:1px solid #e3e3e7;padding-top:10px}.shape-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}.shape-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 6px;border:1px solid var(--line-soft);border-radius:8px;background:#fff;cursor:pointer;color:#6a6a68}.shape-tile span{font-size:10.5px;white-space:nowrap}.shape-tile.on{border-color:#111;box-shadow:0 0 0 1px #111;color:#111}.shape-tile.on span{font-weight:600}@media (hover: hover){.shape-tile:not(.on):hover{border-color:#9a9a98}}.corner-wrap{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.corner-ed{position:relative;flex:none;margin:14px}.corner-shape{position:absolute;inset:0;background:#e6e5e1;border:1px solid #b9b8b4}.corner-h{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;padding:0;border-radius:50%;border:2px solid #111;background:#fff;cursor:grab;touch-action:none}.corner-h:active{cursor:grabbing;background:#111}.corner-h:focus-visible{outline:2px solid #3b7cf6;outline-offset:2px}@media (pointer: coarse){.corner-h{width:26px;height:26px;margin:-13px 0 0 -13px}}.corner-v{position:absolute;font:10.5px/1 var(--mono, ui-monospace, monospace);color:#6a6a68;pointer-events:none}.corner-v.c0{left:-14px;top:-14px}.corner-v.c1{right:-14px;top:-14px}.corner-v.c2{right:-14px;bottom:-14px}.corner-v.c3{left:-14px;bottom:-14px}.corner-side{flex:1;min-width:140px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.card-side.movable{cursor:grab;touch-action:none}.card-side.movable:active{cursor:grabbing}.exp-html{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 4px;border-top:1px solid var(--line-soft);margin-top:4px}.exp-html .seg{flex:none}.exp-html .seg button{padding:0 12px;height:30px;font-size:11.5px}.exp-html .with-icon{display:flex;align-items:center;gap:9px;font-size:15px}.card .dropcap:first-letter{float:left;font-size:var(--dcs, 3.1em);line-height:.86;margin:.06em .1em 0 0;font-weight:var(--dcw, 700);color:var(--dc)}.card rt{user-select:text}.deco-grid{display:flex;flex-direction:column;gap:10px}.deco-g{display:flex;flex-direction:column;gap:6px}.deco-gn{font-size:10.5px;letter-spacing:.08em;color:#6a6a68}.deco-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.deco-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:62px;padding:8px 4px 6px;border:1px solid var(--line-soft);border-radius:8px;background:#fff;cursor:pointer;color:#111}.deco-tile:active{background:#f3f3f1}@media (hover: hover){.deco-tile:hover{border-color:#9a9a98}}.deco-pv{font-size:15px;line-height:1.5;white-space:nowrap}.deco-n{font-size:10.5px;color:#6a6a68;white-space:nowrap}.thumb.add{display:flex;align-items:center;justify-content:center;font-size:18px;color:#6a6a68;background:#f3f3f1}.scopebar{display:flex;flex-direction:column;gap:8px;padding-bottom:4px}.scopebar .seg button:disabled{color:#b8b8b6;cursor:default}.scopebar-x{display:flex;gap:6px;flex-wrap:wrap}.btn.chip{height:30px;padding:0 12px;font-size:11.5px;border-radius:99px;flex:none}.btn.chip.on{background:#111;color:#fff;border-color:#111}.pfx-badge{position:absolute;left:50%;top:8px;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;max-width:calc(100% - 16px);overflow:hidden;height:26px;padding:0 11px;border:none;border-radius:13px;background:#111111b8;color:#fff;font-size:11px;cursor:pointer}.card-fit.pfx-on>.card-scale{visibility:hidden}.pfx-stage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;box-shadow:0 2px 10px #0000002e}.card-fit.pfx-wait>.card-scale{opacity:.35}.pfx-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;padding:6px 12px;border-radius:14px;background:#111111bf;color:#fff;font-size:12px;white-space:nowrap}.panehead{position:sticky;top:-16px;z-index:4;margin:-16px -16px 0;padding:12px 16px 10px;background:#fff;border-bottom:1px solid var(--line-soft);display:flex;flex-direction:column;gap:10px}.subnav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.subnav::-webkit-scrollbar{display:none}.subnav button{flex:none;height:32px;padding:0 14px;border-radius:99px;border:1px solid var(--line-soft);background:#fff;color:#444;font-size:12.5px;cursor:pointer;white-space:nowrap}.subnav button.on{background:#111;border-color:#111;color:#fff;font-weight:600}@media (hover: hover){.subnav button:not(.on):hover{border-color:#9a9a98}}@media (pointer: coarse){.subnav button{height:38px;padding:0 11px;font-size:13.5px}}@media (pointer: coarse) and (max-width: 370px){.subnav{gap:5px}.subnav button{padding:0 9px}}.scopebar{gap:8px;padding-bottom:0}.scopeseg button{height:32px;font-size:12px}@media (pointer: coarse){.scopeseg button{height:38px;font-size:13px}}.scopeseg button.on{background:#fff;color:#111;font-weight:600;box-shadow:inset 0 0 0 1.5px #111;position:relative;z-index:1}.blockrow{gap:6px}.blockrow .btn.ib{width:36px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none}.blockrow .iconrow{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex:none}.cpk-tog{display:inline-flex;align-items:center;gap:3px;min-height:32px;margin:-8px 0;padding:0 2px;border:0;background:none;color:#6a6a68;font:inherit;font-size:11.5px;cursor:pointer}.cpk-tog:hover{color:#111}.swipehint{display:flex;align-items:center;gap:6px;margin-top:8px;padding:0 2px 0 10px;height:30px;border-radius:999px;background:#f2f1ee;color:#555;font-size:11.5px}.swipehint>span:nth-child(2){flex:1;text-align:center}.swipehint .sh-arrow{font-size:15px;line-height:1;color:#8a8a88;animation:sh-nudge 1.4s ease-in-out 3}.swipehint .sh-arrow:first-child{animation-name:sh-nudge-l}.swipehint .sh-x{width:30px;height:30px;border:0;background:none;color:#8a8a88;font-size:16px;line-height:1;cursor:pointer}@keyframes sh-nudge{0%,to{transform:none}50%{transform:translate(3px)}}@keyframes sh-nudge-l{0%,to{transform:none}50%{transform:translate(-3px)}}@media (prefers-reduced-motion: reduce){.swipehint .sh-arrow{animation:none}}.card-stage.tgrad .blk,.card-stage.tgrad .blk *{color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important}.card-stage.tgrad .blk .grip i{border-color:#00000040!important}.tgsw{width:34px;height:34px;border:1px solid #d6d5d2;padding:0;cursor:pointer;flex:none}.tgsw.on{box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #111;border-color:#111}.card-side.on-card{flex:none;z-index:2}.card-side.on-card.on-back{z-index:0}.card-side.on-card.movable{outline:1px dashed rgba(127,127,127,.55);outline-offset:-1px}.card-side.on-card .rz{position:absolute;right:0;bottom:0;width:16px;height:16px;background:#fff;border:1.5px solid #111;border-radius:2px;cursor:nwse-resize;z-index:1;box-sizing:border-box}.card-side.on-card .rz:after{content:"";position:absolute;inset:-10px}.stk{position:absolute;z-index:4;box-sizing:border-box}.stk.back{z-index:0}.stk-img{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat}.stk.edit{cursor:move;touch-action:none}.stk.sel{outline:calc(1.5px * var(--ik, 1)) solid #3b7cf6;outline-offset:calc(2px * var(--ik, 1));z-index:6}.stk.ghost{pointer-events:none}.stk.ghost .stk-h,.stk.ghost .stk-x{pointer-events:auto}.stk-h{position:absolute;width:calc(16px * var(--ik, 1));height:calc(16px * var(--ik, 1));box-sizing:border-box;background:#fff;border:calc(1.5px * var(--ik, 1)) solid #3b7cf6;touch-action:none}.stk-h:after{content:"";position:absolute;inset:calc(-10px * var(--ik, 1))}.stk-rz{right:calc(-9px * var(--ik, 1));bottom:calc(-9px * var(--ik, 1));border-radius:calc(3px * var(--ik, 1));cursor:nwse-resize}.stk-rot{left:50%;top:calc(-30px * var(--ik, 1));margin-left:calc(-8px * var(--ik, 1));border-radius:50%;cursor:grab}.stk-rot:before{content:"";position:absolute;left:50%;top:100%;width:calc(1.5px * var(--ik, 1));height:calc(12px * var(--ik, 1));margin-left:calc(-.75px * var(--ik, 1));background:#3b7cf6}.stk-x{position:absolute;left:calc(-11px * var(--ik, 1));top:calc(-11px * var(--ik, 1));width:calc(20px * var(--ik, 1));height:calc(20px * var(--ik, 1));padding:0;border:0;border-radius:50%;background:#111;color:#fff;font-size:calc(13px * var(--ik, 1));line-height:calc(20px * var(--ik, 1));text-align:center;cursor:pointer}.card-side.on-ghost{pointer-events:none;background:none;z-index:3}.card-side.on-ghost .rz,.card-side.on-ghost .mv{pointer-events:auto}.card-side.on-card .mv{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#ffffffeb;border:1.5px solid #111;box-sizing:border-box;cursor:grab}.card-side.on-card .mv:before{content:"";position:absolute;inset:7px;background:linear-gradient(#111,#111) center/100% 1.5px no-repeat,linear-gradient(#111,#111) center/1.5px 100% no-repeat}[data-plbar]{cursor:pointer;touch-action:none}[data-plbar]:after{content:"";position:absolute;inset:-10px -6px}.panehead{transition:transform .18s ease,box-shadow .18s ease}.panel-body.ph-hide .panehead{transform:translateY(calc(-100% - 16px));box-shadow:none}@media (prefers-reduced-motion: reduce){.panehead{transition:none}}.b-scene{position:relative;width:100%;overflow:hidden}.b-scene .sc-pic{position:absolute;inset:0;background-size:cover;display:flex;align-items:center;justify-content:center;font-size:7px;letter-spacing:.1em;cursor:pointer}.b-scene .sc-cap{position:absolute;left:6%;right:6%;text-align:center;pointer-events:none}.b-scene .sc-cap [contenteditable]{pointer-events:auto}.b-photo{position:relative}.ipic{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;pointer-events:none}[data-imgb]{touch-action:none;cursor:grab}[data-imgb]:active{cursor:grabbing}.b-photo>span{position:relative}.b-photo>span.demo-tag{position:absolute;left:4px;bottom:4px;padding:1px 5px;border-radius:99px;background:#ffffffe0;color:#444;font-size:5px;letter-spacing:0;pointer-events:none}.stepper.st-glyph .st-btn .ic{display:block;margin:auto}.typejust.fresh>*{animation:typejust-in .9s ease;border-radius:12px}@keyframes typejust-in{0%{opacity:0;transform:translateY(-4px);background:#fff6d6}35%{opacity:1;transform:none;background:#fff6d6}to{background:transparent}}@media (prefers-reduced-motion: reduce){.typejust.fresh>*{animation:none}}.chips.skins.tplrow{display:flex}.chips.skins.tplrow>.skin-tile{flex:none;width:84px}.panel-rs{display:none}@media (min-width: 820px),(orientation: landscape) and (max-height: 560px) and (min-width: 640px){.screen.is-edit>.panel{position:relative}.panel-rs{display:block;position:absolute;left:-5px;top:0;bottom:0;width:10px;z-index:5;cursor:col-resize;touch-action:none}.panel-rs:after{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;border-radius:2px;background:transparent;transition:background .15s}.panel-rs:hover:after,body.side-dragging .panel-rs:after{background:#b8b8b5}}body.side-dragging{cursor:col-resize;user-select:none;-webkit-user-select:none}body.side-dragging .screen{transition:none!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#00000029;border-radius:99px;border:3px solid transparent;background-clip:padding-box;min-height:40px}::-webkit-scrollbar-thumb:hover{background-color:#00000052}::-webkit-scrollbar-thumb:active{background-color:#0000006b}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-button{display:none;width:0;height:0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.22) transparent}}.qstrip{display:flex;align-items:stretch;gap:8px;border:1px solid var(--line);border-radius:3px;padding:8px;background:#fff}.qs-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.qs-pv{flex:none;width:44px;height:55px;overflow:hidden;background:#f4f4f2;box-shadow:0 0 0 1px var(--line)}.qs-pv .pvslot{display:block;width:44px;height:55px}.qs-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.qs-txt .qs-k{font-size:11px;color:var(--muted)}.qs-txt b{font-size:14px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qs-txt>span:not(.qs-k){font-size:11px;color:var(--muted)}.qs-go{flex:none;display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px 0 14px;border-radius:3px;background:#111;color:#fff;font-size:12.5px;font-weight:600;transition:background .12s ease}@media (hover: hover){button.qs-main:hover .qs-go{background:#333}}button.qs-main:active .qs-go{transform:scale(.97)}.qs-pre{flex:none;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:3px;background:#fff;font:inherit;font-size:12px;color:#444;cursor:pointer}.qs-pre.on{border-color:#111;color:#111}.qs-pre .mono{font-size:10.5px;color:#8a8a88}@media (pointer: coarse){.qs-go{height:44px}}.qs-row{margin-top:-4px}@keyframes qsFlash{0%{background:#fff}30%{background:#fff1d6;box-shadow:0 0 0 3px #f0aa3c2e}to{background:#fff;box-shadow:none}}.qstrip.qs-flash{animation:qsFlash 1.6s ease-out .3s 1}@media (prefers-reduced-motion: reduce){.qstrip.qs-flash{animation:none}}.statusbar{background:#f6f6f4;font-family:Archivo,Noto Sans KR,system-ui,sans-serif;font-size:12px;gap:10px}.statusbar .bnav{display:inline-flex;align-items:stretch;flex:0 1 auto;min-width:0;height:32px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.statusbar .bnav button{height:auto!important;border:0;border-radius:0;background:transparent;color:#111}.statusbar .bnav .blknav{width:32px}.statusbar .bnav .blkpos{border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);padding:0 10px;gap:6px;font-family:inherit;font-size:12px;font-weight:600}.statusbar .bnav .blkpos .ic{color:#8a8a88}.statusbar .bnav button:disabled{color:#cfcfcd}@media (hover: hover){.statusbar .bnav button:not(:disabled):hover,.statusbar .hist button:not(:disabled):hover,.zoomctl button:not(:disabled):hover{background:#f1f1ef}}.statusbar .info .st{font-size:11.5px;color:#6a6a68}.statusbar .sep{display:none}.statusbar .pager{background:#fff;border:1px solid var(--line);border-radius:10px;height:32px;gap:2px;padding:0 2px;font-size:12px;font-weight:600}.statusbar .pager button{border:0;background:transparent;height:28px;border-radius:8px}.statusbar .hist{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.statusbar .hist button{border:0;background:transparent;border-radius:0;height:32px;padding:0 12px;font-size:12.5px;font-weight:600}.statusbar .hist button+button{border-left:1px solid var(--line-soft);font-weight:500}.statusbar .hist button:disabled{color:#c4c4c2}.screen.kb-edit .statusbar .kbdone{border-radius:10px}.zoomctl{align-items:center;gap:2px;padding:3px;border-radius:12px;background:#fffffff0;border:1px solid var(--line);box-shadow:0 4px 14px #0000001a;backdrop-filter:blur(6px)}.zoomctl button{border:0!important;background:transparent;min-width:30px;height:28px;border-radius:8px;color:#111}.zoomctl button.zr{min-width:48px;padding:0 6px;font-family:Archivo,Noto Sans KR,system-ui,sans-serif;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.zoomctl button.zw{color:#4a4a48}.zoomctl button.zw.on{background:#111;color:#fff}.zoomctl button:disabled{color:#cfcfcd}@media (pointer: coarse){.statusbar .bnav,.statusbar .hist,.statusbar .pager,.statusbar .hist button{height:38px}.statusbar .bnav .blknav{width:38px;min-height:0}.zoomctl button{min-width:36px;height:34px}}.npad-wrap{display:flex;align-items:center;gap:16px}.npad{position:relative;flex:none;width:128px;height:128px;border:1px solid var(--line);border-radius:3px;overflow:hidden;background-color:#fafaf9;background-image:radial-gradient(circle,#d6d6d3 1px,transparent 1.2px);background-size:12.8px 12.8px;background-position:center;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.npad:active{cursor:grabbing}.npad-h,.npad-v{position:absolute;background:#dcdcda;pointer-events:none}.npad-h{left:24px;right:24px;top:50%;height:1px}.npad-v{top:24px;bottom:24px;left:50%;width:1px}.npad-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;border:1.5px solid #8a8a88;pointer-events:none;transition:left .08s linear,top .08s linear}.npad.moved .npad-dot{background:#111;border-color:#111;box-shadow:0 0 0 3px #1111111f}.npad-b{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#8a8a88;cursor:pointer;transition:color .12s ease,background .12s ease}.npad-b.u,.npad-b.d{left:32px;right:32px;height:24px}.npad-b.l,.npad-b.r{top:32px;bottom:32px;width:24px}.npad-b.u{top:0}.npad-b.d{bottom:0}.npad-b.l{left:0}.npad-b.r{right:0}.npad:hover .npad-b{color:#4a4a48}.npad-b:hover{color:#111!important;background:#1111110d}.npad-b:active{background:#1111111a}.npad-vals{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.npad-fs{align-self:stretch;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#fff}.npad-fs:focus-within{border-color:#111}.npad-f{display:flex;align-items:center;height:36px}.npad-f+.npad-f{border-top:1px solid var(--line-soft)}.npad-f .ax{flex:none;width:44px;height:100%;display:flex;align-items:center;justify-content:center;background:#f4f4f2;font-size:11px;color:#6a6a68}.npad-f .numfld{height:100%;border:none;background:transparent}.npad-f .numfld:focus-within{box-shadow:none;background:#fbfbfa}.npad-f .numfld input{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.npad-vals .resetlink{width:auto;padding:4px 0}@media (pointer: coarse){.npad{width:140px;height:140px}.npad-b.u,.npad-b.d{height:32px}.npad-b.l,.npad-b.r{width:32px}.npad-f{height:44px}.npad-f .numfld input{font-size:16px}}.bmenu{position:fixed;z-index:60;min-width:224px;max-width:calc(100vw - 16px);padding:4px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 28px #00000024,0 2px 6px #0000000f;font-family:Archivo,Noto Sans KR,system-ui,sans-serif;color:#111;animation:bm-in .14s ease-out}@keyframes bm-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}@media (prefers-reduced-motion: reduce){.bmenu{animation:none}}.bm-h{padding:6px 10px 5px;font-size:11px;color:#6a6a68}.bm-tip{display:block;margin-top:2px;font-size:10.5px;color:#6a6a68}.bm-i{display:flex;align-items:center;gap:10px;width:100%;height:34px;padding:0 10px;border:0;border-radius:4px;background:transparent;font:inherit;font-size:13px;color:inherit;text-align:left;cursor:pointer}.bm-i .ic{flex:none;color:#4a4a48}.bm-i span{flex:1;white-space:nowrap}.bm-i em{font-style:normal;font-size:11px;color:#8a8a88;white-space:nowrap}.bm-i:hover,.bm-i:focus-visible{background:#f2f2f0;outline:none}.bm-i:active{background:#e8e8e6}.bm-i.danger,.bm-i.danger .ic{color:#a03030}.bm-hr{display:block;height:1px;margin:4px 6px;background:var(--line-soft)}@media (pointer: coarse){.bm-i{height:44px;font-size:14px}}@media (pointer: coarse) and (max-width: 600px){.zoomctl:not(.zk){display:none}.zoomctl.zk{right:8px;bottom:8px;padding:2px}.zoomctl.zk button{min-width:32px;height:30px}}@media (max-width: 600px){.startbtn{position:sticky;bottom:10px;z-index:5;box-shadow:0 6px 18px #0000002e}.screen.is-input:has(#raw:focus) .startbtn{position:static;box-shadow:none}}@media (max-width: 600px){.screen.is-edit>.edit-foot{display:none}.blockrow .blockname{display:none}.blockrow .iconrow{flex:1;justify-content:center}}@media (pointer: coarse){.tt-zoom:after,.swipehint .sh-x:after{content:"";position:absolute;inset:-7px}button.resetlink{min-width:32px}.swipehint .sh-x{position:relative}.grabber{height:34px}.topbar .link{min-height:44px;display:inline-flex;align-items:center}}.selbar{position:fixed;z-index:55;display:flex;flex-direction:column;gap:4px;padding:4px;background:#111;color:#fff;border-radius:6px;box-shadow:0 8px 22px #00000038;font-family:Archivo,Noto Sans KR,system-ui,sans-serif;animation:sb-in .12s ease-out;touch-action:manipulation}@keyframes sb-in{0%{opacity:0;transform:translateY(3px)}}@media (prefers-reduced-motion: reduce){.selbar{animation:none}}.sb-row{display:flex;align-items:center;gap:2px}.sb-b{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:0;border-radius:4px;background:transparent;color:#fff;font:inherit;font-size:14px;cursor:pointer}.sb-b:hover{background:#ffffff1f}.sb-b.on{background:#fff3}.sb-b b{font-weight:700}.sb-b i{font-style:italic}.sb-fs.s{font-size:11px}.sb-fs.l{font-size:16px}.sb-tc{font-weight:600;border-bottom:3px solid var(--c);line-height:1.1;padding:0 1px}.sb-tc[style*="#111111"]{border-bottom-color:#fff}.sb-hl{background:#8a8a88;color:#111;padding:0 3px;border-radius:2px;font-weight:600}.sb-sep{width:1px;height:18px;margin:0 3px;background:#fff3;flex:none}.sb-sw{display:flex;gap:4px;padding:2px}.sb-c{width:26px;height:26px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;cursor:pointer}.sb-c.none{background:#fff linear-gradient(to top right,transparent calc(50% - 1px),#e0433a calc(50% - 1px),#e0433a calc(50% + 1px),transparent calc(50% + 1px))}@media (pointer: coarse){.selbar{width:calc(100vw - 16px);max-width:420px;box-sizing:border-box}.sb-row{gap:0}.sb-b{flex:1 1 0;min-width:0;height:44px;padding:0;font-size:15px}.sb-sep{margin:0}.sb-c{width:32px;height:32px}.sb-sw{flex-wrap:wrap}}@media (max-width: 600px){.panehead{padding:8px 16px;gap:8px}.blockrow,.scopebar .lbl{display:none}.scopeseg button{height:34px;font-size:12.5px}}.seg.tplcats{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.seg.tplcats::-webkit-scrollbar{display:none}.seg.tplcats button{flex:1 0 auto;min-width:44px;padding:0 10px}@media (pointer: coarse){.statusbar{height:56px}.statusbar .bnav,.statusbar .hist,.statusbar .pager{height:46px}.statusbar .hist button{height:44px}.statusbar .bnav .blknav{width:44px}.statusbar .pager button{width:40px;height:42px}.seg.tplcats button{min-height:44px}}.stagepager{display:none}@media (max-width: 600px){.statusbar .pager{display:none}.stage>.stagepager{position:absolute;z-index:4;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;height:46px;padding:0 1px;border:1px solid var(--line);border-radius:23px;background:#fffffff0;box-shadow:0 1px 6px #00000014;font-family:Archivo,Noto Sans KR,system-ui,sans-serif;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.stagepager button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:22px;background:transparent;color:#111;cursor:pointer}.stagepager button:disabled{color:#cfcfcd;cursor:default}.stage>.stagepager~.pinchhint{bottom:64px}.stage:has(>.zoomctl.zk)>.stagepager{left:10px;transform:none}.screen.kb-edit .stage>.stagepager{display:none}}.colgrip{position:absolute;z-index:6;width:28px;margin-left:-14px;cursor:ew-resize;touch-action:none}.colgrip:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed rgba(59,124,246,.45)}.colgrip i{position:absolute;top:50%;left:50%;width:14px;height:30px;margin:-15px 0 0 -7px;border-radius:7px;background:#fff;border:1.5px solid #3b7cf6;box-shadow:0 1px 4px #0000002e}.colgrip i:before,.colgrip i:after{content:"";position:absolute;top:8px;bottom:8px;width:0;border-left:1px solid #3b7cf6}.colgrip i:before{left:4px}.colgrip i:after{right:4px}.colgrip.on i,.colgrip:hover i{background:#3b7cf6}.colgrip.on i:before,.colgrip.on i:after,.colgrip:hover i:before,.colgrip:hover i:after{border-color:#fff}.screen.kb-edit .colgrip{display:none}.card-flow.is-grid{position:relative;flex-direction:initial}.gcell{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.gcell{overflow:hidden}.gover{position:relative;pointer-events:none;z-index:6}.gover>.ggrip{pointer-events:auto}.gcell>.blk{zoom:var(--gz, 1)}.gcell.gclip:before{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;z-index:5;pointer-events:none;background:linear-gradient(#e5484d00,#e5484d38);border-bottom:1.5px solid #e5484d}.gcell.gclip:after{content:"넘침";position:absolute;right:3px;bottom:4px;z-index:5;pointer-events:none;font:700 10px/1 Pretendard,system-ui,sans-serif;letter-spacing:0;color:#fff;background:#e5484d;border-radius:4px;padding:3px 5px}.gcol:before{content:attr(data-n);display:none;position:absolute;top:3px;left:50%;transform:translate(-50%);font:700 10px/1 Pretendard,system-ui,sans-serif;color:#fff;background:#3b7cf6d9;border-radius:8px;padding:2px 6px}.card-flow.gdragging>.gcol{z-index:7;background:#3b7cf614}.card-flow.gdragging>.gcol:before{display:block}.gcell>.blk{flex:none}.gcell>.blk.gfill{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.gcell>.blk.gfill>.b-col{flex:1 1 0;min-height:0}.gcell>.blk.gfill .b-photo{flex:1 1 0;min-height:24px;aspect-ratio:auto!important}.gcell>.blk.gbot{margin-top:auto!important}.gcell>.blk:not(.gbl){margin-left:var(--bl, 0);margin-right:var(--br, 0)}.card-view.is-grid{clip-path:inset(-400px -400px 0)}.gcol{position:absolute;top:0;bottom:0;pointer-events:none;background:#3b7cf60d;box-shadow:inset 1px 0 #3b7cf64d,inset -1px 0 #3b7cf64d}.gcell.gcur{outline:1px dashed rgba(59,124,246,.6);outline-offset:2px}.ggrip{position:absolute;z-index:6;touch-action:none}.ggrip.l,.ggrip.r{top:50%;width:9px;height:24px;margin-top:-12px;border-radius:5px;background:#fff;border:1.5px solid #3b7cf6;box-shadow:0 1px 4px #0000002e;cursor:ew-resize}.ggrip.l{left:-5px}.ggrip.r{right:-5px}.ggrip.b{left:50%;bottom:-7px;width:24px;height:9px;margin-left:-12px;border-radius:5px;background:#fff;border:1.5px solid #3b7cf6;box-shadow:0 1px 4px #0000002e;cursor:ns-resize}.ggrip.m{left:50%;top:1px;width:22px;height:18px;margin-left:-11px;border-radius:6px;background:#fff;border:1.5px solid #3b7cf6;color:#3b7cf6;box-shadow:0 1px 4px #0000002e;cursor:move;display:flex;align-items:center;justify-content:center}.ggrip.m .ic{pointer-events:none}.ggrip.m.on,.ggrip.m:hover{color:#fff}.gcell.gdrop-b{box-shadow:inset 3px 0 #3b7cf6}.gcell.gdrop-a{box-shadow:inset -3px 0 #3b7cf6}.ggrip.on,.ggrip:hover{background:#3b7cf6}.screen.kb-edit .ggrip{display:none}@media (pointer: coarse){.ggrip.l,.ggrip.r{width:14px;height:36px;margin-top:-18px}.ggrip.l{left:-7px}.ggrip.r{right:-7px}.ggrip.b{width:36px;height:14px;margin-left:-18px;bottom:-7px}.ggrip.m{width:32px;height:26px;margin-left:-16px;top:1px}}.gmap{display:flex;align-items:center;gap:3px;padding-left:62px}.gmap i{flex:1;height:14px;border-radius:3px;background:#ececea}.gmap i.on{background:#111}.gmap span{flex:none;margin-left:6px;font-size:11px;color:#6a6a68}.gshapes{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;min-width:0}.gshape{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:7px 6px 6px;border:1px solid #e3e3e0;border-radius:9px;background:#fff;cursor:pointer;font:inherit;color:#3a3a38}.gshape-bar{display:flex;gap:2px}.gshape-bar i{flex:1;height:10px;border-radius:2px;background:#ececea}.gshape-bar i.on{background:#9a9a98}.gshape-n{font-size:11px;line-height:1.2;text-align:center;white-space:nowrap}.gshape.on{border-color:#111;box-shadow:inset 0 0 0 1px #111;color:#111}.gshape.on .gshape-bar i.on{background:#111}.gshape:focus-visible{outline:2px solid #3b7cf6;outline-offset:2px}@media (pointer: coarse){.colgrip{width:36px;margin-left:-18px}.colgrip i{width:18px;height:40px;margin:-20px 0 0 -9px;border-radius:9px}}.tabs .fsbtn{box-shadow:inset 1px 0 0 var(--line-soft)}@media (min-width: 1100px) and (min-height: 760px){.screen.is-edit>.panel>.tabs .fsbtn{margin-top:9px;box-shadow:0 -5px 0 -4px var(--line)}}.fsearch{position:fixed;left:0;right:0;top:0;height:var(--app-h, 100dvh);z-index:80;display:flex;justify-content:center;align-items:flex-start;padding:max(10px,env(safe-area-inset-top)) 10px 10px;background:#00000061;font-family:Archivo,Noto Sans KR,system-ui,sans-serif;color:#111;animation:veil-in .18s ease}.fs-card{width:100%;max-width:520px;max-height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 12px 40px #0000002e}@media (min-width: 820px){.fsearch{padding-top:11vh}.fs-card{max-height:72vh}}.fs-head{flex:none;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-bottom:1px solid var(--line-soft)}.fs-head .ic{flex:none;color:#6a6a68}.fs-in{flex:1;min-width:0;height:44px;padding:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:#111}.fs-in::placeholder{color:#9a9a98}.fs-in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.fs-x{flex:none;height:44px;min-width:52px;padding:0 12px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:500;color:#111;cursor:pointer}.fs-list{flex:1 1 auto;min-height:0;margin:0;padding:4px 0 6px;list-style:none;overflow-y:auto;overscroll-behavior:contain}.fs-g{padding:12px 16px 4px;font-family:var(--mono);font-size:10.5px;color:var(--muted)}.kb-title{flex:1;font-size:15px;font-weight:600}.kb-list{margin:0;padding:0 16px 4px;list-style:none}.kb-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;border-top:1px solid var(--line-soft)}.kb-row.kb-alt{border-top:0;padding-top:0}.kb-keys{flex:none;font-size:11.5px;color:#6a6a68;white-space:nowrap}.kb-keys kbd{display:inline-block;min-width:20px;padding:2px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:#fff;font:500 11px var(--mono);color:#111;text-align:center}.fs-it{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 16px;cursor:pointer}.fs-it b{min-width:0;font-size:14px;font-weight:500;letter-spacing:-.01em}.fs-path{flex:none;font-family:var(--mono);font-size:10.5px;color:var(--muted);white-space:nowrap}.fs-it:active{background:#efefed}@media (hover: hover){.fs-it.on{background:#f3f3f1}.fs-it:hover{background:#f6f6f4}}.fs-none{padding:18px 16px;font-size:13px;line-height:1.6;color:var(--muted)}.fs-foot{flex:none;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);font-size:11px;line-height:1.5;color:var(--muted)}.fhit{border-radius:3px;animation:fhit 1.5s ease-out both}@keyframes fhit{0%,22%{box-shadow:0 0 0 3px #111,0 0 0 8px #11111124;background-color:#f1f1ef}36%{box-shadow:0 0 0 2px #11111159,0 0 0 8px #1110}50%,70%{box-shadow:0 0 0 3px #111,0 0 0 8px #11111124;background-color:#f1f1ef}to{box-shadow:0 0 0 3px #1110,0 0 0 8px #1110}}@media (prefers-reduced-motion: reduce){.fsearch{animation:none}.fhit{animation:none;box-shadow:0 0 0 3px #111}}.seg.ratiogrid button{height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11.5px;line-height:1}.seg.ratiogrid button.mono{font-family:var(--mono);letter-spacing:-.02em}.seg.ratiogrid .rshape{margin:0}.seg.ratiogrid button.on .rshape{opacity:1}@media (pointer: coarse){.seg.ratiogrid button{height:56px;font-size:12px}}.tposrow{display:flex;align-items:flex-start;gap:12px}.tposgrid{flex:none;display:grid;grid-template-columns:repeat(3,48px);grid-auto-rows:44px;gap:2px;padding:3px;border:1px solid var(--line);border-radius:3px;background:#f5f5f4}.tpos{display:flex;padding:7px 8px;border:1px solid transparent;border-radius:2px;background:#fff;cursor:pointer}.tpos i{display:block;width:20px;height:11px;background:linear-gradient(#a8a8a6 0 0) 0 0 / 100% 2px no-repeat,linear-gradient(#a8a8a6 0 0) 0 50% / 100% 2px no-repeat,linear-gradient(#a8a8a6 0 0) 0 100% / 64% 2px no-repeat}.tpos[data-h=center] i,.tpos[data-h=center].on i{background-position:0 0,0 50%,50% 100%}.tpos[data-h=right] i,.tpos[data-h=right].on i{background-position:0 0,0 50%,100% 100%}.tpos.hcol{background:#ededeb}.tpos.on{background:#111;border-color:#111}.tpos.on i{background:linear-gradient(#fff 0 0) 0 0 / 100% 2px no-repeat,linear-gradient(#fff 0 0) 0 50% / 100% 2px no-repeat,linear-gradient(#fff 0 0) 0 100% / 64% 2px no-repeat}@media (hover: hover){.tpos:not(.on):hover{border-color:#9a9a98}}@media (pointer: coarse){.tposgrid{grid-template-columns:repeat(3,50px);grid-auto-rows:46px}}.tpos-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.phgrip{position:absolute;right:3px;bottom:3px;z-index:3;width:16px;height:16px;border-radius:3px;background:#fff;border:1.5px solid #3b7cf6;box-shadow:0 1px 4px #0003;cursor:nwse-resize;touch-action:none}.phgrip:before{content:"";position:absolute;right:2px;bottom:2px;width:7px;height:7px;border-right:1.5px solid #3b7cf6;border-bottom:1.5px solid #3b7cf6}.phgrip:after{content:"";position:absolute;inset:-14px}.phgrip.on,.phgrip:hover{background:#3b7cf6}.phgrip.on:before,.phgrip:hover:before{border-color:#fff}@media (pointer: coarse){.phgrip{width:22px;height:22px}.phgrip:after{inset:-11px}}.pchipw{display:inline-flex;flex:none;align-items:stretch}.pchip-ed{flex:none;width:34px;margin-left:-1px;border:1px solid var(--line);background:#fff;color:#4a4a48;font-size:13px;cursor:pointer;border-radius:0}.pchip-ed:active{background:#f5f5f4}@media (pointer: coarse){.pchip-ed{width:44px}}.row.fr-pair{gap:6px}.fr-st .st-val{gap:4px;color:#111;white-space:nowrap}.fr-st-n{white-space:nowrap;font-style:normal;font-size:10px;color:#6a6a68;font-family:Archivo,Noto Sans KR,sans-serif}.fr-pair .st-btn{width:34px}.st-btn:disabled{color:#c8c8c6;cursor:default;background:#f4f4f2}.fr-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-left:4px;vertical-align:2px}@media (pointer: coarse){.fr-pair .st-btn{width:40px}.fr-pair .fr-st .st-val{flex-direction:column;gap:0;line-height:1.15}.fr-pair .fr-st-n{font-size:9.5px}}.deco-ctl{display:flex;flex-direction:column;gap:8px}@media (pointer: coarse){.deco-ctl{position:sticky;top:-16px;z-index:3;background:#fff;margin:0 -16px;padding:8px 16px;box-shadow:0 6px 8px -8px #0000002e}.deco-ctl [data-ui=decotgt]{display:none}}.deco-pgrid{display:grid;grid-template-columns:52px 1fr 1fr;grid-template-areas:"l w a" ". y r";gap:8px 6px;align-items:center}.deco-pgrid .dp-l{grid-area:l}.deco-pgrid>.stepper:nth-of-type(1){grid-area:w}.deco-pgrid>.stepper:nth-of-type(2){grid-area:a}.deco-pgrid>.stepper:nth-of-type(3){grid-area:y}.deco-pgrid .dp-r{grid-area:r;justify-self:start}.dp-r2{display:none}@media (pointer: coarse){.deco-pgrid{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"w a y"}.deco-pgrid .dp-l,.deco-pgrid .dp-r{display:none}.deco-pgrid .st-btn{width:36px}.deco-pgrid .fr-st .st-val{flex-direction:column;gap:0;line-height:1.15}.deco-pgrid .fr-st-n{font-size:9.5px}.dp-r2{display:block;flex:none;padding:0 14px}}.seg.multi button.on{background:#fff;color:#111;font-weight:600;box-shadow:inset 0 0 0 1.5px #111;position:relative;z-index:1}.crow-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.deco-tgt{display:none;font-size:11px;color:#6a6a68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deco-tgt b{color:#111;font-weight:600}@media (pointer: coarse){.deco-tgt{display:block}}.deco-tile.cur{border-color:#111;box-shadow:0 0 0 1px #111}.deco-sub{margin:4px 0 -2px;font-size:11px;color:#6a6a68;font-weight:600}@media (pointer: coarse) and (max-width: 600px){.btn,.seg button,.seg.gdir button,.btn.chip,.lbl,.vt-n,.brand-sub,details.hint summary,.swipehint,.exp-meta,.tabs button,.maker,.step{font-size:12.5px}.sec-w,.note,.hint,.start-note,.input-foot,.sheet-foot,.exp-dim,.qs-txt .qs-k,.qs-txt>span:not(.qs-k),.fs-foot,.tt-sub,.wt-t,.rec-foot,.brktog-t small,.ink-who .ct,.dbar-ink,.sheet-foot .maker,.fwchip small,.deco-sub,.btn.ar-flip,.btn.albtn{font-size:12px}.grabber span,.vt-n em,.rec-base,.rec-meta,.rv-h span,.exp-lbl,.fs-g,.fs-path,.gsw span,.tpl-grp b,.chip .pen{font-size:11.5px}.rec-grade{font-size:10.5px}.grabber,.grabber .ic,.swipehint .sh-arrow,.swipehint .sh-x,.maker,.step{color:#6a6a68}.swipehint{color:#3a3a38}.tabs button{color:#5f5f5d}.tabs button .ic{color:#6a6a68}}@media (max-width: 600px){.statusbar .bnav .blknav{flex:none}.statusbar .bnav .blkpos{flex:0 1 auto;min-width:0}.statusbar .bnav .blkpos span{min-width:0}.statusbar .bnav .blkpos .ic{flex:none}.statusbar .hist .hl{display:none}}.kbhint .link{font-size:inherit;padding:0;color:inherit;text-decoration:underline;text-underline-offset:2px}@media (hover: hover){.btn:not(:disabled):not(.fill):hover{background:#ebebe9;border-color:#b4b4b2}.btn.on:not(:disabled):not(.fill):hover{border-color:#111}.btn.danger:not(:disabled):not(.fill):hover{background:#f6e9e9;border-color:#d8b0b0}.btn.fill:not(:disabled):hover,.cta:hover{background:#3a3a38}.btn.fill.danger:not(:disabled):hover{background:#8a2828}.cta.light:hover{background:#ebebe9}.seg button:not(.on):not(:disabled):hover{background:#efefed;color:#111}.subnav button:not(.on):hover{background:#f1f1ef}.iconbtn:hover,.zoomctl button:not(:disabled):hover,.statusbar .bnav button:not(:disabled):hover,.statusbar .hist button:not(:disabled):hover{background:#e9e9e7}.link:not(:disabled):hover{color:#111}.btn:disabled:hover{background:#fff;border-color:var(--line)}}.btn:not(:disabled):not(.fill):active{background:#e0e0de;border-color:#9a9a98}.btn.fill:not(:disabled):active,.cta:active{background:#4a4a48}.btn.danger:not(:disabled):not(.fill):active{background:#f0dcdc}.seg button:not(.on):not(:disabled):active{background:#e3e3e1;color:#111}.subnav button:not(.on):active{background:#e6e6e4}.iconbtn:active,.zoomctl button:not(:disabled):active,.statusbar .bnav button:not(:disabled):active,.statusbar .hist button:not(:disabled):active{background:#dededc}.btn:disabled{cursor:default}:where(button,[role=button],a[href],summary,select,input[type=color]):focus-visible{outline:2px solid #3b7cf6;outline-offset:2px}:where(.seg,.fmtbar,.tabs,.zoomctl,.subnav) button:focus-visible{outline-offset:-2px}.island,.html-part{display:contents}.stack>.island>.sec+.sec,.stack>.island>.row+.sec,.stack>.island>.seg+.sec{padding-top:14px;border-top:1px solid var(--line-soft)}.sec>.html-part>.cpk{margin-top:0}.stack>.island>.html-part>.sec+.sec,.stack>.island>.sec+.html-part>.sec:first-child,.stack>.island>.html-part+.sec,.stack>.island>.html-part+.html-part>.sec:first-child{padding-top:14px;border-top:1px solid var(--line-soft)}.fr-lay{margin:2px 0}.fr-lay-card{position:absolute;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #c8c8c6;font-size:11px;color:#9a9a98;pointer-events:none}.lay-e.frc:after{content:none}.lay-e.frc i{position:absolute;width:13px;height:13px;border:2px solid #9a9a98}.lay-e.frc.on i{border-color:#fff}.lay-e.frc-tl i{left:8px;top:8px;border-right:0;border-bottom:0}.lay-e.frc-tr i{right:8px;top:8px;border-left:0;border-bottom:0}.lay-e.frc-bl i{left:8px;bottom:8px;border-right:0;border-top:0}.lay-e.frc-br i{right:8px;bottom:8px;border-left:0;border-top:0}.gmap2{display:grid;gap:3px;padding:6px;border:1px solid #e3e3e0;border-radius:8px;background:#f7f7f5}.gm-cell{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:0 4px;border:1px solid #dcdcda;border-radius:4px;background:#fff;font:inherit;font-size:10.5px;color:#6a6a68;cursor:pointer;overflow:hidden;white-space:nowrap}.gm-cell b{font-size:11px;font-weight:600;color:#3a3a38}.gm-cell span{overflow:hidden;text-overflow:ellipsis}.gm-cell.on{background:#111;border-color:#111;color:#e8e8e6;cursor:default}.gm-cell.on b{color:#fff}@media (hover: hover){.gm-cell:not(.on):hover{border-color:#9a9a98;color:#111}}.gm-cell:disabled{opacity:1}.gcolpick{flex:1;display:flex;gap:3px;min-width:0}.gcolpick button{flex:1;min-width:0;height:36px;border:1px solid #dcdcda;border-radius:4px;background:#fff;font:500 12px var(--mono);color:#6a6a68;cursor:pointer}.gcolpick button.on{background:#111;border-color:#111;color:#fff}.gcolpick button.anchor{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #2f7de0}@media (hover: hover){.gcolpick button:not(.on):hover{border-color:#9a9a98;color:#111}}.stack>.island>.sec+.typejust,.stack>.island>.typejust+.sec{padding-top:14px;border-top:1px solid var(--line-soft)}.pv-thumb{display:block;width:100%;height:100%;object-fit:cover}.sk-card .pv-thumb{width:84px;height:105px}.screen.is-simple .topbar .iconbtn:disabled{color:#c8c8c6;cursor:default;background:none}.screen.is-simple:not(.kb-edit)>.statusbar .hist{display:none}@media (max-width: 600px){.screen.is-simple:not(.kb-edit)>.statusbar{display:none}}.screen.is-simple:not(.kb-edit)>.statusbar:not(:has(.pager)){display:none}.spanel-body{padding:14px 16px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.screen.is-edit>.panel.spanel{border-top:1px solid var(--line-soft)}@media (min-width: 820px),(orientation: landscape) and (max-height: 560px) and (min-width: 640px){.screen.is-edit>.panel.spanel{border-top:none}.screen.is-edit>.panel>.spanel-body{flex:1;min-height:0;padding:20px 22px 26px}.spanel-body .island,.spane{height:100%}}.spane{display:flex;flex-direction:column;gap:16px}.sp-sec{display:flex;flex-direction:column;gap:8px;min-width:0}.sp-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.sp-h b{font-size:13.5px;font-weight:600;color:#111;white-space:nowrap}.sp-w{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.sp-sets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sp-chip{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}.sp-sw{position:relative;overflow:hidden;height:58px;box-sizing:border-box;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;background-size:cover;background-position:center}.sp-chip.on .sp-sw{box-shadow:0 0 0 2px #fff,0 0 0 4px #111}.sp-sw>*{position:relative}.sp-sw>.sp-pat{position:absolute;inset:0}.sp-bub{padding:5px 9px;line-height:1.1}.sp-n{font-size:12px;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-chip.on .sp-n{color:#111;font-weight:600}.sp-pvs{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.sp-pvb{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}.sp-pv{height:212px;display:flex;align-items:center;justify-content:center;background:#f2f2f0;border-radius:2px;overflow:hidden;pointer-events:none}.sp-pvb.on .sp-pv{box-shadow:0 0 0 2px #fff,0 0 0 4px #111}.sp-pvb:hover:not(.on) .sp-pv{box-shadow:0 0 0 1px #c8c8c6}.sp-pvb.on .sp-n{color:#111;font-weight:600}@media (min-width: 820px) and (min-height: 640px){.sp-pvs{display:grid}.sp-sets{display:none}}.sp-same{margin:0;height:44px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);font-size:12px;color:var(--muted)}.seg.sp-ratio{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-color:#111}.seg.sp-ratio button{height:44px;border-right:none;display:flex;align-items:center;justify-content:center;gap:6px;color:#111;font-size:11px}.seg.sp-ratio button .mono{font-size:12px}.seg.sp-ratio button.on{color:#fff}.sp-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.sp-hint{margin:0;font-size:12px;color:var(--muted);text-align:center}.screen.is-simple .card .blk{box-shadow:none!important}.screen.is-simple .card .blk>.grip{display:none}.screen.is-simple .card .ce[data-ph]:empty:before{content:none}.screen.is-simple>.edit-foot{display:none}@media (max-width: 600px) and (max-height: 740px){.spanel-body{padding:10px 16px 12px}.spane{gap:10px}.sp-sec{gap:6px}.sp-sw{height:44px;font-size:17px}.sp-hint{display:none}.seg.sp-ratio button,.spane .btn.sp-full{height:40px}}.btn.sp-full{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;color:#111}.sp-full-w{font-size:12px;color:var(--muted)}