/* ── studio-r24.css ── */
/* NFT Preview Studio — общая система; цвета адаптируются к выбранной теме. */
:root{--bg:#100910;--s1:#20121d;--s2:#2b1a28;--s3:#3a2535;--sep:rgba(255,225,243,.09);--lens:rgba(255,221,241,.10);--ink:#fff6fb;--ink2:#c2aeba;--ink3:#8b7785;--ac:#ff78a9;--on-ac:#2e0b1d;--tint:rgba(255,120,169,.14);--bar:rgba(31,18,29,.96);--brand-rgb:255,120,169;
--ui-bg:var(--bg);--ui-s1:var(--s1);--ui-s2:var(--s2);--ui-s3:var(--s3);--ui-sheet:var(--s1);--ui-tx:var(--ink);--ui-tx-2:var(--ink2);--ui-tx-3:#ad99a5;--ui-tx-4:#8b7785;--ui-ac:var(--ac);--ui-ac-tx:var(--ac);--ui-ac-tx-2:#ffc1d8;--ui-ac-tint:var(--tint);--ui-line:var(--sep);--ui-fill:var(--s2);--ui-fill-2:var(--s3);--v-card:var(--s1);--v-card-ring:inset 0 0 0 1px var(--sep);--v-btn:var(--ac);--v-btn-sh:none;--menu-ac:var(--brand-rgb);--menu-on:var(--on-ac)}
html[data-theme=graphite]{--bg:#0c0e14;--s1:#191c26;--s2:#242938;--s3:#343b4d;--sep:rgba(227,235,255,.10);--lens:rgba(225,234,255,.10);--ink:#f6f7ff;--ink2:#b4bdce;--ink3:#8993a6;--ac:#9cbfff;--on-ac:#0b1a32;--tint:rgba(156,191,255,.14);--bar:rgba(25,28,38,.96);--brand-rgb:156,191,255;--ui-ac-tx-2:#cfddff}
:focus-visible{outline:2px solid var(--ac)!important;outline-offset:3px}
/* Native-sized controls and low-cost interaction feedback. */
button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media (hover:hover) and (pointer:fine){button:not(:disabled):hover{filter:brightness(1.08)}}
html.studio-no-motion *,html.studio-no-motion *::before,html.studio-no-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.studio-heading,.tool,.tool-art{animation:none!important;transition:none!important}}
/* Builder & collector — same surfaces, controls and navigation as the studio. */
body[data-studio="builder"] .hdr,body[data-studio="collector"] .hdr{margin-bottom:14px}
body[data-studio="builder"] .hdr h1,body[data-studio="collector"] .hdr h1{letter-spacing:-.035em}
body[data-studio="builder"] .pv{background:linear-gradient(155deg,var(--s2),var(--s1));box-shadow:inset 0 0 0 1px var(--sep),0 18px 48px -30px rgba(0,0,0,.8)}
body[data-studio="builder"] .pv::after{box-shadow:inset 0 0 0 1px var(--sep)}
body[data-studio="builder"] .tl,body[data-studio="collector"] .tl{background:var(--s1);box-shadow:inset 0 0 0 1px var(--sep);height:64px}
body[data-studio="builder"] .th,body[data-studio="collector"] .th{background:var(--s2)}
body[data-studio="builder"] .tl.next,body[data-studio="collector"] .tl.next{box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.4)}
body[data-studio="builder"] .btn:not(:disabled):not(.sec),body[data-studio="collector"] .btn:not(:disabled):not(.sec){box-shadow:0 8px 24px -14px rgba(var(--brand-rgb),.75)}
body[data-studio="builder"] .sheet,body[data-studio="collector"] .sheet{background:var(--s1);box-shadow:0 -1px 0 var(--sep),0 -24px 60px rgba(0,0,0,.4)}
body[data-studio="builder"] .tabs,body[data-studio="collector"] .tabs,.np-tabs{background:var(--bar);box-shadow:inset 0 0 0 1px var(--sep),0 14px 32px rgba(0,0,0,.34)}
body[data-studio="collector"] .mode .seg,body[data-studio="collector"] .opts,body[data-studio="builder"] .opts{box-shadow:inset 0 0 0 1px var(--sep)}
body[data-studio="collector"] .board .cell{box-shadow:inset 0 0 0 1px var(--sep)}
/* Preview — do not change the geometry of the live gift renderer. */
body[data-studio="preview"] :is(.nac,#nftp-manual>div,.ui-link){box-shadow:inset 0 0 0 1px var(--sep)!important}
body[data-studio="preview"] :is(#nftp-bnx,#nftp-bsend):not(:disabled){box-shadow:0 8px 24px -14px rgba(var(--brand-rgb),.75)!important}
body[data-studio="preview"] .sht{box-shadow:0 -1px 0 var(--sep),0 -24px 60px rgba(0,0,0,.4)!important}
/* Auxiliary screens inherit the exact same palette and controls. */
body[data-studio="aux"]{--bg2:var(--s1);--bg3:var(--s2);--bg4:var(--s3);--bg5:var(--s3);--brd:var(--sep);--brd2:var(--sep);--t:var(--ink);--t2:var(--ink2);--t3:var(--ink2);--ac2:var(--ac)}
body[data-studio="aux"] .ui-glow{background:radial-gradient(75% 35% at 50% -10%,rgba(var(--brand-rgb),.11),transparent 72%)!important}
body[data-studio="aux"] :is(.ui-btn,.act-pay){background:var(--ac)!important;color:var(--on-ac)!important;box-shadow:none!important}
body[data-studio="aux"] :is(.ui-list,.sht){background:var(--s1)!important}
body[data-studio="aux"] .ui-stat{background:var(--tint)!important;color:var(--ac)!important;box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.2)!important}
/* Main menu: editorial hierarchy, original gift art and clear actions. */
body[data-studio="home"] .wrap{max-width:680px;padding-top:calc(var(--tg-top,0px) + 18px)}
body[data-studio="home"] .hd{padding:0 20px;align-items:center;gap:10px}
body[data-studio="home"] .hd h1{font-size:19px;line-height:24px;letter-spacing:-.025em}
body[data-studio="home"] .hd-sub{font-size:12px;line-height:16px;margin-top:1px;color:var(--ink2)}
body[data-studio="home"] .me,body[data-studio="home"] .menu-theme{width:44px;height:44px}
body[data-studio="home"] .studio-heading{padding:32px 20px 0}
.studio-kicker,.tool-over{display:block;font:700 10px/14px var(--ui-font);letter-spacing:.12em;color:var(--ac)}
.studio-heading h2{margin:8px 0 0;font:750 35px/1.04 var(--ui-font);letter-spacing:-.055em;color:var(--ink)}
.studio-heading p{max-width:360px;margin-top:10px;font:400 14px/20px var(--ui-font);color:var(--ink2)}
body[data-studio="home"] .tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:22px 16px 0}
body[data-studio="home"] .tool{display:block;position:relative;min-width:0;overflow:hidden;text-align:left;border-radius:24px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--sep);transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s ease}
body[data-studio="home"] .tool:active{transform:scale(.98)}
body[data-studio="home"] .tool-feature{grid-column:1/-1;min-height:176px;padding:22px;background:radial-gradient(110% 130% at 90% 8%,rgba(var(--brand-rgb),.20),transparent 65%),linear-gradient(145deg,var(--s2),var(--s1));}
.tool-copy{position:relative;display:flex;align-items:flex-start;flex-direction:column;max-width:59%;z-index:2}
.tool-copy>b{font:700 23px/1.1 var(--ui-font);letter-spacing:-.035em;color:var(--ink);margin-top:8px}
.tool-copy>small{font:400 13px/18px var(--ui-font);color:var(--ink2);margin-top:7px}
.tool-action{display:flex;align-items:center;gap:6px;margin-top:13px;color:var(--ac);font:700 13px/18px var(--ui-font)}.tool-action svg{width:15px;height:15px}
.tool-feature .tool-art-preview{position:absolute;width:160px;height:160px;right:10px;bottom:0;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(0,0,0,.22));pointer-events:none}
.tool-corner{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;color:var(--ac);background:rgba(var(--brand-rgb),.12)}.tool-corner svg{width:18px;height:18px}
body[data-studio="home"] .tool-small{min-height:176px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.tool-small .tool-art{width:66px;height:66px;object-fit:contain;border-radius:15px;align-self:flex-end;margin:-6px 0 4px}
.tool-small .tool-t{flex:none;width:100%;padding-right:10px}.tool-small .tool-t b{font:700 15px/19px var(--ui-font);letter-spacing:-.02em}.tool-small .tool-t small{font:400 12px/16px var(--ui-font);margin-top:3px;color:var(--ink2)}
body[data-studio="home"] .tool-small>.chev{position:absolute;right:13px;bottom:17px;width:14px;height:14px}
body[data-studio="home"] .sec{margin:34px 0 13px;padding:0 20px;font-size:21px;letter-spacing:-.035em}
body[data-studio="home"] .limits{background:var(--s1);box-shadow:inset 0 0 0 1px var(--sep);border-radius:20px}
body[data-studio="home"] .tile{background:rgba(var(--brand-rgb),.12);color:var(--ac);box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.14)}
body[data-studio="home"] .brand-icon{width:20px;height:20px;object-fit:contain}
body[data-studio="home"] .ui-list{background:var(--s1)!important;box-shadow:inset 0 0 0 1px var(--sep)}
body[data-studio="home"] .sheet{background:var(--s1)}
body[data-studio="home"] .ui-seg{background:var(--s1)!important}body[data-studio="home"] .ui-seg::before{background:var(--s3)!important}
body[data-studio="home"] .ui-dock__bar{background:var(--bar)!important;box-shadow:inset 0 0 0 1px var(--sep),0 14px 32px rgba(0,0,0,.34)}body[data-studio="home"] .ui-dock__bar::before{background:none}body[data-studio="home"] .ui-dock__lens{background:var(--lens);box-shadow:none}body[data-studio="home"] .ui-dock__tab.is-on,body[data-studio="home"] .ui-dock__tab.is-preview{color:var(--ac)!important}body[data-studio="home"] .ui-dock-fade{background:linear-gradient(0deg,var(--bg),transparent)}
@media (hover:hover) and (pointer:fine){body[data-studio="home"] .tool:hover{box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.4),0 14px 32px -24px rgba(var(--brand-rgb),.4)}body[data-studio="home"] .tool:hover .tool-art{transform:translateY(-3px)}}
.tool-art{transition:transform .3s cubic-bezier(.23,1,.32,1)}
@keyframes studio-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.studio-heading{animation:studio-arrive .42s cubic-bezier(.23,1,.32,1) both}
@media(max-width:359px){.studio-heading h2{font-size:31px}.tool-feature .tool-art-preview{width:135px;height:135px;right:2px}.tool-small .tool-t small{font-size:11.5px}.tool-copy{max-width:62%}}
@media(min-width:700px){body[data-studio="home"] .tools{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-studio="home"] .tool-small{min-height:160px}.tool-small .tool-art{width:72px;height:72px}}
/* Empty states are guidance, never a fake selected gift or endless skeleton. */
body[data-studio="builder"] .pv:not(.has-col) .ph{position:absolute;left:50%;top:50%;width:min(75%,260px);height:auto;margin:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink);gap:7px}
body[data-studio="builder"] .studio-ph-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:rgba(var(--brand-rgb),.12);color:var(--ac);margin-bottom:3px;box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.18)}
body[data-studio="builder"] .ph .i{width:27px;height:27px;stroke-width:1.8}
body[data-studio="builder"] .ph b{font-size:16px;line-height:20px;letter-spacing:-.02em}
body[data-studio="builder"] .ph small{font-size:13px;line-height:18px;color:var(--ink2);max-width:215px}
body[data-studio="preview"] .nac.is-empty .nac-t{justify-content:center;gap:7px}
body[data-studio="preview"] .nac.is-empty .nac-t::before{content:'Здесь появится NFT';font:700 15px/19px var(--ui-font);color:var(--ink)}
body[data-studio="preview"] .nac.is-empty .nac-t::after{content:'Вставь ссылку или выбери коллекцию';font:400 12px/17px var(--ui-font);color:var(--ink2)}
body[data-studio="preview"] .nac.is-empty .nac-h,body[data-studio="preview"] .nac.is-empty .nac-rows,body[data-studio="preview"] .nac.is-empty .nac-note{display:none}
body[data-studio="preview"] .nac-art .nac-placeholder{left:50%;top:50%;transform:translate(-50%,-50%);color:var(--ac)}
body[data-studio="collector"] .cell.e{background:linear-gradient(145deg,var(--s2),var(--s1));box-shadow:inset 0 0 0 1px var(--sep)!important}
body[data-studio="collector"] .cell.e>.i{color:var(--ac);opacity:.8}
body[data-studio="aux"] :is(.bnx,.bsend,.act-pay):not(:disabled){background:var(--ac)!important;color:var(--on-ac)!important;box-shadow:none!important}
body[data-studio="aux"] .ui-dock__bar{background:var(--bar)!important;box-shadow:inset 0 0 0 1px var(--sep),0 14px 32px rgba(0,0,0,.34)}body[data-studio="aux"] .ui-dock__bar::before{background:none}body[data-studio="aux"] .ui-dock__lens{background:var(--lens);box-shadow:none}body[data-studio="aux"] .ui-dock__tab.is-on,body[data-studio="aux"] .ui-dock__tab.is-preview{color:var(--ac)!important}body[data-studio="aux"] .ui-dock-fade{background:linear-gradient(0deg,var(--bg),transparent)}
body[data-studio="home"] .tool-small{min-height:190px}.tool-small .tool-art{margin:8px 0 4px}
html.anim-off .studio-heading,html.anim-off .tool-art{animation:none!important;transition:none!important}
:root body[data-studio="aux"] :is(#fab-btn,#btn-confirm,.bnx,.bsend,.act-pay):not(:disabled){color:var(--on-ac)!important;background:var(--ac)!important}

/* Pseudo-element masks use the same project icon family. */
:root{
  --i-send-f:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.8%2011.1%2020%204l-5.4%2016-3.1-6-7.7-2.9zM11.5%2014%2020%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --i-arrow-r:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.5%2012h14M13.2%206.8%2018.5%2012l-5.3%205.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --i-caret-r:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205%207%207-7%207%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --i-caret-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%209%207%207%207-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --i-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.5%2012.6l4.3%204.2%208.7-9.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --i-download:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204.5v10.5M7.5%2010.8l4.5%204.5%204.5-4.5M5%2019.5h14%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --i-chev-ud:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%209%204-4%204%204M8%2015l4%204%204-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --i-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%226.3%22%2F%3E%3Cpath%20d%3D%22M15.8%2015.8L20%2020%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --i-x-c:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%207l10%2010M17%207L7%2017%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --i-copy:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228.5%22%20y%3D%228.5%22%20width%3D%2211%22%20height%3D%2211%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M15.5%208.5V6.6a2.1%202.1%200%200%200-2.1-2.1H6.6a2.1%202.1%200%200%200-2.1%202.1v6.8a2.1%202.1%200%200%200%202.1%202.1h1.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --i-share:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m7.8%2011%208.4-4M7.8%2013l8.4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* ── studio-r25.css ── */
/* r25 — ясные действия, общие смысловые иконки и спокойные поверхности. */
:root{--bg:#110b13;--s1:#201721;--s2:#2c202d;--s3:#3a2a39;--sep:rgba(255,240,250,.10);--ink:#fff8fc;--ink2:#c5b7c2;--ink3:#968794;--ac:#ff8ab7;--on-ac:#310f20;--tint:rgba(255,138,183,.13);--bar:#211923;--brand-rgb:255,138,183}
html[data-theme=graphite]{--bg:#10131b;--s1:#1c222d;--s2:#293140;--s3:#364252;--sep:rgba(234,242,255,.11);--ink:#f8faff;--ink2:#bdc7d7;--ink3:#98a4b5;--ac:#a8c7ff;--on-ac:#11223c;--tint:rgba(168,199,255,.13);--bar:#202733;--brand-rgb:168,199,255}
/* Main page: the icon describes the action, not a particular collectible. */
body[data-studio=home] .wrap{max-width:680px}
body[data-studio=home] .hd{padding:0 20px 0}
body[data-studio=home] .studio-heading{padding:38px 20px 0;animation:none}
.home-eyebrow{margin:0!important;color:var(--ac)!important;font-size:11px!important;letter-spacing:.1em;font-weight:700!important;line-height:16px!important}
.studio-heading h2{font:750 30px/1.12 var(--ui-font);letter-spacing:-.035em;margin:8px 0 0;max-width:340px}
.studio-heading>p:last-child{font:400 14px/20px var(--ui-font);margin:8px 0 0;color:var(--ink2)}
body[data-studio=home] .tools{display:flex;flex-direction:column;gap:0;padding:0;margin:22px 16px 0;border-radius:20px;overflow:hidden;background:var(--s1);box-shadow:inset 0 0 0 1px var(--sep)}
body[data-studio=home] .tool.action-row{width:100%;min-height:94px;display:flex;flex-direction:row;align-items:center;gap:14px;padding:14px;text-align:left;background:transparent;border-radius:0;box-shadow:none;overflow:visible}
body[data-studio=home] .tool.action-row+.action-row{border-top:1px solid var(--sep)}
body[data-studio=home] .tool.action-row:active{background:var(--s2);transform:none}
.action-icon{display:grid;place-items:center;flex:none;width:62px;height:62px;border-radius:16px;background:var(--tint);color:var(--ac)}
.action-icon .ui-i{width:37px;height:37px}
.action-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.action-copy b{font:700 17px/21px var(--ui-font);letter-spacing:-.02em;color:var(--ink)}
.action-copy small{font:400 13px/18px var(--ui-font);color:var(--ink2);text-wrap:pretty}
.action-arrow{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--s2);color:var(--ink2)}
.action-arrow svg{width:17px;height:17px}
body[data-studio=home] .sec{margin:32px 0 14px;padding:0 20px;font-size:19px;letter-spacing:-.025em}
body[data-studio=home] .limits,body[data-studio=home] .ui-list{border-radius:16px}
body[data-studio=home] .tile{border-radius:11px;box-shadow:none}
@media(max-width:359px){body[data-studio=home] .studio-heading{padding-top:30px}.studio-heading h2{font-size:27px}.action-icon{width:56px;height:56px}.action-icon .ui-i{width:33px;height:33px}.action-copy b{font-size:16px}.action-copy small{font-size:12px;line-height:16px}.action-arrow{width:28px;height:28px}.tool.action-row{gap:10px!important}}
/* Shared navigation and controls: coherent rounded rectangles, not floating pills. */
body[data-studio] :is(.tabs,.np-tabs,.ui-dock__bar){border-radius:20px!important}
body[data-studio] :is(.tabs .tab,.np-tab,.ui-dock__lens){border-radius:15px!important}
body[data-studio] :is(.sheet,.sht){border-radius:24px 24px 0 0}
body[data-studio] :is(.btn,.bnx,.bsend,#nftp-bnx,#nftp-bsend,#fab-btn){border-radius:15px!important}
/* Builder: an identifiable action icon and a clear step group. */
body[data-studio=builder] .hdr,body[data-studio=collector] .hdr{height:52px;margin-bottom:18px}
body[data-studio=builder] .hdr h1,body[data-studio=collector] .hdr h1{font-size:27px;letter-spacing:-.035em}
body[data-studio=builder] .pv{border-radius:22px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--sep)}
body[data-studio=builder] .pv:not(.has-col) .amb{opacity:.20}
body[data-studio=builder] .studio-ph-icon{width:76px;height:76px;border-radius:20px;background:var(--tint);box-shadow:none}
body[data-studio=builder] .ph .i{width:40px;height:40px}
body[data-studio=builder] .ph b{font-size:18px;margin-top:3px}
body[data-studio=builder] .ph small{font-size:13px;line-height:19px}
.editor-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:2px 2px 12px}
.editor-title b,.collector-intro b{font-size:16px;line-height:21px;color:var(--ink);letter-spacing:-.02em}
.editor-title span{font-size:12px;color:var(--ink2)}
body[data-studio=builder] .tl,body[data-studio=collector] .tl{border-radius:14px;min-height:68px;background:var(--s1)}
body[data-studio=builder] .th,body[data-studio=collector] .th{border-radius:11px}
body[data-studio=builder] .tl.next,body[data-studio=collector] .tl.next{background:var(--tint);box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.48)}
/* Collector: explain the grid before the first empty cell. */
.collector-intro{display:none;flex-direction:column;gap:3px;margin:18px 2px 12px}
html.st-grid .collector-intro{display:flex}
.collector-intro span{font-size:13px;line-height:18px;color:var(--ink2)}
body[data-studio=collector] .cell.e{background:var(--s1);box-shadow:inset 0 0 0 1px var(--sep)!important}
body[data-studio=collector] .cell.e.nx{background:var(--tint)!important;box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.38)!important}
body[data-studio=collector] .cnt{margin-top:12px}
/* Preview preserves real renderer geometry; only its empty state and inputs change. */
body[data-studio=preview] .nac{border-radius:18px!important}
body[data-studio=preview] .nac.is-empty .nac-art{background:var(--tint)!important;border-radius:14px}
body[data-studio=preview] .nac.is-empty .nac-placeholder{width:46px;height:46px;opacity:1}
body[data-studio=preview] :is(.ui-link,#nftp-manual>div){border-radius:15px!important}
body[data-studio=preview] .np-hdr h1{letter-spacing:-.035em}
@media(prefers-reduced-motion:reduce){body[data-studio] .action-row{transition:none!important}}

/* A focus ring around the whole search control, including its icon. */
body[data-studio] .srch:focus-within{outline:2px solid var(--ac);outline-offset:2px}
body[data-studio] .srch input:focus-visible{outline:none!important}

/* ── studio-r26.css ── */
/* NFT Preview 26 — one clear icon language, a flexible action grid. */
:root{--bg:#100a10;--s1:#1d141d;--s2:#291b29;--s3:#3c2a39;--sep:rgba(255,231,245,.09);--ink:#fff7fb;--ink2:#bcaeb9;--ink3:#8e7c8a;--ac:#ff80b2;--on-ac:#2a0a1b;--tint:rgba(255,128,178,.13);--bar:rgba(29,20,29,.97);--brand-rgb:255,128,178;--v-card-ring:inset 0 0 0 1px var(--sep)}
html[data-theme=graphite]{--bg:#0c0f16;--s1:#191e29;--s2:#242c3a;--s3:#374254;--sep:rgba(225,237,255,.09);--ink:#f6f8ff;--ink2:#b3bfd0;--ink3:#8895a8;--ac:#a8c8ff;--on-ac:#101f37;--tint:rgba(168,200,255,.13);--bar:rgba(25,30,41,.97);--brand-rgb:168,200,255}
/* Action grid: first card is featured; additional cards fill two columns. */
body[data-studio=home] .wrap{max-width:680px;padding-top:calc(var(--tg-top,0px) + 18px)}
body[data-studio=home] .hd{padding:0 20px}
body[data-studio=home] .studio-heading{padding:27px 20px 0;animation:none}
.studio-heading .home-eyebrow{display:block;margin:0;color:var(--ac);font:750 10px/14px var(--ui-font);letter-spacing:.12em}
.studio-heading h2{margin:8px 0 0;color:var(--ink);font:750 32px/1.06 var(--ui-font);letter-spacing:-.045em}
.studio-heading p{margin:9px 0 0;color:var(--ink2);font:400 14px/20px var(--ui-font)}
body[data-studio=home] .tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 16px 0;padding:0;background:none;box-shadow:none;overflow:visible}
body[data-studio=home] .tool{min-width:0;position:relative;overflow:hidden;text-align:left;transition:transform .18s ease,background-color .18s ease;touch-action:manipulation}
body[data-studio=home] .tool:active{transform:scale(.98)}
body[data-studio=home] .studio-feature{grid-column:1/-1;min-height:180px;display:flex;flex-direction:row;align-items:stretch;border-radius:22px;padding:21px;background:linear-gradient(112deg,var(--s2),rgba(var(--brand-rgb),.21));box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.20)}
.feature-copy{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;max-width:61%}
.feature-tag{font:750 10px/14px var(--ui-font);letter-spacing:.12em;color:var(--ac)}
.feature-copy b{margin-top:7px;color:var(--ink);font:750 23px/1.08 var(--ui-font);letter-spacing:-.035em}
.feature-copy small{margin-top:7px;color:var(--ink2);font:400 13px/18px var(--ui-font)}
.feature-link{display:flex;align-items:center;gap:7px;margin-top:13px;color:var(--ac);font:700 13px/18px var(--ui-font)}.feature-link svg{width:16px;height:16px}
.feature-visual{position:absolute;right:12px;top:50%;width:134px;height:134px;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none}
.feature-orbit{position:absolute;inset:3px;border:1px solid rgba(var(--brand-rgb),.18);border-radius:50%}
.feature-orbit:before,.feature-orbit:after{content:"";position:absolute;border-radius:50%;background:var(--ac)}
.feature-orbit:before{width:5px;height:5px;top:18px;right:19px;opacity:.8}.feature-orbit:after{width:3px;height:3px;bottom:15px;left:25px;opacity:.6}
.feature-icon{width:102px;height:102px;border-radius:32px;display:grid;place-items:center;color:var(--ac);background:rgba(var(--brand-rgb),.16);box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.14)}
.feature-icon svg{width:65px;height:65px}
body[data-studio=home] .studio-card{min-height:155px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:14px;padding:16px;border-radius:20px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--sep)}
.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--tint);color:var(--ac)}
.card-icon svg{width:28px;height:28px}.card-arrow{width:17px;height:17px;color:var(--ink3)}
.card-copy{display:flex;flex-direction:column;gap:4px}.card-copy b{font:700 16px/20px var(--ui-font);letter-spacing:-.02em;color:var(--ink)}.card-copy small{font:400 13px/18px var(--ui-font);color:var(--ink2)}
body[data-studio=home] .sec{margin:32px 0 13px;padding:0 20px;font-size:20px;letter-spacing:-.03em}
body[data-studio=home] .limits,body[data-studio=home] .ui-list{border-radius:18px}
body[data-studio=home] .tile{border-radius:13px;background:var(--tint);box-shadow:none;color:var(--ac)}
@media(max-width:359px){.studio-heading h2{font-size:29px}.feature-visual{width:108px;height:108px;right:9px}.feature-icon{width:84px;height:84px;border-radius:27px}.feature-icon svg{width:53px;height:53px}.feature-copy{max-width:64%}.feature-copy b{font-size:21px}.studio-card{padding:14px!important}.card-copy b{font-size:15px}}
@media(hover:hover) and (pointer:fine){body[data-studio=home] .tool:hover{filter:brightness(1.07);transform:translateY(-2px)}}
/* Shared navigation: consistent Phosphor Duotone symbols at all sizes. */
body[data-studio] :is(.tabs,.np-tabs,.ui-dock__bar){border-radius:24px!important}
body[data-studio] :is(.tabs .tab,.np-tab,.ui-dock__lens){border-radius:19px!important}
body[data-studio] :is(.btn,.bnx,.bsend,#nftp-bnx,#nftp-bsend,#fab-btn){border-radius:16px!important}
body[data-studio] :is(.ui-dock__tab svg,.tabs .tab svg,.np-tab svg){width:24px;height:24px}
/* Constructor: a canvas and an ordered, legible list of four choices. */
body[data-studio=builder] .hdr,body[data-studio=collector] .hdr{height:48px;margin-bottom:16px}
body[data-studio=builder] .hdr h1,body[data-studio=collector] .hdr h1{font-size:28px}
body[data-studio=builder] .pv{background:linear-gradient(155deg,var(--s2),var(--s1));border-radius:24px;box-shadow:inset 0 0 0 1px var(--sep)}
body[data-studio=builder] .pv:not(.has-col):before{content:'ПРЕДПРОСМОТР';position:absolute;top:18px;left:20px;color:var(--ink2);font-size:10px;font-weight:700;letter-spacing:.11em;z-index:5}
body[data-studio=builder] .studio-ph-icon{width:68px;height:68px;border-radius:22px;background:var(--tint);color:var(--ac)}
body[data-studio=builder] .ph .i{width:36px;height:36px}body[data-studio=builder] .ph b{font-size:17px}body[data-studio=builder] .ph small{font-size:13px}
body[data-studio=builder] .editor-title{margin:0 2px 10px}body[data-studio=builder] .editor-title b{font-size:17px}body[data-studio=builder] .editor-title span{font-size:12px}
body[data-studio=builder] .tiles{display:flex;flex-direction:column;gap:0;overflow:hidden;background:var(--s1);border-radius:18px;box-shadow:inset 0 0 0 1px var(--sep)}
body[data-studio=builder] .tl{height:54px;min-height:54px;border-radius:0;background:transparent;box-shadow:none;padding:0 12px;gap:12px}
body[data-studio=builder] .tl+.tl{border-top:1px solid var(--sep)}
body[data-studio=builder] .tl.next{background:rgba(var(--brand-rgb),.06);box-shadow:none}
body[data-studio=builder] .th{width:32px;height:32px;border-radius:10px;font-size:13px}
body[data-studio=builder] .tx{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
body[data-studio=builder] .tx small{font-size:14px;color:var(--ink);font-weight:600}
body[data-studio=builder] .tx b{font-size:13px;text-align:right;color:var(--ink2);max-width:52%}
body[data-studio=builder] .btn,body[data-studio=collector] .btn{font-size:16px}
/* Collector: a canvas-led grid, with a clear instruction and readable modes. */
body[data-studio=collector] .mode .seg{height:42px;border-radius:14px;padding:3px}
body[data-studio=collector] .mode .seg-th{border-radius:11px;top:3px;bottom:3px}
body[data-studio=collector] .collector-intro{margin:20px 2px 12px;gap:3px}
body[data-studio=collector] .collector-intro b{font-size:17px}
body[data-studio=collector] .collector-intro span{font-size:13px;color:var(--ink2)}
body[data-studio=collector] .cell.e{background:var(--s1);box-shadow:inset 0 0 0 1px var(--sep)!important}
body[data-studio=collector] .cell.e>.i{width:25%;height:25%;color:var(--ac);opacity:.8}
/* Preview: a compact empty canvas and two independent input methods. */
body[data-studio=preview] .nac.is-empty{--a:96px;gap:16px;align-items:center;padding:12px;border-radius:20px;background:var(--s1)}
body[data-studio=preview] .nac.is-empty .nac-art{background:var(--tint)!important;border-radius:15px}
body[data-studio=preview] .nac.is-empty .nac-placeholder{width:45px;height:45px;color:var(--ac);opacity:1}
body[data-studio=preview] .nac.is-empty .nac-t:before{content:'Твой подарок';font-size:16px}
body[data-studio=preview] .nac.is-empty .nac-t:after{content:'Вставь ссылку или выбери коллекцию и номер';font-size:12px}
body[data-studio=preview] #nftp-manual>div{display:flex;flex-direction:column;gap:8px;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body[data-studio=preview] #nftp-manual>div>button,body[data-studio=preview] #nftp-manual .row-num{border-radius:15px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--sep)}
body[data-studio=preview] #nftp-manual>div>div[style*="height"]{display:none}
body[data-studio=preview] .row-th{border-radius:12px!important;background:var(--tint)!important;color:var(--ac)!important}
@media(prefers-reduced-motion:reduce){body[data-studio=home] .tool{transition:none!important}}
html.anim-off body[data-studio=home] .tool{transition:none!important}

:root{
--i-send-f:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M223.69%2C42.18l-58.22%2C192a8%2C8%2C0%2C0%2C1-14.92%2C1.25L108%2C148%2C20.58%2C105.45a8%2C8%2C0%2C0%2C1%2C1.25-14.92l192-58.22A8%2C8%2C0%2C0%2C1%2C223.69%2C42.18Z%22%20opacity%3D%220.2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M227.32%2C28.68a16%2C16%2C0%2C0%2C0-15.66-4.08l-.15%2C0L19.57%2C82.84a16%2C16%2C0%2C0%2C0-2.49%2C29.8L102%2C154l41.3%2C84.87A15.86%2C15.86%2C0%2C0%2C0%2C157.74%2C248q.69%2C0%2C1.38-.06a15.88%2C15.88%2C0%2C0%2C0%2C14-11.51l58.2-191.94c0-.05%2C0-.1%2C0-.15A16%2C16%2C0%2C0%2C0%2C227.32%2C28.68ZM157.83%2C231.85l-.05.14%2C0-.07-40.06-82.3%2C48-48a8%2C8%2C0%2C0%2C0-11.31-11.31l-48%2C48L24.08%2C98.25l-.07%2C0%2C.14%2C0L216%2C40Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--i-arrow-r:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M221.66%2C133.66l-72%2C72a8%2C8%2C0%2C0%2C1-11.32-11.32L196.69%2C136H40a8%2C8%2C0%2C0%2C1%2C0-16H196.69L138.34%2C61.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32l72%2C72A8%2C8%2C0%2C0%2C1%2C221.66%2C133.66Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--i-caret-r:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M181.66%2C133.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32-11.32L164.69%2C128%2C90.34%2C53.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32l80%2C80A8%2C8%2C0%2C0%2C1%2C181.66%2C133.66Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--i-caret-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M213.66%2C101.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32%2C0l-80-80A8%2C8%2C0%2C0%2C1%2C53.66%2C90.34L128%2C164.69l74.34-74.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--i-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M229.66%2C77.66l-128%2C128a8%2C8%2C0%2C0%2C1-11.32%2C0l-56-56a8%2C8%2C0%2C0%2C1%2C11.32-11.32L96%2C188.69%2C218.34%2C66.34a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--i-download:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M216%2C48V208H40V48A16%2C16%2C0%2C0%2C1%2C56%2C32H200A16%2C16%2C0%2C0%2C1%2C216%2C48Z%22%20opacity%3D%220.2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M224%2C144v64a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1-8-8V144a8%2C8%2C0%2C0%2C1%2C16%2C0v56H208V144a8%2C8%2C0%2C0%2C1%2C16%2C0Zm-101.66%2C5.66a8%2C8%2C0%2C0%2C0%2C11.32%2C0l40-40a8%2C8%2C0%2C0%2C0-11.32-11.32L136%2C124.69V32a8%2C8%2C0%2C0%2C0-16%2C0v92.69L93.66%2C98.34a8%2C8%2C0%2C0%2C0-11.32%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--i-chev-ud:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M181.66%2C170.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-48%2C48a8%2C8%2C0%2C0%2C1-11.32%2C0l-48-48a8%2C8%2C0%2C0%2C1%2C11.32-11.32L128%2C212.69l42.34-42.35A8%2C8%2C0%2C0%2C1%2C181.66%2C170.34Zm-96-84.68L128%2C43.31l42.34%2C42.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32l-48-48a8%2C8%2C0%2C0%2C0-11.32%2C0l-48%2C48A8%2C8%2C0%2C0%2C0%2C85.66%2C85.66Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--i-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M192%2C112a80%2C80%2C0%2C1%2C1-80-80A80%2C80%2C0%2C0%2C1%2C192%2C112Z%22%20opacity%3D%220.2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M229.66%2C218.34%2C179.6%2C168.28a88.21%2C88.21%2C0%2C1%2C0-11.32%2C11.31l50.06%2C50.07a8%2C8%2C0%2C0%2C0%2C11.32-11.32ZM40%2C112a72%2C72%2C0%2C1%2C1%2C72%2C72A72.08%2C72.08%2C0%2C0%2C1%2C40%2C112Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--i-x-c:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M165.66%2C101.66%2C139.31%2C128l26.35%2C26.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C139.31l-26.34%2C26.35a8%2C8%2C0%2C0%2C1-11.32-11.32L116.69%2C128%2C90.34%2C101.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32L128%2C116.69l26.34-26.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32ZM232%2C128A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88%2C88%2C0%2C1%2C0-88%2C88A88.1%2C88.1%2C0%2C0%2C0%2C216%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--i-copy:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M216%2C40V168H168V88H88V40Z%22%20opacity%3D%220.2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M216%2C32H88a8%2C8%2C0%2C0%2C0-8%2C8V80H40a8%2C8%2C0%2C0%2C0-8%2C8V216a8%2C8%2C0%2C0%2C0%2C8%2C8H168a8%2C8%2C0%2C0%2C0%2C8-8V176h40a8%2C8%2C0%2C0%2C0%2C8-8V40A8%2C8%2C0%2C0%2C0%2C216%2C32ZM160%2C208H48V96H160Zm48-48H176V88a8%2C8%2C0%2C0%2C0-8-8H96V48H208Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--i-share:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22scale%28.09375%29%22%20fill%3D%22black%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M208%2C200a32%2C32%2C0%2C1%2C1-32-32A32%2C32%2C0%2C0%2C1%2C208%2C200ZM176%2C88a32%2C32%2C0%2C1%2C0-32-32A32%2C32%2C0%2C0%2C0%2C176%2C88Z%22%20opacity%3D%220.2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M176%2C160a39.89%2C39.89%2C0%2C0%2C0-28.62%2C12.09l-46.1-29.63a39.8%2C39.8%2C0%2C0%2C0%2C0-28.92l46.1-29.63a40%2C40%2C0%2C1%2C0-8.66-13.45l-46.1%2C29.63a40%2C40%2C0%2C1%2C0%2C0%2C55.82l46.1%2C29.63A40%2C40%2C0%2C1%2C0%2C176%2C160Zm0-128a24%2C24%2C0%2C1%2C1-24%2C24A24%2C24%2C0%2C0%2C1%2C176%2C32ZM64%2C152a24%2C24%2C0%2C1%2C1%2C24-24A24%2C24%2C0%2C0%2C1%2C64%2C152Zm112%2C72a24%2C24%2C0%2C1%2C1%2C24-24A24%2C24%2C0%2C0%2C1%2C176%2C224Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
/* Align cards even when one description wraps. */
.card-copy{min-height:58px}
@media(max-width:359px){.feature-copy{max-width:58%}.feature-visual{right:6px}}
body[data-studio=preview] .nac.is-empty .nac-art{width:100px!important;height:100px!important}
body[data-studio=preview] .nac.is-empty{grid-template-columns:100px minmax(0,1fr)!important;align-items:center!important}
/* Auxiliary empty states use the same compact information card. */
body[data-studio=aux] #tpl-list .sempty:has(.sempty-ico){display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 16px;padding:20px;margin:12px 0 0;text-align:left;background:var(--s1);border-radius:20px;box-shadow:inset 0 0 0 1px var(--sep)}
body[data-studio=aux] #tpl-list .sempty-ico{grid-row:1/3;width:58px;height:58px;border-radius:18px!important}
body[data-studio=aux] #tpl-list .sempty-t{align-self:end;font-size:17px}
body[data-studio=aux] #tpl-list .sempty-s{align-self:start;max-width:none;line-height:1.4}
@media(max-width:319px){body[data-studio] :is(.ui-dock__tab,.tab,.np-tab) span{font-size:9px;letter-spacing:-.25px}}

/* ── studio-r27.css ── */
/* NFT Preview 27 — functional media-led navigation and chat guide. */
body[data-studio=home] .wrap{max-width:680px;padding-top:calc(var(--tg-top,0px) + 20px);padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
body[data-studio=home] .hd{padding:0 20px}
body[data-studio=home] .studio-heading{padding:32px 20px 0}
.studio-heading .home-eyebrow,.guide-kicker{color:var(--ac);font:750 10px/14px var(--ui-font);letter-spacing:.12em}
.studio-heading h2{margin:9px 0 0;font:760 33px/1.05 var(--ui-font);letter-spacing:-.045em}
.studio-heading p{margin:10px 0 0;font:400 14px/20px var(--ui-font);color:var(--ink2)}
body[data-studio=home] .tools{gap:10px;margin-top:22px}
body[data-studio=home] .studio-feature{min-height:198px;border-radius:20px;padding:21px;background:linear-gradient(125deg,var(--s2) 0%,rgba(var(--brand-rgb),.19) 100%);box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.22)}
.feature-copy{max-width:60%}.feature-copy b{font-size:23px;line-height:1.12}.feature-copy small{max-width:190px}.feature-link{margin-top:auto;padding-top:15px}
.media-art{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:111px;height:115px;pointer-events:none;color:var(--ac)}
.media-art__back,.media-art__front{position:absolute;display:flex;border:1px solid rgba(var(--brand-rgb),.22);background:var(--s2);border-radius:13px}
.media-art__back{width:67px;height:78px;right:0;top:0;justify-content:center;align-items:flex-start;padding-top:10px;background:rgba(var(--brand-rgb),.13);transform:rotate(8deg)}
.media-art__back svg{width:24px;height:24px;opacity:.75}
.media-art__front{left:0;bottom:0;width:83px;height:90px;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--s2);box-shadow:0 8px 24px rgba(0,0,0,.13)}
.media-art__front svg{width:42px;height:42px}.media-art__front span{font:750 9px/12px var(--ui-font);letter-spacing:.04em;color:var(--ink2)}
body[data-studio=home] .studio-card{min-height:150px;border-radius:18px;padding:16px;background:var(--s1)}
.card-icon{width:44px;height:44px;border-radius:13px}.card-icon svg{width:26px;height:26px}.card-copy{min-height:58px}.card-copy small{font-size:12.5px;line-height:17px}
.guide-heading{padding:0 20px;margin:38px 0 17px}.guide-kicker{display:block}.guide-heading h2{margin:7px 0 0;color:var(--ink);font:750 23px/28px var(--ui-font);letter-spacing:-.035em}.guide-heading p{margin:6px 0 0;color:var(--ink2);font:400 14px/20px var(--ui-font)}
.chat-guide .seg-wrap{padding-bottom:12px}.chat-guide .ui-seg{height:44px;border-radius:14px!important}.chat-guide .ui-seg button{font-size:13px}
.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 16px}.format-card{appearance:none;min-width:0;min-height:138px;padding:14px;text-align:left;display:flex;flex-direction:column;align-items:stretch;border:0;border-radius:16px;background:var(--s1);box-shadow:inset 0 0 0 1px var(--sep);color:var(--ink);cursor:pointer;touch-action:manipulation;transition:transform .16s ease,background-color .16s ease}
.format-top{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--ink2);font:500 11px/16px var(--ui-font)}.format-top svg{width:25px;height:25px;color:var(--ac)}
.format-card b{margin-top:12px;font:700 16px/20px var(--ui-font)}.format-card small{margin-top:3px;color:var(--ink2);font:400 12px/16px var(--ui-font)}.format-action{display:flex;justify-content:space-between;gap:4px;margin-top:auto;padding-top:12px;font:650 12px/16px var(--ui-font);color:var(--ac)}.format-action span{font-size:15px}
.format-card:active{transform:scale(.98)}.format-card:focus-visible,.tool:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.chat-guide .hint{padding:14px 20px 0;color:var(--ink2);font-size:12.5px;line-height:19px}.chat-guide .hint code{color:var(--ac)}
.guide-limits{margin:24px 16px 0}.guide-limits__head{margin:0 4px 10px;color:var(--ink2);font:650 12px/16px var(--ui-font)}
body[data-studio=home] .guide-limits .limits{margin:0;border-radius:16px;background:var(--s1)}.guide-limits .limits>div{padding:12px}.guide-limits .limits b{font-size:15px;line-height:20px}.guide-limits .limits span{font-size:12px;line-height:16px}
body[data-studio=home] .sec{margin-top:32px}.chat-guide .facts{margin-top:14px}
body[data-studio=preview] .nac.is-empty .nac-t:before{content:'Медиа подарка'}
body[data-studio=preview] .nac.is-empty .nac-t:after{content:'Вставь ссылку или выбери коллекцию и номер'}
@media(max-width:359px){.studio-heading h2{font-size:29px}.feature-copy{max-width:62%}.feature-copy b{font-size:20px}.feature-copy small{font-size:12px}.media-art{right:12px;width:91px;height:100px}.media-art__back{width:59px;height:69px}.media-art__front{width:72px;height:80px}.media-art__front svg{width:37px;height:37px}.format-card{padding:12px}.format-card b{font-size:15px}.guide-limits .limits>div{padding:10px 8px}.guide-limits .limits b{font-size:14px}}
@media(hover:hover) and (pointer:fine){.format-card:hover{background:var(--s2);transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.format-card{transition:none!important}.chat-guide .pane.on{animation:none!important}}
html.anim-off .format-card{transition:none!important}
.example-intro{display:flex;align-items:center;gap:12px;margin:0 16px 12px;padding:13px;background:var(--s1);border-radius:16px;box-shadow:inset 0 0 0 1px var(--sep)}
.example-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;color:var(--ac);background:var(--tint)}.example-icon svg{width:22px;height:22px}.example-intro>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.example-intro b{font:700 15px/19px var(--ui-font);color:var(--ink)}.example-intro small{font:400 12px/16px var(--ui-font);color:var(--ink2)}
.facts-title{margin:22px 20px 10px;font:700 15px/20px var(--ui-font);color:var(--ink)}.chat-guide .facts{margin-top:0}
#sh-cmd .cmd-description{margin:0 2px 4px;color:var(--ink2);font:400 14px/20px var(--ui-font)}#sh-cmd .cmd-heading{margin-top:18px;margin-bottom:9px}

