/* Design Studio previews. The button, finish and remote-body rules are copied from app.css so previews match the app exactly.
   If you change those rules in app.css, copy them here too. */
:root{--bevel: inset 0 1.5px 0 rgba(255,255,255,.75), inset 0 -3px 6px rgba(0,0,0,.35), 0 5px 10px rgba(0,0,0,.45), 0 1px 1px rgba(0,0,0,.6);
  --tech:"Chakra Petch","Rajdhani",system-ui,sans-serif}
/* the device */
.remote{width:min(100%,360px);border-radius:42px;padding:20px 20px 24px;position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.65),0 34px 60px -24px rgba(0,0,0,.85)}
.head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.lens{width:14px;height:14px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#7a2b3a,#2a0b12 60%,#0c0306);box-shadow:0 0 0 2px rgba(0,0,0,.45),inset 0 1px 1px rgba(255,255,255,.25)}
.lcd{flex:1;min-width:0;height:30px;border-radius:7px;padding:0 10px;display:flex;align-items:center;
  background:linear-gradient(#b3cba8,#93b18a);color:#1c2a19;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcd span{overflow:hidden;text-overflow:ellipsis}
.mark{text-align:center;margin-top:20px;font-family:var(--display);font-size:10px;letter-spacing:.42em;color:rgba(255,255,255,.34);text-shadow:0 -1px 0 rgba(0,0,0,.6)}
.bg-pearl .mark,.bg-brushed .mark{color:rgba(0,0,0,.38);text-shadow:0 1px 0 rgba(255,255,255,.5)}
.mark a{color:inherit;text-decoration:none;display:inline-flex;align-items:baseline;padding:4px 8px;border-radius:6px;transition:color .15s}
.mark a:hover,.mark a:focus-visible{color:rgba(255,255,255,.7)}
.bg-pearl .mark a:hover,.bg-brushed .mark a:hover,.bg-pearl .mark a:focus-visible,.bg-brushed .mark a:focus-visible{color:rgba(0,0,0,.65)}
.mark b{font-weight:400;margin-right:-.42em}
.mark small{font-size:7px;letter-spacing:.14em;margin-left:.35em}

.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.slot{aspect-ratio:1;display:grid;place-items:center;border-radius:20px;position:relative;transition:background .15s}
.editing .slot{background:rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.06)}
.slot.sel::after{content:"";position:absolute;inset:-4px;border:2px solid var(--accent);border-radius:23px;pointer-events:none}
.slot.over{background:color-mix(in srgb,var(--accent) 35%,transparent)}
.slot.lifting .rb{opacity:.25}
.slot:has(.shape-hex){filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}
.add{width:42px;height:42px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.35);background:rgba(0,0,0,.15);color:rgba(255,255,255,.7);font-size:22px;line-height:1;cursor:pointer}
.bg-pearl .add,.bg-brushed .add{border-color:rgba(0,0,0,.35);color:rgba(0,0,0,.55)}

/* buttons */
.rb{position:relative;display:grid;place-items:center;width:84%;aspect-ratio:1;border-radius:22%;text-decoration:none;overflow:hidden;cursor:pointer;
  user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .1s,filter .1s;box-shadow:var(--bevel);color:var(--ink,#222)}
.editing .rb{touch-action:none;cursor:grab}
.using .rb{touch-action:manipulation}
.using .rb:active{transform:translateY(2px) scale(.965);filter:brightness(.9)}
.rb::before{content:"";position:absolute;left:9%;right:9%;top:4%;height:46%;border-radius:50%/42%;background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,0));opacity:var(--gloss,.55);pointer-events:none}
.rb::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.26) 48%,transparent 56%);pointer-events:none}
.shape-circle{border-radius:50%}
.shape-pill{aspect-ratio:2/1;width:98%;border-radius:999px}
.shape-hex{border-radius:0;width:94%;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}
.face{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink);filter:drop-shadow(var(--emb,0 1px 0 rgba(255,255,255,.55)))}
.face svg{width:30%;max-width:28px;height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shape-pill .face{flex-direction:row;gap:6px}
.shape-pill .face svg{width:18%}
.lbl{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;line-height:1.1;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.font-engraved .lbl{font-family:var(--display);font-size:8.5px}
.font-clean .lbl{font-family:var(--body);font-weight:600}
.font-tech .lbl{font-family:var(--tech);font-weight:600;font-size:10.5px}
.ghost{position:fixed;left:0;top:0;pointer-events:none;z-index:60;aspect-ratio:auto!important;margin:0}

/* finishes */
.fin-chrome{background:linear-gradient(180deg,#fdfdfe 0%,#d2d6dc 20%,#8a919b 47%,#eef1f4 53%,#a3a9b2 78%,#f4f6f8 100%);--ink:#262a30}
.fin-silver{background:linear-gradient(180deg,#fff 0%,#e6e8eb 35%,#c3c7cd 60%,#eceef1 100%);--ink:#3a3f47}
.fin-gold{background:linear-gradient(180deg,#fff1bf 0%,#eac15b 22%,#a8761b 48%,#f6d67e 54%,#b98827 80%,#ffe7a3 100%);--ink:#4a3208;--emb:0 1px 0 rgba(255,240,200,.65)}
.fin-rosegold{background:linear-gradient(180deg,#ffe6de 0%,#eab0a1 24%,#a9665a 48%,#f3c4b7 54%,#b87b6f 80%,#ffdcd2 100%);--ink:#4d241d;--emb:0 1px 0 rgba(255,230,222,.6)}
.fin-green{background:linear-gradient(180deg,#c6f4d4 0%,#45c274 22%,#0d5a31 48%,#5ad08a 54%,#16703d 80%,#9ce9b7 100%);--ink:#fff;--emb:0 -1px 0 rgba(0,40,15,.7)}
.fin-red{background:linear-gradient(180deg,#ffc4c4 0%,#e04848 22%,#761010 48%,#ef6868 54%,#921a1a 80%,#ffadad 100%);--ink:#fff;--emb:0 -1px 0 rgba(60,0,0,.7)}
.fin-gunmetal{background:linear-gradient(180deg,#a3a9b1 0%,#555b64 22%,#1e2126 48%,#646b75 54%,#2b2f35 80%,#858c96 100%);--ink:#eef0f3;--emb:0 -1px 0 rgba(0,0,0,.7)}
.fin-glass{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.06) 55%,color-mix(in srgb,var(--ring) 38%,transparent));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.4),0 0 16px color-mix(in srgb,var(--ring) 35%,transparent);--ink:#fff;--emb:0 1px 2px rgba(0,0,0,.45)}
.fin-tech{background:radial-gradient(120% 90% at 50% 15%,#353a43 0%,#15171b 60%,#0a0b0d 100%);
  box-shadow:inset 0 0 0 1.5px var(--ring),inset 0 1px 0 rgba(255,255,255,.15),0 0 14px color-mix(in srgb,var(--ring) 55%,transparent),0 5px 10px rgba(0,0,0,.6);--ink:var(--ring);--gloss:.16;--emb:0 0 4px color-mix(in srgb,var(--ring) 70%,transparent)}
.fin-neon{background:#0a0a0f;box-shadow:inset 0 0 0 2px var(--ring),inset 0 0 14px var(--ring),0 0 22px var(--ring);--ink:#fff;--gloss:.08;--emb:0 0 6px var(--ring)}
.fin-iris{background:conic-gradient(from 200deg,#ffd6f0,#c8d8ff,#c9fff1,#fff3c4,#ffd6f0);--ink:#3a3550}

/* remote backgrounds */
.bg-carbon{background-color:#16181c;background-image:linear-gradient(27deg,#1d1f23 5px,transparent 5px),linear-gradient(207deg,#1d1f23 5px,transparent 5px),linear-gradient(27deg,#202226 5px,transparent 5px),linear-gradient(207deg,#202226 5px,transparent 5px),linear-gradient(90deg,#1a1c20 10px,transparent 10px),linear-gradient(#1b1d21 25%,#18191d 25%,#18191d 50%,transparent 50%,transparent 75%,#23252a 75%,#23252a);background-position:0 5px,10px 0,0 10px,10px 5px,0 0,0 0;background-size:20px 20px}
.bg-brushed{background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,.05) 1px 2px,transparent 2px 4px),linear-gradient(180deg,#a2a8b0,#6f757d 50%,#8b9199)}
.bg-walnut{background:repeating-linear-gradient(97deg,rgba(0,0,0,.13) 0 2px,transparent 2px 7px,rgba(255,255,255,.04) 7px 9px,transparent 9px 15px),linear-gradient(180deg,#6b4428,#4b2e19 60%,#5c3a21)}
.bg-midnight{background:radial-gradient(120% 70% at 50% 0%,#2b3a63 0%,#121a30 60%,#0b1020 100%)}
.bg-pearl{background:linear-gradient(160deg,#f3f1ee,#d6d3ce 55%,#ece9e4)}
.bg-solid{background:linear-gradient(180deg,color-mix(in srgb,var(--solid) 85%,white),var(--solid) 40%,color-mix(in srgb,var(--solid) 78%,black))}

.sw .chip{width:30px;height:30px;border-radius:50%;box-shadow:var(--bevel);position:relative;overflow:hidden;--ring:#4cc9f0}
.sw .chip::before{content:"";position:absolute;left:10%;right:10%;top:4%;height:46%;border-radius:50%;background:linear-gradient(rgba(255,255,255,.6),transparent);opacity:var(--gloss,.55)}
.opt{border:1px solid var(--line);background:var(--panel-2);border-radius:9px;padding:7px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:13px}
.opt i{display:inline-block;width:16px;height:16px;background:currentColor;opacity:.75}
.o-square i{border-radius:4px}.o-circle i{border-radius:50%}.o-pill i{width:24px;height:12px;border-radius:9px}
.o-hex i{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}
.sw{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);font-size:11.5px}
/* studio layout */
.studio-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 16px}
.studio-tabs a{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;text-decoration:none;color:var(--fg);background:var(--panel)}
.studio-tabs a[aria-current]{border-color:var(--accent);color:var(--accent)}
.sw-cell{width:44px;height:44px;display:grid;place-items:center}
.sw-cell .rb{width:40px;--ring:#4cc9f0}
.sw-cell .rb .face svg{width:46%}
.sw-cell .bgchip{width:44px;height:30px;border-radius:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(0,0,0,.5)}
.sw-cell .fontchip{font-size:13px;letter-spacing:.1em}
.status-pill{font-size:11px;font-weight:600;border-radius:5px;padding:1px 7px;border:1px solid var(--line);white-space:nowrap}
.status-pill.live{color:var(--ok);border-color:currentColor}
.status-pill.draft{color:#b07d10;border-color:currentColor}
.status-pill.hidden,.status-pill.soon{color:var(--muted)}
.studio-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:18px;align-items:start}
@media (max-width:900px){.studio-edit{grid-template-columns:minmax(0,1fr)}}
.studio-form{display:grid;gap:16px}
.studio-form fieldset{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:12px;margin:0;min-width:0}
.studio-form legend{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 6px}
.studio-form .field{display:grid;gap:5px;min-width:0}
.studio-form .field label,.studio-form .lab{font-size:12.5px;color:var(--muted);font-weight:500}
.studio-form input[type=text],.studio-form input[type=number],.studio-form select,.studio-form textarea{font:inherit;color:var(--fg);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:8px 10px;width:100%;min-width:0}
.studio-form textarea{min-height:90px;font-family:var(--mono);font-size:12px}
.studio-form input[type=color]{width:44px;height:34px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}
.studio-form .hint{font-size:12px;color:var(--muted);margin:0}
.studio-form .row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.studio-form .row>.field{flex:1 1 160px}
.studio-form .radio-row{display:flex;flex-wrap:wrap;gap:8px 18px}
.studio-form .radio-row label{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--fg)}
.stops{display:grid;gap:8px}
.stop{display:flex;gap:8px;align-items:center}
.stop input[type=range]{flex:1}
.stop .pct{font-family:var(--mono);font-size:12px;width:4ch;text-align:right;color:var(--muted)}
.stop button{background:none;border:1px solid var(--line);border-radius:7px;color:var(--muted);cursor:pointer;width:28px;height:28px}
.preview-card{position:sticky;top:12px;display:grid;gap:12px}
.preview-card .remote{width:100%;max-width:300px;justify-self:center;padding:16px 16px 18px;border-radius:30px}
.preview-card .grid{gap:10px}
.preview-card .slot{border-radius:16px}
.preview-note{font-size:12.5px;color:var(--muted);margin:0}
.thumb{max-width:160px;border-radius:10px;border:1px solid var(--line)}
.danger-zone{border-color:var(--danger)!important}
.actions-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.face svg.fill{fill:currentColor;stroke:none}

/* SVG buttons (assets/button-svg.js) in lists and previews */
.pzsw{position:relative;display:block;aspect-ratio:1;width:40px}
.pzsw.wide{aspect-ratio:2/1;width:44px}
.pzsw svg.pzb{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.preview-card .rb.svgb{background:none;box-shadow:none;border-radius:0;overflow:visible;clip-path:none;width:84%}
.preview-card .rb.svgb::before,.preview-card .rb.svgb::after{display:none}
.preview-card .rb.svgb.wide{aspect-ratio:2/1;width:98%}

/* effect layers editor */
.rng{display:flex;align-items:center;gap:8px}.rng input{flex:1;min-width:0}.rng output{font-family:var(--mono);font-size:12px;min-width:3.4em;text-align:right;color:var(--muted)}
.fx-part{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:10px}
.fx-part-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.fx-add{max-width:220px}
.fx-layers{display:grid;gap:10px}
.fx-layer{background:var(--panel-2,rgba(127,127,127,.06));border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:8px}
.fx-layer.off .fx-fields{opacity:.45}
.fx-layer-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.fx-tools{display:flex;gap:4px}
.fx-tools button{width:28px;height:28px;border-radius:7px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}
.fx-tools button:disabled{opacity:.35;cursor:default}
.fx-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 14px}
.fx-fields .field{gap:4px}.fx-wide{grid-column:1/-1}
.fx-color,.fx-angle{display:flex;gap:6px;align-items:center}.fx-color select{flex:1}.fx-angle input[type=number]{width:80px}
.chk{display:inline-flex;gap:6px;align-items:center;font-size:13px}
.fx-stops{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fx-stop{display:inline-flex;gap:4px;align-items:center;font-size:12px}.fx-stop input[type=number]{width:62px}
.fx-cost{margin:0;font-size:13px;padding:8px 10px;border-radius:8px;border-left:3px solid #3a9b5c;background:color-mix(in srgb,#3a9b5c 10%,transparent)}
.fx-cost.medium{border-color:#c9a227;background:color-mix(in srgb,#c9a227 12%,transparent)}
.fx-cost.heavy{border-color:#d9822b;background:color-mix(in srgb,#d9822b 14%,transparent)}

/* pattern bodies */
.pat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.pat{height:62px;border-radius:10px;border:2px solid transparent;background-size:cover;cursor:pointer;display:flex;align-items:flex-end;padding:4px 6px;box-shadow:0 0 0 1px var(--line)}
.pat span{font-size:11px;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;text-align:left;line-height:1.15}
.pat[aria-checked="true"]{border-color:var(--accent,#c8102e);box-shadow:0 0 0 1px var(--accent,#c8102e)}
.preview-card .remote{background-size:100% 100%}
.sw-cell .bgchip[data-body]{background-size:cover}

/* My designs */
.studio-tabs .count{font-family:var(--mono);font-size:11px;opacity:.7;margin-left:2px}
.my-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.my-card{display:grid;justify-items:center;gap:8px;padding:16px 10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none;color:inherit;text-align:center}
.my-card:hover,.my-card:focus-visible{border-color:var(--accent,#c8102e)}
.my-card .sw-cell{width:64px;height:64px}.my-card .pzsw{width:56px}.my-card .bgchip{width:64px;height:44px}
.my-empty{display:grid;gap:12px;justify-items:start;max-width:520px}
.my-studio .site-main{max-width:1180px}
.my-studio .site-top{max-width:1180px}
.my-studio .errors{margin-bottom:16px}

/* Chrome rim: no dark ring around the outside, so the metal edge reads as rounded */
.remote.rimmed,.g-remote.rimmed{box-shadow:0 34px 60px -24px rgba(0,0,0,.85),0 10px 18px -8px rgba(0,0,0,.45)}
.body-wrap.shaped.rimmed{filter:drop-shadow(0 26px 22px rgba(0,0,0,.5))}

/* tinted glass */
.fin-glass-red{background:linear-gradient(180deg,rgba(255,255,255,0.4),rgba(232,51,63,0.3) 45%,rgba(232,51,63,0.62));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.4),0 0 14px rgba(232,51,63,.3);--ink:#fff;--emb:0 1px 2px rgba(0,0,0,.45)}
.fin-glass-orange{background:linear-gradient(180deg,rgba(255,255,255,0.4),rgba(255,122,26,0.3) 45%,rgba(255,122,26,0.62));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.4),0 0 14px rgba(255,122,26,.3);--ink:#fff;--emb:0 1px 2px rgba(0,0,0,.45)}
.fin-glass-yellow{background:linear-gradient(180deg,rgba(255,255,255,0.4),rgba(255,210,31,0.3) 45%,rgba(255,210,31,0.62));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.4),0 0 14px rgba(255,210,31,.3);--ink:#fff;--emb:0 1px 2px rgba(0,0,0,.45)}
.fin-glass-green{background:linear-gradient(180deg,rgba(255,255,255,0.4),rgba(34,197,94,0.3) 45%,rgba(34,197,94,0.62));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.4),0 0 14px rgba(34,197,94,.3);--ink:#fff;--emb:0 1px 2px rgba(0,0,0,.45)}
.fin-glass-blue{background:linear-gradient(180deg,rgba(255,255,255,0.4),rgba(47,125,255,0.3) 45%,rgba(47,125,255,0.62));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.4),0 0 14px rgba(47,125,255,.3);--ink:#fff;--emb:0 1px 2px rgba(0,0,0,.45)}
.fin-glass-purple{background:linear-gradient(180deg,rgba(255,255,255,0.4),rgba(155,77,255,0.3) 45%,rgba(155,77,255,0.62));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.4),0 0 14px rgba(155,77,255,.3);--ink:#fff;--emb:0 1px 2px rgba(0,0,0,.45)}
.fin-glass-white{background:linear-gradient(180deg,rgba(255,255,255,0.62),rgba(255,255,255,0.34) 45%,rgba(255,255,255,0.5));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.4),0 0 14px rgba(255,255,255,.3);--ink:#2a2d33;--emb:0 1px 2px rgba(0,0,0,.45)}
.fin-glass-black{background:linear-gradient(180deg,rgba(255,255,255,0.24),rgba(6,7,10,0.58) 45%,rgba(6,7,10,0.8));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.3),0 6px 14px rgba(0,0,0,.4),0 0 14px rgba(6,7,10,.3);--ink:#fff;--emb:0 1px 2px rgba(0,0,0,.45)}