/* ══ Студия QR (кабинет /print и публичный /qr) ═══════════════════════ */
.shell.st-shell,body:has(.side-nav) .shell.st-shell{max-width:1180px;width:auto}
.st-intro h1{margin:0 0 6px}
.st{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px;align-items:start}
.st-main{order:-1}
@media (min-width:900px){
  .st{grid-template-columns:400px 1fr}
  .st-main{order:0}
  .st-stick{position:sticky;top:16px}
}
.st-box{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px}
.st-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;font-weight:800;margin:0 0 10px}
.st-sub{font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:12px 0 6px}
.st-seg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
.st-chip{padding:7px 12px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--white);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer}
.st-chip.on{background:var(--ink);border-color:var(--ink);color:var(--white)}
.st-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.st-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}
.st-tile{text-align:left;padding:10px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--white);font:inherit;color:var(--ink);cursor:pointer;line-height:1.25}
.st-tile b{display:block;font-size:13.5px}
.st-tile small{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:2px}
.st-tile.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--canvas)}
.st-size{margin-top:10px}
.st-size input{width:100%;accent-color:var(--ink)}
.st-lucky{font:inherit;font-size:13px;font-weight:800;padding:6px 10px;border-radius:999px;border:0;background:#FBBE0F;color:#16243C;cursor:pointer}

/* Образцы стилей точек и «глаз» — нарисованы CSS, без картинок. */
.st-grid{display:flex;flex-wrap:wrap;gap:6px}
.st-sw{width:44px;height:44px;border-radius:10px;border:1.5px solid var(--line-strong);background:var(--white);cursor:pointer;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:9px;place-items:center}
.st-sw.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.st-sw i{display:block;width:100%;height:100%;background:var(--ink)}
.st-mod-rounded i{border-radius:3px}
.st-mod-dots i{border-radius:50%}
.st-mod-diamond i{transform:rotate(45deg) scale(.75)}
.st-mod-mosaic i{transform:scale(.75)}
.st-mod-liquid{gap:0}.st-mod-liquid i:nth-child(1){border-radius:8px 0 0 0}.st-mod-liquid i:nth-child(4){border-radius:0 0 8px 0}.st-mod-liquid i:nth-child(2){border-radius:0 8px 8px 0;}.st-mod-liquid i:nth-child(3){border-radius:8px 0 0 8px}
.st-mod-vlines{column-gap:4px;row-gap:0}.st-mod-vlines i{border-radius:0}.st-mod-vlines i:nth-child(1),.st-mod-vlines i:nth-child(2){border-radius:6px 6px 0 0}.st-mod-vlines i:nth-child(3),.st-mod-vlines i:nth-child(4){border-radius:0 0 6px 6px}
.st-mod-hlines{row-gap:4px;column-gap:0}.st-mod-hlines i:nth-child(odd){border-radius:6px 0 0 6px}.st-mod-hlines i:nth-child(even){border-radius:0 6px 6px 0}
[class*="st-eo-"],[class*="st-ei-"]{display:flex;align-items:center;justify-content:center}
[class*="st-eo-"] i{width:24px;height:24px;border:4px solid var(--ink);background:transparent;box-sizing:border-box}
.st-eo-rounded i{border-radius:8px}.st-eo-circle i{border-radius:50%}.st-eo-leaf i{border-radius:10px 0 10px 0}
[class*="st-ei-"] i{width:16px;height:16px}
.st-ei-rounded i{border-radius:5px}.st-ei-circle i{border-radius:50%}.st-ei-leaf i{border-radius:8px 0 8px 0}.st-ei-diamond i{transform:rotate(45deg) scale(.8)}

.st-themes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.st-theme{padding:3px;border-radius:50%;border:2px solid transparent;background:none;cursor:pointer;line-height:0}
.st-theme.on{border-color:var(--ink)}
.st-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.st-colors label{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;color:var(--ink-soft);text-align:center}
.st-colors input,.st-color1 input{width:40px;height:32px;border:1px solid var(--line-strong);border-radius:8px;padding:2px;background:var(--white);cursor:pointer}
.st-reset{margin-top:10px}
.st-file{position:relative;overflow:hidden;cursor:pointer;margin:2px 0 10px}
.st-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.st-icons{display:flex;flex-wrap:wrap;gap:5px}
.st-ic{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--line-strong);background:var(--white);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.st-ic.on{background:var(--ink);color:var(--white);border-color:var(--ink)}
.st-letter{margin-top:10px;max-width:140px}
.st-marks{align-self:end;margin-bottom:14px}

/* Превью и лист */
.st-warn{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:var(--amber-soft);color:var(--gold-ink);font-weight:700;font-size:14px}
.st-preview{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;padding:22px;border-radius:18px;background:repeating-conic-gradient(#EEF1F6 0 25%,#F7F9FC 0 50%) 0 0/22px 22px;min-height:240px}
.st-face > svg{display:block;max-width:100%;height:auto;width:auto;max-height:420px;filter:drop-shadow(0 8px 18px rgba(22,36,60,.18))}
.st-face > svg[width$="mm"]{width:min(100%,420px);height:auto}
.st-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.st-acts .btn{flex:1 1 140px}
.st-pdf{margin:8px 0 0}
.st-sheet{margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 18px rgba(22,36,60,.12);max-width:360px}
.st-sheet > svg{display:block;width:100%;height:auto}

/* Образцы для гостя */
.st-promo{margin-top:16px}
.st-demo{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 16px;align-items:flex-end}
.st-demo-i{margin:0}
.st-demo-i > svg{display:block;width:220px;height:auto;filter:drop-shadow(0 6px 14px rgba(22,36,60,.16))}
.st-demo-tag > svg{width:150px}
.st-demo-i figcaption{font-size:12.5px;color:var(--ink-soft);margin-top:6px;font-weight:700}

/* Печать: только лист(ы), A4 без полей принтера. */
.st-print{display:none}
@media print{
  @page{size:A4;margin:0}
  body.st-body > *:not(#studio-print):not(.st-shell){display:none !important}
  body.st-body .st-shell > *{display:none !important}
  body.st-body .st-shell > #studio-print,body.st-body > #studio-print{display:block !important}
  .st-print{display:block}
  .st-page{width:210mm;height:297mm;page-break-after:always;break-after:page;overflow:hidden}
  .st-page:last-child{page-break-after:auto;break-after:auto}
  .st-page > svg{display:block;width:210mm;height:297mm}
  html,body{background:#fff !important;margin:0;padding:0}
}
@media print{
  body.st-body .st-shell{padding:0 !important;margin:0 !important;max-width:none !important;background:#fff !important}
  body.st-body:has(.side-nav){padding-left:0 !important}
}