.gp-app{margin:16px 0 32px}.gp-layout{--gp-max-h:62vh;gap:24px;display:grid}.gp-layout>*{min-width:0}@media (width>=960px){.gp-layout{--gp-max-h:max(320px, calc(100vh - 190px));grid-template-columns:minmax(0,1fr) minmax(0,25rem);align-items:start}.gp-out{overscroll-behavior:contain;max-height:calc(100vh - 24px);padding:2px 6px 2px 2px;position:sticky;top:12px;overflow-y:auto}}.gp-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}@media (width<=480px){.gp-panel{padding:12px}}.gp-block+.gp-block{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.gp-app h2.gp-h{margin:0 0 10px;font-size:1.1rem}.gp-sub{margin:4px 0 8px;font-size:.9rem;font-weight:600}.gp-hint{color:var(--ink-2);margin:-4px 0 10px;font-size:.85rem}.gp-sheet{width:min(100%, calc(var(--gp-max-h) * var(--gp-ratio,.773)));background:#fff;min-width:200px;max-width:100%;margin:0 auto;transition:opacity .15s;box-shadow:0 1px 2px #0000002e,0 4px 14px #0000001a}.gp-sheet svg{width:100%;height:auto;display:block}.gp-sheet--stale{opacity:.35}.gp-scale{color:var(--ink-2);text-align:center;margin:8px 0 14px;font-size:.82rem}.gp-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.gp-actions .btn-primary{flex:10rem;justify-content:center}.gp-app .btn:disabled{opacity:.6;cursor:progress}.gp-notice{background:var(--surface-2);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 12px;padding:8px 12px;font-size:.9rem;display:flex}.gp-notice--error{color:var(--danger);font-weight:600}.gp-linkbtn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.gp-share{width:100%;font-family:var(--mono);flex:100%;font-size:.8rem}.gp-tip{border-left:4px solid var(--accent);background:var(--surface-2);border-radius:0 6px 6px 0;margin:0 0 12px;padding:10px 12px;font-size:.9rem}.gp-facts{gap:4px;margin:0 0 12px;font-size:.88rem;display:grid}.gp-facts>div{grid-template-columns:4.5rem minmax(0,1fr);gap:8px;display:grid}.gp-facts dt{color:var(--ink-2)}.gp-facts dd{overflow-wrap:anywhere;margin:0}.gp-warn{border-left:4px solid var(--accent);background:var(--surface-2);border-radius:0 6px 6px 0;margin:0 0 12px;padding:10px 12px;font-size:.9rem}.gp-warn--error{border-left-color:var(--danger)}.gp-warn-title{margin:0 0 4px;font-weight:700}.gp-warn--error .gp-warn-title{color:var(--danger)}.gp-warn ul{margin:0;padding-left:1.2em}.gp-typed{color:var(--danger);margin:0 0 12px;font-size:.9rem;font-weight:600}.gp-fields{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));align-items:start;gap:10px 12px;margin:0 0 10px;display:grid}.gp-fields--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=420px){.gp-fields--4{grid-template-columns:repeat(2,minmax(0,1fr))}}.gp-field{flex-direction:column;gap:3px;min-width:0;display:flex}.gp-field--l{grid-column:1/-1}.gp-field label,.gp-label,.gp-seg legend{font-size:.82rem;font-weight:600}.gp-unit{color:var(--ink-2);font-weight:400}.gp-field input,.gp-field select{width:100%;min-height:2.25rem}.gp-field select{text-overflow:ellipsis;padding-right:4px}.gp-help{color:var(--ink-2);font-size:.76rem;line-height:1.3}.gp-err{color:var(--danger);font-size:.76rem;line-height:1.25}.gp-err--block{margin:0 0 10px;font-size:.85rem;display:block}.gp-app input[aria-invalid=true],.gp-app select[aria-invalid=true]{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.gp-row{flex-wrap:wrap;gap:10px 20px;margin:0 0 10px;display:flex}.gp-checks{gap:8px;margin:4px 0 10px;display:grid}.gp-check{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:8px;font-size:.92rem;display:grid}.gp-check input{width:1.05rem;height:1.05rem;accent-color:var(--accent);margin:.2rem 0 0}.gp-check .gp-help,.gp-check .gp-err{grid-column:2}.gp-chips{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.gp-chip{border:1px solid var(--line);background:var(--surface);min-height:2rem;color:var(--ink);cursor:pointer;border-radius:999px;padding:3px 11px;font-size:.82rem}.gp-chip:hover{border-color:var(--accent)}.gp-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.gp-field--color{margin:0 0 12px}.gp-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gp-swatch{border:1px solid var(--line);background:var(--surface);width:2rem;height:2rem;color:var(--ink-2);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-weight:700;display:inline-grid}.gp-swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.gp-swatch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.gp-field .gp-picker{cursor:pointer;width:2.75rem;height:2rem;min-height:0;padding:2px}.gp-seg{border:0;min-width:0;margin:0;padding:0}.gp-seg legend{margin-bottom:3px;padding:0}.gp-seg-opts{border:1px solid var(--line);background:var(--surface);border-radius:6px;display:inline-flex;overflow:hidden}.gp-seg label{display:block;position:relative}.gp-seg label+label{border-left:1px solid var(--line)}.gp-seg input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.gp-seg span{white-space:nowrap;padding:6px 14px;display:block}.gp-seg input:checked+span{background:var(--accent);color:var(--accent-ink);font-weight:600}.gp-seg input:focus-visible+span{outline:2px solid var(--focus);outline-offset:-3px}.gp-print{display:none}@media print{body.gp-printing{background:#fff;margin:0}body.gp-printing>:not(.gp-print){display:none!important}.gp-print{display:block}.gp-print-page{break-after:page;page-break-after:always;overflow:hidden}.gp-print-page:last-child{break-after:auto;page-break-after:auto}.gp-print-page svg{display:block}body:not(.gp-printing):has(.gp-app) main .wrap>:not(:has(.gp-app)),.gp-inputs,.gp-actions,.gp-notice,.gp-scale,.gp-tip,.gp-facts,.gp-warn,.gp-typed{display:none!important}.gp-layout{display:block}.gp-sheet{width:100%;box-shadow:none}}