/* ── studio-r28.css ── */
/* r28 — an original, product-led studio. Supplied icons remain recognizable. */
body[data-studio=home] .wrap{max-width:704px}
body[data-studio=home] .hd{padding:0 20px}
body[data-studio=home] .studio-heading{padding:38px 20px 0}
.studio-heading .home-eyebrow,.guide-kicker{color:var(--ac);letter-spacing:.14em;font-size:10px}
.studio-heading h2{margin-top:10px;font-size:36px;line-height:1.03;letter-spacing:-.048em}
.studio-heading p{margin-top:12px;line-height:21px}
body[data-studio=home] .tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
body[data-studio=home] .studio-feature{display:flex;flex-direction:column;align-items:stretch;min-height:230px;padding:20px 21px 18px;border-radius:22px;background:linear-gradient(135deg,#492239 0%,#30202e 56%,#241924 100%);box-shadow:inset 0 0 0 1px rgba(255,167,205,.24)}
html[data-theme=graphite] body[data-studio=home] .studio-feature{background:linear-gradient(135deg,#304461 0%,#252d40 56%,#1a222e 100%);box-shadow:inset 0 0 0 1px rgba(175,207,255,.24)}
.feature-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-tag{font-size:10px;letter-spacing:.12em}.feature-nav{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--ink);background:rgba(255,255,255,.10)}.feature-nav svg{width:19px;height:19px}
.feature-main{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;margin-top:12px}.feature-copy{max-width:none;flex:1;min-width:0}.feature-copy b{margin:0;font:750 24px/1.08 var(--ui-font);letter-spacing:-.035em}.feature-copy small{margin-top:8px;color:var(--ink2);font-size:13px;line-height:18px;max-width:210px}.feature-pictogram{flex:none;display:grid;place-items:center;width:76px;height:76px;color:var(--ac)}.feature-pictogram svg{width:65px;height:65px}
.feature-formats{display:flex;gap:7px;align-items:center;margin-top:auto;padding-top:16px}.ficon{display:inline-block;width:38px;height:27px;background:var(--ac);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.f-mp4{mask-image:url('/beta/chosen-mp4.svg');-webkit-mask-image:url('/beta/chosen-mp4.svg')}.f-gif{mask-image:url('/beta/chosen-gif.svg');-webkit-mask-image:url('/beta/chosen-gif.svg')}.f-png{mask-image:url('/beta/chosen-png.svg');-webkit-mask-image:url('/beta/chosen-png.svg')}.f-card{mask-image:url('/beta/chosen-card.svg');-webkit-mask-image:url('/beta/chosen-card.svg')}
body[data-studio=home] .studio-card{min-height:152px;padding:16px;border-radius:20px;background:var(--s1)}.card-icon{width:48px;height:48px;background:var(--tint);border-radius:15px}.card-icon svg{width:27px;height:27px}.card-copy{min-height:54px}.card-copy b{font-size:16px}.card-copy small{font-size:13px;line-height:18px}.card-arrow{width:18px;height:18px}
.guide-heading{margin-top:40px}.guide-heading h2{font-size:25px;line-height:30px}.guide-heading p{max-width:40ch}
.format-card{min-height:150px;border-radius:18px;padding:16px;background:var(--s1)}.format-top svg{width:36px;height:36px}.format-top>span{font-size:11px}.format-card b{margin-top:8px}.format-action{padding-top:13px}.format-card small{font-size:13px;line-height:17px}
body[data-studio=home] .chat-guide .hint{font-size:13px;line-height:20px}.example-intro{border-radius:18px}.guide-limits{margin-top:28px}
/* The visual language is shared, but the actual NFT renderer is untouched. */
body[data-studio=builder] .pv{background:linear-gradient(145deg,var(--s2),var(--s1));border-radius:22px}
body[data-studio=builder] .pv:not(.has-col):before{content:'СТУДИЯ ПОДАРКА';top:20px;left:20px}
body[data-studio=builder] .studio-ph-icon{width:70px;height:70px;border-radius:20px}body[data-studio=builder] .ph .i{width:38px;height:38px}
body[data-studio=builder] .editor-title{margin:0 2px 12px}body[data-studio=builder] .tiles{border-radius:20px}body[data-studio=builder] .tl{height:58px;min-height:58px}
body[data-studio=collector] .collector-intro{margin-top:20px}.collector-intro b{font-size:19px!important}.cell.e{border-radius:16px}
/* Supplied badges on the selection controls on all three tools. */
body[data-studio=builder] #seg,body[data-studio=collector] #fmtSeg{height:64px;border-radius:18px;padding:3px}
body[data-studio=builder] #seg .seg-th,body[data-studio=collector] #fmtSeg .seg-th{top:3px;bottom:3px;border-radius:14px}
body[data-studio=builder] #seg button,body[data-studio=collector] #fmtSeg button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;border-radius:14px}
body[data-studio=preview] #nftp-act-grid{height:66px!important;border-radius:18px!important}
body[data-studio=preview] #nftp-act-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;border-radius:14px}
body[data-studio] :is(#seg button[data-f],#fmtSeg button[data-f],#nftp-act-grid button[id^=nftp-act-])::before{content:'';display:block;width:25px;height:22px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
body[data-studio] :is(button[data-f=video],#nftp-act-video)::before{mask-image:url('/beta/chosen-mp4.svg');-webkit-mask-image:url('/beta/chosen-mp4.svg')}
body[data-studio] :is(button[data-f=gif],#nftp-act-gif)::before{mask-image:url('/beta/chosen-gif.svg');-webkit-mask-image:url('/beta/chosen-gif.svg')}
body[data-studio] :is(button[data-f=png],#nftp-act-png)::before{mask-image:url('/beta/chosen-png.svg');-webkit-mask-image:url('/beta/chosen-png.svg')}
body[data-studio] :is(button[data-f=card],#nftp-act-card)::before{mask-image:url('/beta/chosen-card.svg');-webkit-mask-image:url('/beta/chosen-card.svg')}
.market-note{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:9px auto 4px;color:var(--ink2);font:500 12px/18px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}.market-logos{display:flex;align-items:center;gap:7px}.market-logos img{width:18px;height:18px;object-fit:contain}[data-scheme="light"] .market-logos img{filter:brightness(0);opacity:.78}
@media(max-width:359px){body[data-studio=home] .studio-heading{padding-top:32px}.studio-heading h2{font-size:31px}.feature-copy b{font-size:21px}.feature-copy small{font-size:12.5px}.feature-pictogram{width:58px;height:68px}.feature-pictogram svg{width:54px;height:54px}.format-card{padding:13px}.format-action{font-size:11px}body[data-studio=preview] #nftp-act-grid button{font-size:11px}}
@media(prefers-reduced-motion:reduce){body[data-studio=home] :is(.tool,.format-card){transition:none!important}}
html.anim-off body[data-studio=home] :is(.tool,.format-card){transition:none!important}
:root body[data-studio=preview] #snft-choose>#nftp-act-grid{height:68px!important}
body[data-studio] :is(#seg button[data-f],#fmtSeg button[data-f],#nftp-act-grid button[id^=nftp-act-])::before{width:32px;height:24px}
/* A compact two-column step map keeps the next action above the dock. */
body[data-studio=builder] .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:transparent;box-shadow:none;overflow:visible}
body[data-studio=builder] .tl{height:72px;min-height:72px;padding:10px;background:var(--s1);border:1px solid var(--sep);border-radius:16px;gap:10px}
body[data-studio=builder] .tl+.tl{border-top:1px solid var(--sep)}
body[data-studio=builder] .tl.next{background:var(--tint);border-color:rgba(var(--brand-rgb),.5)}
body[data-studio=builder] .th{width:38px;height:38px;border-radius:11px}
body[data-studio=builder] .tx{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0}
body[data-studio=builder] .tx small{max-width:100%;font-size:12px;font-weight:500;color:var(--ink2)}
body[data-studio=builder] .tx b{max-width:100%;font-size:14px;line-height:18px;text-align:left}
/* Empty slots read as places to add gifts, not completed cards. */
body[data-studio=collector] .collector-intro{gap:4px;margin-bottom:14px}
body[data-studio=collector] .collector-intro span{font-size:13px;line-height:18px}
body[data-studio=collector] .cell.e{border:1px dashed rgba(var(--brand-rgb),.25);box-shadow:none!important;background:var(--s1)}
body[data-studio=collector] .cell.e.nx{border:1px solid rgba(var(--brand-rgb),.48);background:var(--tint)!important}