.pat{background:var(--card);border:1px solid var(--line);width:min(1040px,100%);max-height:min(760px,100dvh - 32px);box-shadow:var(--shadow-lg);animation:pw-in .25s var(--ease) both;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.pat-head{border-bottom:1px solid var(--line-2);padding:18px 20px 12px;position:relative}.pat-head h2{margin:0 0 2px;font-size:1.35rem}.pat-head p{margin:0}.pat-x{position:absolute;top:14px;right:14px}.pat-body{flex:1;grid-template-columns:190px minmax(0,1fr) 260px;min-height:0;display:grid}.pat-lib{border-right:1px solid var(--line-2);align-content:start;gap:6px;padding:14px;display:grid;overflow-y:auto}.pat-card{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font:500 .78rem/1.2 var(--font-body);text-align:left;cursor:pointer;border-radius:12px;gap:4px;padding:6px;display:grid}.pat-card:hover{border-color:var(--ink-3)}.pat-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pat-card-row{align-items:center;gap:4px;display:flex}.pat-card-row .ui-icon-btn{flex:none;width:28px;height:28px}.pat-thumb{width:100%;height:auto;display:block}.pat-main{background:radial-gradient(90% 90% at 50% 40%, var(--card), var(--stage));align-content:start;gap:10px;min-width:0;padding:18px;display:grid;overflow-y:auto}.pat-big{filter:drop-shadow(0 18px 24px #0f121924);width:100%;height:300px;display:block}.pat-face{fill:var(--card);stroke:var(--line);stroke-width:.4px}.pat-margin{fill:none;stroke:var(--ink-3);stroke-width:.25px;stroke-dasharray:1.2 1.2;opacity:.6}.pat-shapes{fill:color-mix(in srgb, var(--ink) 55%, var(--card))}.pat-shapes.emboss{fill:var(--accent)}.pat-shapes.cut{fill:var(--paper-2);stroke:var(--ink-2);stroke-width:.25px}.pat-count{text-align:center;color:var(--ink-3);margin:0;font-size:.72rem}.pat-controls{border-left:1px solid var(--line-2);align-content:start;gap:12px;padding:16px;display:grid;overflow-y:auto}.pat-name{color:var(--ink-2);gap:4px;font-size:.78rem;display:grid}.pat-name input{height:36px;padding:0 10px}.pat-seg{flex-wrap:wrap;gap:4px;display:flex}.pat-seg button{border:1px solid var(--line);background:var(--paper);height:30px;color:var(--ink-2);font:500 .76rem/1 var(--font-body);cursor:pointer;border-radius:10px;flex:auto;padding:0 10px}.pat-seg button[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.pat-range{color:var(--ink-2);gap:2px;font-size:.78rem;display:grid}.pat-range>span{justify-content:space-between;display:flex}.pat-range b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.pat-tip{background:var(--paper-2);color:var(--ink-2);border-radius:10px;margin:0;padding:9px 11px;font-size:.76rem;line-height:1.45}.pat-foot{border-top:1px solid var(--line-2);background:var(--paper-2);justify-content:space-between;gap:10px;padding:12px 20px;display:flex}.pat-foot .ui-btn svg{width:16px;height:16px}.pat-pad{justify-items:center;gap:6px;display:grid}.pat-pad svg{cursor:crosshair;background:var(--card);border:1px solid var(--line);border-radius:12px;width:min(220px,100%);height:auto}.pat-pad-tile{fill:var(--paper);stroke:var(--ink-3);stroke-width:.006px}.pat-pad-grid{stroke:var(--line);stroke-width:.003px}.pat-pad-shape{fill:color-mix(in srgb, var(--accent) 45%, transparent);stroke:var(--accent-ink);stroke-width:.008px}.pat-pad-line{fill:none;stroke:var(--accent-ink);stroke-width:.008px}.pat-pad-dot{fill:var(--accent-ink)}.pat-pad-actions{color:var(--ink-3);align-items:center;gap:10px;font-size:.74rem;display:flex}.pat-pad-actions svg{width:14px;height:14px}@media (max-width:860px){.pat-body{grid-template-columns:minmax(0,1fr);overflow-y:auto}.pat-lib{border-right:0;border-bottom:1px solid var(--line-2);grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.pat-controls{border-left:0;border-top:1px solid var(--line-2)}}.pat-main.custom .pat-big{height:190px}.pat-ask{border:1px solid var(--line);background:var(--card);border-radius:14px;gap:6px;padding:12px;display:grid}.pat-ask label{align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.pat-ask label svg{width:15px;height:15px;color:var(--accent,#fe6e35)}.pat-ask-row{gap:8px;display:flex}.pat-ask-row input{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);font:inherit;border-radius:10px;flex:1;padding:8px 10px;font-size:.85rem}.pat-ask-row input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.pat-ask-note{color:var(--ink-3);font-size:.72rem;line-height:1.45}.pat-ask-note.err{color:var(--danger,#c0392b)}.pat-ask .spin{animation:.9s linear infinite pat-spin}@keyframes pat-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pat-ask .spin{animation:none}}.pat-print{color:var(--ink-2);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin:0;font-size:.74rem;line-height:1.45;display:flex}.pat-print svg{flex:none;width:14px;height:14px}.pat-print.ok svg{color:#2f9e5b}.pat-print.warn{background:color-mix(in srgb, #f0a500 12%, var(--card));color:var(--ink);text-align:left;border-radius:10px;padding:8px 10px}.pat-print.warn>svg{color:#c98a00}.pat-print.warn span{flex:220px}.pat-ask-confirm{background:var(--paper-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 10px;font-size:.78rem;display:flex}.pat-ask-confirm span{color:var(--ink);flex:200px}.pat-fit{width:min(620px,100%)}.pat-fit-body{background:radial-gradient(90% 90% at 50% 40%, var(--card), var(--stage));gap:16px;padding:18px 20px;display:grid;overflow-y:auto}.pat-fit-body figure{gap:6px;margin:0;display:grid}.pat-fit-body figcaption{color:var(--ink-2);text-align:center;font-size:.78rem}.pat-fit-face{filter:drop-shadow(0 10px 16px #0f12191f);width:100%;height:auto;max-height:200px;display:block}.pat-fit-foot{border-top:1px solid var(--line-2);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}@media (max-width:520px){.pat-fit-foot .ui-btn{flex:auto}}