.scrim{z-index:40;opacity:0;pointer-events:none;background:#0a100e6b;transition:opacity .3s;position:fixed;inset:0}.scrim.show{opacity:1;pointer-events:auto}.sheet{z-index:41;background:var(--surface);max-height:86vh;padding:10px 20px calc(24px + env(safe-area-inset-bottom));transition:transform .42s var(--ease);border-radius:26px 26px 0 0;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(105%);box-shadow:0 -20px 60px -20px #00000059}.sheet.show{transform:none}@media (min-width:760px){.sheet{opacity:0;pointer-events:none;width:560px;transition:all .35s var(--ease);border-radius:26px;padding:22px 26px 26px;inset:50% auto auto 50%;transform:translate(-50%,-46%)scale(.97)}.sheet.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.grab{display:none}}.grab{background:var(--line);border-radius:5px;width:42px;height:5px;margin:0 auto 14px}.sheet h4{font-family:var(--serif);color:var(--teal);font-size:26px;font-weight:400;line-height:1.1}.sheet h4 em{color:var(--teal-soft);font-style:italic}.sheet .sub{color:var(--muted);margin-top:4px;font-size:13.5px}.sheet-x{position:absolute;top:16px;right:16px}.lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:20px 0 10px;font-size:11px;font-weight:700}.tpls{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (min-width:760px){.tpls{grid-template-columns:repeat(3,1fr)}}.tpl{border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:9px;padding:10px 11px;transition:all .2s;display:flex}.tpl:hover{background:var(--surface-2)}.tpl .sw{background:var(--c);color:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:10.5px;font-weight:700;display:grid}.tpl.abs .sw{background:color-mix(in srgb, var(--c) 22%, transparent);color:color-mix(in srgb, var(--c) 75%, var(--ink))}.tpl b{font-size:13px;font-weight:600;line-height:1.2;display:block}.tpl small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px;display:block}.tpl.sel{border-color:var(--c);background:color-mix(in srgb, var(--c) 9%, transparent);box-shadow:inset 0 0 0 1px var(--c)}textarea,input[type=text]{width:100%;font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);resize:none;border-radius:14px;padding:12px 14px}textarea:focus,input[type=text]:focus{border-color:var(--teal-soft);outline:none}.sheet-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.btn{border-radius:999px;height:46px;padding:0 22px;font-size:14.5px;font-weight:600}.btn.primary{background:var(--teal);color:var(--bg)}.btn.ghost{color:var(--muted)}.btn.ghost:hover{color:#b03f2d}.pick-list{gap:6px;display:grid}.pick{text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:6px;transition:background .2s;display:flex}.pick:hover{background:var(--surface-2)}.pick .art{border-radius:11px;flex:none;width:46px;height:46px}.pick .art:before,.pick .art:after{display:none}.pick .art svg{width:52%;height:52%}.pick b{font-size:14px;font-weight:600;display:block}.pick small{color:var(--muted);font-size:12px;display:block}.pick[disabled]{opacity:.42;cursor:default}.pick .badge{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-left:auto;padding-right:8px;font-size:10.5px;font-weight:700}.toast{left:50%;bottom:calc(98px + env(safe-area-inset-bottom));z-index:60;background:var(--teal);color:var(--bg);opacity:0;pointer-events:none;transition:all .35s var(--ease);white-space:nowrap;box-shadow:var(--shadow-lift);border-radius:999px;padding:11px 18px;font-size:13.5px;font-weight:600;position:fixed;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}:root[data-theme=dark] .toast{color:#2c2d31;background:linear-gradient(135deg,#8ef0d8,#c8b6ff)}
