.cr{--scrim:#080b0994;--third:color-mix(in srgb,var(--on-scrim) 42%,transparent);gap:var(--s2);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.cr{gap:var(--s3);grid-template-columns:minmax(0,1fr) 320px}}.cr [hidden]{display:none!important}.ink-defs{width:0;height:0;position:absolute}.err{font-size:var(--fs-s);color:var(--ume);margin:0;font-weight:550;line-height:1.45}.err:empty{display:none}.err a{color:inherit}.drop{text-align:center;place-items:center;gap:var(--s3);background:var(--salmon-t);min-height:300px;transition:background var(--d2) var(--ease-out),box-shadow var(--d2);display:grid;position:relative}@media (width>=900px){.drop{min-height:100%}}.drop h2{font:800 var(--fs-xl)/1.2 var(--f-display);letter-spacing:-.02em;margin:0}.drop .or{font-size:var(--fs-s);color:var(--ink-3);margin:0}.drop .err{max-width:44ch}.drop-in{justify-items:center;gap:var(--s3);display:grid}.lidbox{width:88px;height:64px;margin-bottom:var(--s1);position:relative}.lidbox svg{width:100%;position:absolute;left:0}.lidbox .base{height:48px;bottom:0}.lidbox .lid{transform-origin:10% 100%;height:20px;transition:transform var(--d2) var(--ease-out);top:0}.local-line{font-size:var(--fs-xs);color:var(--ink-2);align-items:center;gap:6px;display:flex}.local-line svg{color:var(--shiso)}@media (hover:hover){.drop:hover .lidbox .lid{transform:translateY(-3px)rotate(-5deg)}}.cr.drag .drop{background:var(--shiso-t);box-shadow:inset 0 0 0 2px var(--shiso)}.cr.drag .stage-p{box-shadow:inset 0 0 0 2px var(--shiso)}.cr.drag .lidbox .lid{transform:translateY(-8px)rotate(-14deg)}.drag-msg{color:var(--shiso);margin:0;font-weight:700;display:none}.cr.drag .drag-msg{display:block}.desk{display:none}@media (hover:hover) and (width>=640px){.desk{display:inline}}.stage-p{gap:var(--s3);padding:var(--s2);align-content:start;display:grid}@media (width>=900px){.stage-p{padding:var(--s4);gap:var(--s4)}}.file{align-items:center;gap:var(--s3);padding:0 0 0 var(--s1);display:flex}@media (width>=900px){.file{padding:0}}.f-th{border-radius:var(--r1);width:40px;height:40px;box-shadow:var(--shadow-1);background:var(--cell-2);flex:none;overflow:hidden}.f-th img{object-fit:cover;width:100%;height:100%;display:block}.f-meta{flex:1;min-width:0}.f-meta b{font-size:var(--fs-s);white-space:nowrap;text-overflow:ellipsis;font-weight:650;display:block;overflow:hidden}.f-meta span{font:500 var(--fs-xs)/1.4 var(--f-mono);color:var(--ink-3);font-variant-numeric:tabular-nums;display:block}.stage-p .err{padding:0 var(--s1)}.canvas{padding:var(--s4);border-radius:var(--r2);background:var(--cell-2);box-shadow:var(--shadow-in);position:relative}@media (width>=900px){.canvas{padding:var(--s6)}}.area{--x:0%;--y:0%;--w:100%;--h:100%;--ar:1.5;aspect-ratio:var(--ar);width:min(100%,calc(min(62vh,560px) * var(--ar)));-webkit-user-select:none;user-select:none;touch-action:none;margin:0 auto;position:relative}.img{border-radius:2px;position:absolute;inset:0;overflow:hidden}.img img{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.shade{left:var(--x);top:var(--y);width:var(--w);height:var(--h);box-shadow:0 0 0 9999px var(--scrim);transition:box-shadow var(--d2);position:absolute}.frame{left:var(--x);top:var(--y);width:var(--w);height:var(--h);cursor:move;touch-action:none;outline:1px solid color-mix(in srgb,var(--on-scrim) 85%,transparent);outline-offset:0;border-radius:0;position:absolute}.frame:before{content:"";pointer-events:none;opacity:.8;transition:opacity var(--d2);background:linear-gradient(90deg,transparent calc(33.33% - .5px),var(--third) 0 calc(33.33% + .5px),transparent 0 calc(66.66% - .5px),var(--third) 0 calc(66.66% + .5px),transparent 0), linear-gradient(transparent calc(33.33% - .5px),var(--third) 0 calc(33.33% + .5px),transparent 0 calc(66.66% - .5px),var(--third) 0 calc(66.66% + .5px),transparent 0);position:absolute;inset:0}.pane .frame:focus-visible{outline:2px solid var(--focus-in-box);outline-offset:0}.area.drag .frame:before{opacity:1}.area.drag .shade{box-shadow:0 0 0 9999px color-mix(in srgb,var(--scrim) 80%,transparent)}.h{touch-action:none;z-index:1;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.h:before{content:"";border:0 solid var(--on-scrim);filter:drop-shadow(0 1px 1.5px #080b098c);transition:transform var(--d1) var(--ease-out),border-color var(--d1),background var(--d1);position:absolute}.h-nw{cursor:nwse-resize;top:0;left:0}.h-se{cursor:nwse-resize;top:100%;left:100%}.h-ne{cursor:nesw-resize;top:0;left:100%}.h-sw{cursor:nesw-resize;top:100%;left:0}.h-n{cursor:ns-resize;top:0;left:50%}.h-s{cursor:ns-resize;top:100%;left:50%}.h-e{cursor:ew-resize;top:50%;left:100%}.h-w{cursor:ew-resize;top:50%;left:0}.h-nw:before{transform-origin:3px 3px;border-top-width:4px;border-left-width:4px;border-top-left-radius:3px;width:22px;height:22px;top:19px;left:19px}.h-ne:before{transform-origin:calc(100% - 3px) 3px;border-top-width:4px;border-right-width:4px;border-top-right-radius:3px;width:22px;height:22px;top:19px;right:19px}.h-sw:before{transform-origin:3px calc(100% - 3px);border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:3px;width:22px;height:22px;bottom:19px;left:19px}.h-se:before{transform-origin:calc(100% - 3px) calc(100% - 3px);border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:3px;width:22px;height:22px;bottom:19px;right:19px}.h-n:before,.h-s:before{border-radius:var(--pill);background:var(--on-scrim);width:28px;height:4px;top:20px;left:8px}.h-e:before,.h-w:before{border-radius:var(--pill);background:var(--on-scrim);width:4px;height:28px;top:8px;left:20px}@media (hover:hover){.h:hover:before{transform:scale(1.15)}}.h.on:before{border-color:var(--focus-in-box);transform:scale(1.2)}.h-n.on:before,.h-s.on:before,.h-e.on:before,.h-w.on:before{background:var(--focus-in-box)}.live{left:50%;top:calc(var(--s2) * -1);padding:2px var(--s2);border-radius:var(--pill);color:var(--on-scrim);font:600 var(--fs-xs)/1.6 var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--d1);background:#0a0e0cb8;position:absolute;transform:translate(-50%,-100%)}.area.drag .live,.frame:focus-visible .live{opacity:1}.stage-bar{justify-content:space-between;align-items:center;gap:var(--s3);padding:0 0 0 var(--s1);display:flex}.stage-bar .hint{margin:0}.stage-bar .btn{flex:none}.kbd-hint{display:none}@media (hover:hover) and (width>=900px){.kbd-hint{display:inline}}.set{gap:var(--s5);align-content:start;display:grid}@media (width>=900px){.set{top:var(--s4);align-self:start;position:sticky}}.field{gap:var(--s2);border:0;min-width:0;margin:0;padding:0;display:grid}.field>legend{margin-bottom:var(--s2);font-size:var(--fs-s);justify-content:space-between;align-items:baseline;gap:var(--s2);width:100%;padding:0;font-weight:650;display:flex}.hint{font-size:var(--fs-xs);color:var(--ink-3);margin:0;line-height:1.45}.hint.warn{color:var(--ink-2);font-weight:600}.hint:empty{display:none}.legend-hint{font-size:var(--fs-xs);color:var(--ink-3);font-weight:500}.ratios{gap:var(--s1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.rt{border-radius:var(--r2);background:var(--cell-2);height:60px;color:var(--ink-2);font:600 var(--fs-xs)/1 var(--f-body);font-variant-numeric:tabular-nums;transition:background var(--d1),color var(--d1),transform var(--d1) var(--ease-out);border:0;align-content:center;justify-items:center;gap:6px;padding:0;display:grid}.rt:hover{background:var(--cell-3);color:var(--ink)}.rt:active{transform:scale(.96)}.rt[aria-pressed=true]{background:var(--ink);color:var(--rice)}.rg{place-items:center;width:24px;height:18px;display:grid}.rg i{height:var(--gh,16px);aspect-ratio:var(--a);border:1.5px solid;border-radius:2px;max-width:24px;display:block}.rg i.free{aspect-ratio:auto;border-style:dashed;width:20px;height:14px}.wh{gap:var(--s1);margin-top:var(--s1);grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;display:grid}.num{position:relative}.num input{border-radius:var(--r2);background:var(--cell-2);width:100%;height:44px;padding:0 30px 0 var(--s3);font:500 var(--fs-m)/1 var(--f-mono);font-variant-numeric:tabular-nums;-moz-appearance:textfield;border:0}.num input::-webkit-inner-spin-button,.num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num input:focus-visible{outline:3px solid var(--shiso);outline-offset:0}.num input:disabled{cursor:not-allowed;color:var(--ink-3)}.num input::placeholder{color:var(--ink-3);font-family:var(--f-body)}.num i{right:var(--s3);font-style:normal;font-size:var(--fs-xs);color:var(--ink-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.num label{left:var(--s3);font-size:var(--fs-xs);color:var(--ink-3);background:var(--cell);border-radius:4px;margin-left:-4px;padding:0 4px;font-weight:600;line-height:16px;position:absolute;top:-9px}.lock{border-radius:var(--pill);width:40px;height:40px;color:var(--ink-3);transition:background var(--d1),color var(--d1);background:0 0;border:0;place-items:center;display:grid}.lock span{display:grid}.lock:hover{background:var(--cell-2);color:var(--ink)}.lock[aria-pressed=true]{color:var(--shiso);background:var(--shiso-t)}.lock[aria-pressed=true] .open,.lock[aria-pressed=false] .shut{display:none}.lock:disabled,.seg input:disabled+span{opacity:.45;cursor:not-allowed}.seg{padding:var(--s1);background:var(--cell-2);border-radius:var(--r2);grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.seg label{position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg input:disabled{cursor:not-allowed}.seg span{border-radius:var(--r1);height:36px;font-size:var(--fs-s);color:var(--ink-2);transition:background var(--d1),color var(--d1),box-shadow var(--d1);place-items:center;font-weight:600;display:grid}.seg input:checked+span{background:var(--cell);color:var(--ink);box-shadow:var(--shadow-1)}.seg input:focus-visible+span{outline:3px solid var(--shiso);outline-offset:1px}.act{align-items:center;gap:var(--s3);padding-top:var(--s1);grid-template-columns:minmax(0,1fr) auto;display:grid}.act.solo{grid-template-columns:minmax(0,1fr)}.act.solo .stamp,.act.solo .out{display:none}.act .btn{width:100%}.act .out{margin-top:calc(var(--s2) * -1);font:500 var(--fs-xs)/1.4 var(--f-body);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;grid-column:1;overflow:hidden}.set-foot{gap:var(--s2);padding:var(--s3);border-radius:var(--r2);background:var(--cell-2);font-size:var(--fs-xs);color:var(--ink-2);align-items:flex-start;line-height:1.45;display:flex}.set-foot svg{color:var(--shiso);flex:none;margin-top:1px}.set-foot a{color:var(--shiso);text-underline-offset:2px;font-weight:650}.stamp{text-align:center;width:84px;height:84px;color:var(--ume);border-radius:var(--r1);box-shadow:inset 0 0 0 3px var(--cell),inset 0 0 0 4.5px currentColor;filter:url(#ink);visibility:hidden;transition:opacity var(--d2),transform var(--d2) var(--ease-out);border:3px solid;grid-area:1/2/3;place-content:center;display:grid;transform:rotate(-8deg)}.stamp.on{visibility:visible}.stamp small{font:800 10px/1 var(--f-display);letter-spacing:.14em;margin-bottom:5px;display:block}.stamp b{font:900 var(--fs-l)/1.02 var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:block}.stamp b+b{font-size:var(--fs-s)}.stamp.stale{opacity:0;transform:rotate(-8deg)scale(.9)}.stamp.hit{animation:stamp .28s var(--ease-out) both}@keyframes stamp{0%{opacity:0;transform:rotate(-20deg)scale(1.9)}60%{opacity:1;transform:rotate(-6deg)scale(.93)}to{transform:rotate(-8deg)scale(1)}}@media (width>=900px){.stamp{width:80px;height:80px}}.fmt .rg{vertical-align:-4px;margin-right:var(--s2);color:var(--salmon);display:inline-grid}