.cr{display:grid;gap:18px}.cr-main{display:grid;gap:16px;align-items:start}.cr-view{margin:0;display:grid;gap:8px;min-width:0}.cr-stage{display:grid;place-items:center;padding:16px;border-radius:var(--r-well);background:var(--well);overflow:hidden}.cr-frame{position:relative;max-width:100%;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:crosshair}.cr-frame.has-alpha{background:repeating-conic-gradient(#d3d8e1 0 25%,#f3f5f8 0 50%) 0 0 / 16px 16px}:root[data-theme=dark] .cr-frame.has-alpha{background-image:repeating-conic-gradient(#3a4459 0 25%,#252d3f 0 50%)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .cr-frame.has-alpha{background-image:repeating-conic-gradient(#3a4459 0 25%,#252d3f 0 50%)}}.cr-frame canvas{max-width:100%;max-height:56vh;width:auto;height:auto}.cr-dimwrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cr-hole{position:absolute;box-shadow:0 0 0 9999px #0f14208c}.cr-box{position:absolute;outline:none;cursor:move;touch-action:none;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #00000059}.cr-box:focus-visible{box-shadow:0 0 0 2px var(--accent),0 0 0 5px #fffc}.cr-mask{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cr-shade{fill:var(--shade, rgba(15, 20, 32, .62))}.cr-outline{fill:none;stroke:#fff;stroke-width:1.5;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.cr-grid{display:none;position:absolute;inset:0;pointer-events:none}.cr-box.show-grid .cr-grid{display:block}.cr-grid:before,.cr-grid:after{content:"";position:absolute;border:0 solid rgba(255,255,255,.75)}.cr-grid:before{inset:0 33.333%;border-left-width:1px;border-right-width:1px}.cr-grid:after{inset:33.333% 0;border-top-width:1px;border-bottom-width:1px}.cr-h{position:absolute;z-index:1;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000040,0 1px 4px #00000073;touch-action:none}.cr-h:before{content:"";position:absolute;inset:-13px}.cr-h-nw{left:0;top:0;cursor:nwse-resize}.cr-h-ne{left:100%;top:0;cursor:nesw-resize}.cr-h-se{left:100%;top:100%;cursor:nwse-resize}.cr-h-sw{left:0;top:100%;cursor:nesw-resize}.cr-h-n,.cr-h-s{left:50%;width:26px;height:8px;margin:-4px 0 0 -13px;border-radius:4px;cursor:ns-resize}.cr-h-n{top:0}.cr-h-s{top:100%}.cr-h-e,.cr-h-w{top:50%;width:8px;height:26px;margin:-13px 0 0 -4px;border-radius:4px;cursor:ew-resize}.cr-h-w{left:0}.cr-h-e{left:100%}.cr-h-n:before,.cr-h-s:before{inset:-18px -9px}.cr-h-e:before,.cr-h-w:before{inset:-9px -18px}.cr-box.is-small .cr-h-n,.cr-box.is-small .cr-h-s,.cr-box.is-small .cr-h-e,.cr-box.is-small .cr-h-w{display:none}.cr-keys{margin:0;text-align:center}@media (pointer: coarse){.cr-kb{display:none}}.cr-panel{display:grid;gap:16px;min-width:0}.cr-ratios,.cr-shapes{border:0;margin:0;padding:0;min-width:0}.cr-ratios legend,.cr-shapes legend{padding:0;margin-bottom:8px;font-weight:620;font-size:.9375rem}.cr-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cr-chip{position:relative}.cr-chip input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.cr-chip span{display:grid;place-items:center;min-height:44px;padding:0 4px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);font-weight:600;font-size:.9375rem;font-variant-numeric:tabular-nums;white-space:nowrap}.cr-chip input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.cr-chip input:focus-visible+span,.cr-shape-opt input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.cr-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cr-nums .field>label{font-size:.875rem}.cr-nums input{padding:0 8px}.cr-acts{display:flex;flex-wrap:wrap;gap:8px}.cr-shape-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cr-shape-opt{position:relative}.cr-shape-opt input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.cr-shape-opt span{display:grid;justify-items:center;gap:2px;min-height:64px;padding:8px 4px 6px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);text-align:center}.cr-shape-opt span .i{width:26px;height:26px}.cr-shape-opt b{font-weight:580;font-size:.8125rem;line-height:1.25;color:var(--ink)}.cr-shape-opt input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}@media (min-width: 900px){.cr-main{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px}.cr-view{position:sticky;top:12px}.cr-frame canvas{max-height:68vh}.cr-chips{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 420px){.cr-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-stage{padding:14px 12px}}.ro{display:grid;gap:18px}.ro-main{display:grid;gap:16px;align-items:start}.ro-view{margin:0;display:grid;gap:8px;min-width:0;position:sticky;top:0;z-index:4;padding:6px 0 8px;background:var(--surface)}.ro-stage{display:grid;place-items:center;min-height:170px;padding:12px;border-radius:var(--r-well);background:repeating-conic-gradient(#d3d8e1 0 25%,#f3f5f8 0 50%) 0 0 / 18px 18px;overflow:hidden}:root[data-theme=dark] .ro-stage,:root[data-theme=dark] .ro-thumb{background-image:repeating-conic-gradient(#273044 0 25%,#1c2333 0 50%)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .ro-stage,:root:not([data-theme=light]) .ro-thumb{background-image:repeating-conic-gradient(#273044 0 25%,#1c2333 0 50%)}}.ro-frame{position:relative;max-width:100%}.ro-frame canvas{max-width:100%;max-height:32vh;width:auto;height:auto;box-shadow:0 1px 4px #10182840}.ro-lines{display:none;position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(to right,rgba(0,0,0,.35) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.35) 1px,transparent 1px);background-size:12.5% 12.5%,12.5% 12.5%,12.5% 12.5%,12.5% 12.5%;background-position:-1px -1px,-1px -1px,0 0,0 0}.ro-frame.show-lines .ro-lines{display:block}.ro-panel{display:grid;gap:16px;min-width:0}.ro-h{margin:0 0 8px;font-weight:620;font-size:.9375rem}.ro-btns{display:flex;flex-wrap:wrap;gap:8px}.ro-sel .ro-btns{display:grid;grid-template-columns:1fr 1fr}.ro-sel .btn{padding:0 12px;justify-content:flex-start}.ro-angle{display:flex;align-items:center;gap:8px}.ro-angle input[type=range]{flex:1;min-width:0}.ro-step{flex:none;width:52px;height:44px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink);font-weight:620;font-variant-numeric:tabular-nums}.ro-step:hover:not(:disabled){background:var(--well)}.ro-step:disabled{opacity:.4}.ro-angle-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ro-num{display:inline-flex;align-items:center;gap:4px;font-weight:600}.ro-num input{width:92px;text-align:right}.ro-color{display:flex;align-items:center;gap:12px;margin-top:10px;font-weight:600;font-size:.9375rem}.ro-color input{width:56px;height:44px;padding:2px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);cursor:pointer}.ro-all{padding:12px;border-radius:var(--r-well);background:var(--well)}.ro-all .btn{background:var(--surface)}.ro-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ro-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.ro-card.is-sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.ro-card.is-err{opacity:.85}.ro-thumb{display:grid;place-items:center;width:92px;height:92px;padding:4px;border:0;border-radius:10px;background:repeating-conic-gradient(#d3d8e1 0 25%,#f3f5f8 0 50%) 0 0 / 12px 12px;cursor:pointer}.ro-thumb canvas{max-width:84px;max-height:84px;width:auto;height:auto;box-shadow:0 1px 3px #1018284d}.ro-body{display:grid;gap:8px;min-width:0;align-content:center}.ro-top{display:flex;align-items:flex-start;gap:6px;min-width:0}.ro-info{display:grid;gap:2px;min-width:0;flex:1}.ro-tools{display:flex;gap:2px;flex:none}.ro-tools button,.ro-tools a{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:none;color:var(--ink-2)}.ro-tools button:hover,.ro-tools a:hover{background:var(--well);color:var(--ink)}.ro-tools .dl{color:var(--accent)}.ro-cbtns{display:flex;gap:6px}.ro-cbtns button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink)}.ro-cbtns button:hover{background:var(--well)}.ro-note{color:var(--ink-2)}@media (min-width: 900px){.ro-main{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px}.ro-view{top:12px;padding:0}.ro-stage{min-height:320px;padding:18px}.ro-frame canvas{max-height:62vh}.ro-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}}@media (max-width: 899px){.ro-view{margin:-6px -2px 0;padding:6px 2px 10px;border-bottom:1px solid var(--line)}}@media (max-width: 380px){.ro-sel .btn span{font-size:.875rem}}.ro-panel .seg-row,.cr-panel .seg-row,.wm-panel .seg-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%}.ro-panel .seg-row span,.cr-panel .seg-row span,.wm-panel .seg-row span{height:100%;display:grid;place-items:center;white-space:normal;text-align:center;line-height:1.3;padding:8px}@media (max-width: 899px){.ro-all .ro-btns{display:grid;grid-template-columns:1fr 1fr}.ro-all .btn{justify-content:flex-start;padding:0 10px;text-align:left}}.wm{display:grid;gap:16px;align-items:start}.wm-view{margin:0;display:grid;gap:8px;min-width:0;position:sticky;top:0;z-index:4;padding:6px 0 8px;background:var(--surface)}.wm-stage{display:grid;place-items:center;min-height:160px;padding:10px;border-radius:var(--r-well);background:repeating-conic-gradient(#d3d8e1 0 25%,#f3f5f8 0 50%) 0 0 / 18px 18px;overflow:hidden}:root[data-theme=dark] .wm-stage{background:repeating-conic-gradient(#273044 0 25%,#1c2333 0 50%) 0 0 / 18px 18px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .wm-stage{background:repeating-conic-gradient(#273044 0 25%,#1c2333 0 50%) 0 0 / 18px 18px}}.wm-stage canvas{max-width:100%;max-height:34vh;width:auto;height:auto;box-shadow:0 1px 4px #10182840}.wm-cap{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;font-size:.875rem;color:var(--ink-2)}.wm-cap-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.wm-nav{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink)}.wm-nav:hover:not(:disabled){background:var(--well)}.wm-nav:disabled{opacity:.35;cursor:default}.wm-panel{display:grid;gap:16px;min-width:0}.wm-group{display:grid;gap:14px}.wm-text{width:100%;min-height:64px;padding:10px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);resize:vertical;line-height:1.4}.wm-checks{display:flex;flex-wrap:wrap;gap:4px 20px}.wm-colors{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wm-sw{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;display:grid;place-items:center}.wm-sw:before{content:"";width:30px;height:30px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #0000004d,0 0 0 1px #ffffff26}.wm-sw[aria-pressed=true]:before{outline:2.5px solid var(--accent);outline-offset:3px}.wm-pick{position:relative;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.wm-pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.wm-pick span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:conic-gradient(#f44 0,#fd4 60deg,#4d6,#4ce,#46f,#d4f,#f44 360deg);color:#fff}.wm-pick span .i{width:18px;height:18px;stroke-width:2.4;filter:drop-shadow(0 0 1px rgba(0,0,0,.6))}.wm-pick:has(input:focus-visible) span{outline:3px solid var(--accent);outline-offset:3px}.wm-logo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px;border-radius:12px;background:var(--well)}.wm-logo-thumb{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:10px;background:repeating-conic-gradient(#d3d8e1 0 25%,#f3f5f8 0 50%) 0 0 / 10px 10px;color:var(--ink-2);overflow:hidden}.wm-logo-thumb canvas{max-width:46px;max-height:46px}.wm-logo-name{flex:1 1 120px;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-angles{margin-top:4px;gap:6px}.wm-angles .chip{min-height:40px;min-width:56px;justify-content:center;font-variant-numeric:tabular-nums}.wm-pos{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}.wm-pos legend{font-weight:620;font-size:.9375rem;padding:0;margin-bottom:8px}.wm-pos-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.wm-grid{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px;padding:4px;border-radius:13px;background:var(--well)}.wm-cell{position:relative;display:grid;place-items:center;cursor:pointer;border-radius:9px}.wm-cell input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.wm-cell span{width:12px;height:12px;border-radius:4px;background:var(--line-2);transition:transform .12s,background-color .12s}.wm-cell:hover span{background:var(--ink-2)}.wm-cell input:checked+span{width:20px;height:20px;border-radius:6px;background:var(--accent)}.wm-cell:has(input:checked){background:var(--surface);box-shadow:0 1px 2px #1018281f,inset 0 0 0 1px var(--line)}.wm-cell input:focus-visible+span{outline:3px solid var(--accent);outline-offset:6px}.wm-tile{position:relative;cursor:pointer}.wm-tile input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.wm-tile span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);font-weight:580;font-size:.9375rem}.wm-tile input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.wm-tile input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.wm-note{color:var(--ink-2)}.files .file.wm-sel{background:var(--accent-soft)}.file-btns .wm-show[aria-pressed=true]{color:var(--accent)}@media (min-width: 900px){.wm{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px}.wm-view{top:12px;padding:0}.wm-stage{min-height:320px;padding:16px}.wm-stage canvas{max-height:68vh}}@media (max-width: 899px){.wm-view{margin:-6px -2px 0;padding:6px 2px 10px;border-bottom:1px solid var(--line)}}