@import url("/styles/main.css");

:root{
  --nn-bg:url("/images/polskadzungla.webp");
  --nn-ink:#f3f4f6;
  --nn-muted:rgba(243,244,246,.68);
  --nn-panel:rgba(9,29,22,.62);
  --nn-panel-strong:rgba(6,20,16,.86);
  --nn-border:rgba(255,255,255,.14);
  --nn-border-strong:rgba(255,255,255,.24);
  --nn-accent:#d7ff35;
  --nn-accent-2:#a3e635;
  --nn-warm:#facc15;
  --nn-danger:#fb7185;
  --nn-concrete:rgba(148,163,184,.18);
  --nn-shadow:0 24px 80px rgba(0,0,0,.48);
  --nn-radius:28px;
  --nn-radius-sm:18px;
  --nn-preview-h:48dvh;
  --nn-drawer-h:52dvh;
}

html,
body[data-page-type="twojnosacz"]{
  min-height:100%;
}

body[data-page-type="twojnosacz"]{
  margin:0;
  overflow:hidden;
  color:var(--nn-ink);
  background:#06120e;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overscroll-behavior:none;
  touch-action:manipulation;
}

body[data-page-type="twojnosacz"]::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  background-image:var(--nn-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform:scale(1.02);
}

body[data-page-type="twojnosacz"]::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 50% 20%, rgba(215,255,53,.16), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.80) 100%);
  pointer-events:none;
}

body[data-page-type="twojnosacz"] .topbar,
body[data-page-type="twojnosacz"] .footer{
  display:none!important;
}

body[data-page-type="twojnosacz"] *,
body[data-page-type="twojnosacz"] *::before,
body[data-page-type="twojnosacz"] *::after{
  box-sizing:border-box;
}

.app-container{
  width:100%;
  max-width:none;
  height:100vh;
  height:100dvh;
  display:grid;
  grid-template-rows:var(--nn-preview-h) minmax(0,1fr);
  overflow:hidden;
  padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom);
}

body.nn-keyboard-mode{
  --nn-preview-h:35dvh;
  --nn-drawer-h:65dvh;
}

.preview-section{
  min-height:0;
  display:grid;
  place-items:center;
  padding:10px 0 8px;
}

.preview-glass,
.tools-drawer,
.glass-card,
.smartCard,
.stepCard,
.resultPanel,
.bigSliderCard,
.statusCard,
.januszPanel,
.flexToolsPanel,
.flexToolsCard,
.sliderGraphicControls{
  border:1px solid var(--nn-border);
  background:linear-gradient(145deg, rgba(10,38,29,.72), rgba(34,42,38,.52));
  box-shadow:var(--nn-shadow);
  backdrop-filter:blur(15px) saturate(1.18);
  -webkit-backdrop-filter:blur(15px) saturate(1.18);
}

@supports not (backdrop-filter:blur(1px)){
  .preview-glass,
  .tools-drawer,
  .glass-card,
  .smartCard,
  .stepCard,
  .resultPanel,
  .bigSliderCard,
  .statusCard,
  .januszPanel,
  .flexToolsPanel,
  .flexToolsCard,
  .sliderGraphicControls{
    background:rgba(7,22,17,.94);
  }
}

.preview-glass{
  width:min(96vw,760px);
  max-height:100%;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:8px;
  padding:12px;
  border-radius:var(--nn-radius);
}

.preview-topline,
.previewTopline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.preview-topline strong,
.previewTopline strong{
  display:block;
  color:#fff;
  font:950 clamp(18px,5vw,28px)/1 "Baloo 2",Manrope,sans-serif;
  letter-spacing:-.02em;
}

.preview-topline span,
.previewTopline span{
  display:block;
  color:var(--nn-muted);
  font:800 12px/1.15 Manrope,sans-serif;
}

.variantBadge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border:1px solid rgba(215,255,53,.42);
  border-radius:999px;
  background:rgba(215,255,53,.16);
  color:var(--nn-accent);
  font:950 11px/1 Manrope,sans-serif;
  text-transform:uppercase;
  box-shadow:0 0 28px rgba(215,255,53,.12);
}

.stickerStage{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  max-width:min(92vw,720px);
  margin:auto;
  border:1px solid rgba(255,255,255,.26);
  border-radius:22px;
  background:
    linear-gradient(45deg, rgba(17,24,39,.05) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(17,24,39,.05) 25%, transparent 25%),
    #f8fafc;
  background-size:22px 22px;
  box-shadow:
    0 18px 46px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(255,255,255,.72);
  overflow:hidden;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}

.stickerStage.is-landscape{ aspect-ratio:20/12; }
.stickerStage.is-portrait{
  width:min(54vw,260px)!important;
  max-width:260px!important;
  max-height:100%;
  aspect-ratio:12/20;
}

.liveSvg{
  width:100%;
  height:100%;
  display:block;
  min-width:0;
  min-height:0;
}

.ruler{
  position:absolute;
  z-index:5;
  padding:5px 8px;
  border:1px solid rgba(15,23,42,.22);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#111827;
  font:950 10px/1 Manrope,sans-serif;
  pointer-events:none;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.ruler--w{ top:8px; left:50%; transform:translateX(-50%); }
.ruler--h{ top:50%; right:8px; transform:translateY(-50%); writing-mode:vertical-rl; }

.dragHint{
  margin:0;
  text-align:center;
  color:var(--nn-accent);
  font:900 12px/1.1 Manrope,sans-serif;
  text-shadow:0 0 18px rgba(215,255,53,.45);
  animation:nnPulse 1.45s ease-in-out infinite;
}
body.nn-stage-touched .dragHint{ display:none; }
@keyframes nnPulse{ 0%,100%{ opacity:.48; transform:translateY(0); } 50%{ opacity:1; transform:translateY(-1px); } }

.tools-drawer{
  min-height:0;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
  gap:10px;
  padding:8px 10px calc(10px + env(safe-area-inset-bottom));
  border-radius:30px 30px 0 0;
  background:linear-gradient(180deg, rgba(7,28,21,.84), rgba(5,16,13,.92)), var(--nn-concrete);
  overflow:hidden;
}

.drawer-handle{
  width:46px;
  height:5px;
  margin:0 auto 1px;
  border-radius:999px;
  background:rgba(255,255,255,.36);
}

.tool-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 2px 8px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.tool-tabs::-webkit-scrollbar{ display:none; }

.tool-tab{
  appearance:none;
  flex:1 0 82px;
  min-height:54px;
  display:grid;
  place-items:center;
  gap:2px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.06);
  color:var(--nn-muted);
  cursor:pointer;
  font:900 11px/1 Manrope,sans-serif;
}
.tool-tab span{ font-size:19px; line-height:1; }
.tool-tab strong{ font:950 11px/1 Manrope,sans-serif; }
.tool-tab.is-active{
  border-color:rgba(215,255,53,.58);
  background:linear-gradient(180deg, rgba(215,255,53,.24), rgba(163,230,53,.12));
  color:#fff;
  box-shadow:0 0 26px rgba(215,255,53,.14);
}

.drawer-workspace{ min-height:0; overflow:hidden; }
.smartGrid{ display:block; min-height:0; }
.smartControls{ height:100%; min-height:0; display:block; overflow:hidden; }

.tool-pane{
  height:100%;
  min-height:0;
  display:grid;
  align-content:start;
  gap:12px;
  overflow:auto;
  padding:2px 2px 96px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.tool-pane[hidden]{ display:none!important; }

.pane-head{ display:grid; gap:2px; }
.pane-head strong{ color:#fff; font:950 20px/1 "Baloo 2",Manrope,sans-serif; }
.pane-head span{ color:var(--nn-muted); font:800 12px/1.25 Manrope,sans-serif; }

.smartField{ display:grid; gap:8px; color:#fff; font:900 13px/1.2 Manrope,sans-serif; }
.smartField input,
.smartField select,
.smartField textarea{
  width:100%;
  min-height:52px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:rgba(255,255,255,.10);
  color:#fff;
  padding:13px 14px;
  font:850 15px/1.25 Manrope,sans-serif;
  outline:none;
}
.smartField textarea{ min-height:116px; resize:none; text-transform:uppercase; font-size:18px; line-height:1.18; }
.smartField select option{ color:#111827; }
.smartField input::placeholder,
.smartField textarea::placeholder{ color:rgba(243,244,246,.42); }
.smartField input:focus,
.smartField select:focus,
.smartField textarea:focus{ border-color:rgba(215,255,53,.72); box-shadow:0 0 0 4px rgba(215,255,53,.12); }

.search-pill{
  grid-template-columns:auto 1fr;
  align-items:center;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
.search-pill span{ color:var(--nn-accent); }
.search-pill input{ min-height:36px; border:0; background:transparent; padding:0; }

.storyTabs,
.groupTabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 2px 8px;
  scrollbar-width:none;
}
.storyTabs::-webkit-scrollbar,
.groupTabs::-webkit-scrollbar{ display:none; }

.groupTab,
.pillButton,
.btn,
.saveDesignBtn,
.clearStickerTextButton,
.textLayoutTools button,
.flexActionGroup button,
.graphicUndoButton,
.flexModeToggle,
.characterPagerBtn{
  appearance:none;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  font:950 13px/1 Manrope,sans-serif;
}

.groupTab{ flex:0 0 auto; min-height:42px; padding:10px 14px; border-radius:999px; }
.groupTab.is-active,
.pillButton.is-selected,
.textLayoutTools button[aria-pressed="true"]{ border-color:rgba(215,255,53,.72); background:rgba(215,255,53,.20); color:var(--nn-accent); }

.characterGrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-height:none; overflow:visible; }
.characterGrid[hidden]{ display:none!important; }
.characterPick{
  position:relative;
  display:grid;
  gap:7px;
  min-height:0;
  padding:8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:rgba(255,255,255,.07);
  color:#fff;
  text-align:center;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.characterPick img,
.textOnlyIcon{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:2px solid rgba(255,255,255,.18);
}
.characterPick.is-active img,
.characterPick.is-active .textOnlyIcon{ border-color:var(--nn-accent); box-shadow:0 0 0 4px rgba(215,255,53,.14); }
.characterPick strong{ color:#fff; font:900 11px/1.08 Manrope,sans-serif; }
.textOnlyIcon{ display:grid; place-items:center; font:950 18px/1 Manrope,sans-serif; }
.characterPager{ grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.characterPagerBtn{ min-height:44px; border-radius:16px; }
.characterPagerBtn:disabled{ opacity:.35; cursor:not-allowed; }

.nnGalleryBox{ margin:4px 0 0; padding:0; background:transparent; border:0; box-shadow:none; }
.nnGalleryViewport{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; }
.nnGalleryTrack{ display:flex; gap:10px; width:max-content; min-width:max-content; transform:translateX(var(--nn-gallery-shift,0)); transition:transform .25s ease; }
.nnGalleryItem{ width:72px; height:72px; padding:0; border-radius:999px; border:2px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); overflow:hidden; }
.nnGalleryItem img{ width:100%; height:100%; object-fit:contain; }
.app-hidden-gallery{ display:none!important; }

.smartTextHead{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.smartTextHead strong,
#textLimitInfo{ color:var(--nn-accent); font:950 11px/1.1 Manrope,sans-serif; text-transform:uppercase; }
.smartTextEditorWrap{ display:grid; grid-template-columns:1fr auto; gap:8px; align-items:stretch; }
.clearStickerTextButton{ width:74px; border-radius:18px; color:var(--nn-muted); }
.font-card,
.flexToolsPanel,
.bigSliderCard,
.statusCard,
.flexToolsCard,
.sliderGraphicControls{ padding:12px; border-radius:22px; }

.textLayoutTools{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.textLayoutTools button{ min-height:48px; border-radius:16px; font-size:20px; }

.bigSliderCard{ display:grid; gap:10px; }
.bigSliderLabel{ display:flex; justify-content:space-between; gap:10px; color:var(--nn-muted); font:900 12px/1.2 Manrope,sans-serif; }
.bigSliderLabel strong{ color:#fff; font:950 12px/1.2 Manrope,sans-serif; }
.bigVariantSlider{ appearance:none; -webkit-appearance:none; width:100%; height:36px; border-radius:999px; background:transparent; cursor:pointer; }
.bigVariantSlider::-webkit-slider-runnable-track{ height:12px; border-radius:999px; background:linear-gradient(90deg, var(--nn-accent), rgba(255,255,255,.16)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); }
.bigVariantSlider::-webkit-slider-thumb{ -webkit-appearance:none; width:34px; height:34px; margin-top:-11px; border:3px solid #06120e; border-radius:999px; background:var(--nn-accent); box-shadow:0 0 0 6px rgba(215,255,53,.16), 0 8px 20px rgba(0,0,0,.38); }
.bigVariantSlider::-moz-range-track{ height:12px; border-radius:999px; background:linear-gradient(90deg, var(--nn-accent), rgba(255,255,255,.16)); }
.bigVariantSlider::-moz-range-thumb{ width:30px; height:30px; border:3px solid #06120e; border-radius:999px; background:var(--nn-accent); }

.flexToolsTop{ display:grid; gap:8px; }
.flexModeToggle{ min-height:46px; border-radius:16px; color:var(--nn-accent); }
.flexModeToggle[hidden]{ display:none!important; }
.flexModeHint{ display:grid; gap:3px; color:var(--nn-muted); font:800 12px/1.25 Manrope,sans-serif; }
.flexToolsGrid[hidden]{ display:none!important; }
.flexActionGroup{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:10px; }
.flexActionGroup button{ min-height:46px; border-radius:16px; }
.flexActionGroup button:disabled{ opacity:.34; cursor:not-allowed; }

.positionGrid,
.graphicControlsRow,
.pillGrid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.positionGrid label{ min-height:48px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.14); border-radius:16px; background:rgba(255,255,255,.08); color:#fff; font:950 12px/1.1 Manrope,sans-serif; text-align:center; }
.positionGrid input{ position:absolute; opacity:0; pointer-events:none; }
.positionGrid label:has(input:checked){ border-color:rgba(215,255,53,.72); color:var(--nn-accent); background:rgba(215,255,53,.18); }
.pillButton{ min-height:70px; display:grid; place-items:center; gap:4px; padding:12px; border-radius:20px; text-align:center; }
.pillButton strong{ color:#fff; font:950 15px/1 Manrope,sans-serif; }
.pillButton span{ color:var(--nn-muted); font:800 11px/1 Manrope,sans-serif; }
.mirrorToggle{ min-height:48px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(255,255,255,.14); border-radius:16px; background:rgba(255,255,255,.08); color:#fff; font:950 13px/1 Manrope,sans-serif; }
.mirrorToggle.is-selected{ border-color:rgba(215,255,53,.72); color:var(--nn-accent); background:rgba(215,255,53,.18); }
.graphicUndoButton{ min-height:48px; border-radius:16px; }
.sliderGraphicTitle{ color:#fff; font:950 13px/1.1 Manrope,sans-serif; }

.statusCard{ color:rgba(255,255,255,.78); font:850 13px/1.35 Manrope,sans-serif; }
.statusCard.is-bad{ border-color:rgba(251,113,133,.48); color:#fecdd3; }
.statusCard.is-good{ border-color:rgba(215,255,53,.48); color:var(--nn-accent); }

.januszMini{ grid-template-columns:58px 1fr; align-items:center; gap:10px; padding:10px; border-radius:22px; box-shadow:none; }
.januszAvatarWrap{ display:grid; place-items:center; }
.januszAvatar{ width:58px; height:58px; object-fit:contain; filter:drop-shadow(0 10px 18px rgba(0,0,0,.35)); }
.januszChat{ min-width:0; }
.januszRole{ margin-bottom:3px; color:var(--nn-accent); font:950 10px/1 Manrope,sans-serif; text-transform:uppercase; }
.januszText{ color:#fff; font:850 12px/1.22 Manrope,sans-serif; }
.januszText.is-warning{ color:#fecdd3; }
.januszCursor{ display:none; }

.drawer-cta{ position:sticky; bottom:0; z-index:40; display:grid; padding-top:4px; background:linear-gradient(180deg, transparent, rgba(5,16,13,.92) 24%); }
.saveDesignBtn{ min-height:62px; width:100%; border:0; border-radius:22px; background:linear-gradient(135deg, var(--nn-accent), var(--nn-warm)); color:#111827; font:1000 17px/1 Manrope,sans-serif; letter-spacing:.035em; box-shadow:0 14px 34px rgba(215,255,53,.20), 0 8px 0 rgba(0,0,0,.32); }
.saveDesignBtn:active{ transform:translateY(2px); box-shadow:0 10px 24px rgba(215,255,53,.16), 0 5px 0 rgba(0,0,0,.34); }

.resultPanel,
.emailStep{ position:absolute; left:10px; right:10px; bottom:calc(88px + env(safe-area-inset-bottom)); z-index:60; max-height:min(70dvh,560px); overflow:auto; padding:16px; border-radius:24px; color:#fff; }
.resultPanel[hidden],
.emailStep[hidden]{ display:none!important; }
.smartResult{ display:grid; grid-template-columns:1fr; gap:12px; }
.resultPanel h2,
.emailStep h2{ margin:0 0 8px; color:#fff; font:950 22px/1 "Baloo 2",Manrope,sans-serif; }
.resultPanel p,
.emailStep p{ margin:0 0 12px; color:var(--nn-muted); font:800 13px/1.35 Manrope,sans-serif; }
.resultActions{ display:grid; gap:8px; margin-top:12px; }
.btn{ min-height:48px; border-radius:16px; }
.btn--primary{ background:var(--nn-accent); color:#111827; border-color:transparent; }
.btn--ghost{ background:rgba(255,255,255,.08); color:#fff; }
.resultThumbWrap{ display:none; }
.savedProjectsList{ display:grid; gap:8px; margin-top:10px; }
.savedProjectItem{ display:grid; grid-template-columns:54px 1fr auto; align-items:center; gap:8px; padding:8px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.06); }
.savedProjectItem img{ width:54px; height:54px; object-fit:contain; border-radius:12px; background:#fff; }
.savedProjectMeta{ display:grid; gap:2px; min-width:0; }
.savedProjectMeta strong{ color:#fff; font:950 12px/1 Manrope,sans-serif; }
.savedProjectMeta span{ color:var(--nn-muted); font:750 11px/1.2 Manrope,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.savedProjectRemove{ min-height:38px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:rgba(255,255,255,.08); color:#fff; font:850 11px/1 Manrope,sans-serif; }
.consentLine{ display:flex; gap:10px; align-items:flex-start; color:var(--nn-muted); font:800 12px/1.3 Manrope,sans-serif; margin:10px 0; }
.formStatus{ min-height:24px; color:var(--nn-muted); font:900 13px/1.3 Manrope,sans-serif; }
.formStatus.good{ color:var(--nn-accent); }
.formStatus.bad{ color:#fecdd3; }

.liveGraphicChoiceBar{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; padding:8px 10px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.06); color:#fff; font:850 12px/1.2 Manrope,sans-serif; }
.liveGraphicUndoBtn{ min-height:34px; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:rgba(255,255,255,.08); color:var(--nn-accent); }

.selectedQuickTools{ position:absolute; z-index:1000; display:flex; gap:6px; padding:6px; border:1px solid var(--nn-border); border-radius:18px; background:rgba(7,22,17,.88); box-shadow:0 16px 40px rgba(0,0,0,.45); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.selectedQuickTools[hidden]{ display:none!important; }
.selectedQuickTools__btn{ min-width:42px; min-height:42px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(255,255,255,.08); color:#fff; font:950 18px/1 Manrope,sans-serif; }
.selectedQuickTools__btn--hide{ color:#fecdd3; }
.liveGraphicHit,
.liveWordHit,
.liveTextHit,
.flexResizeHandle{ touch-action:none; cursor:url("/images/ikony/tap.svg?v=20260529-anchor-v89") 16 16, grab; }
.liveGraphicHit:active,
.liveWordHit:active,
.liveTextHit:active{ cursor:url("/images/ikony/move.svg?v=20260529-anchor-v89") 16 16, grabbing; }
.is-flex-selected{ outline:none; }

.fontNativeSelect{ position:absolute!important; opacity:0!important; pointer-events:none!important; width:1px!important; height:1px!important; }
.fontPreviewPicker{ position:relative; }
.fontPickerButton{ width:100%; min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:rgba(255,255,255,.10); color:#fff; padding:10px 12px; font:900 13px/1.2 Manrope,sans-serif; }
.fontPickerButton img{ max-width:120px; max-height:34px; object-fit:contain; background:#fff; border-radius:10px; }
.fontPickerMenu{ position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:80; display:grid; gap:6px; padding:8px; border:1px solid var(--nn-border); border-radius:18px; background:rgba(7,22,17,.94); box-shadow:0 18px 46px rgba(0,0,0,.42); }
.fontPickerMenu[hidden]{ display:none!important; }
.fontPickerOption{ min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(255,255,255,.06); color:#fff; padding:8px 10px; }
.fontPickerOption.is-selected{ border-color:rgba(215,255,53,.72); color:var(--nn-accent); }
.fontPickerOption img{ max-width:120px; max-height:32px; object-fit:contain; background:#fff; border-radius:9px; }

.januszDock{ position:fixed; right:10px; bottom:calc(82px + env(safe-area-inset-bottom)); z-index:120; }
.januszDock__tab{ width:64px; height:64px; border:1px solid var(--nn-border); border-radius:999px; background:rgba(7,22,17,.88); overflow:hidden; box-shadow:0 16px 40px rgba(0,0,0,.42); }
.januszDock__badge{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.januszDock__avatar{ width:100%; height:100%; object-fit:contain; }
.januszDock__drawer{ position:absolute; right:0; bottom:74px; width:min(320px,calc(100vw - 24px)); border:1px solid var(--nn-border); border-radius:22px; background:rgba(7,22,17,.94); color:#fff; box-shadow:0 22px 60px rgba(0,0,0,.52); padding:12px; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.januszDock__drawer[hidden]{ display:none!important; }
.januszDock__head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.januszDock__close{ width:36px; height:36px; border:0; border-radius:999px; background:rgba(255,255,255,.1); color:#fff; font-size:24px; }
.januszDock__body{ color:var(--nn-muted); font:850 13px/1.35 Manrope,sans-serif; margin-top:8px; }
.januszDock__actions{ display:flex; gap:8px; margin-top:10px; }
.januszCoachBtn{ min-height:38px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:rgba(255,255,255,.08); color:#fff; font:850 12px/1 Manrope,sans-serif; }

.sr-only{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

@media (min-width:900px){
  :root{ --nn-preview-h:58dvh; --nn-drawer-h:42dvh; }
  .app-container{ max-width:1200px; margin:0 auto; padding-inline:18px; }
  .preview-glass{ width:min(78vw,860px); }
  .tools-drawer{ width:min(100%,1120px); margin:0 auto; border-radius:34px 34px 0 0; }
  .tool-pane{ padding-inline:6px; }
  .characterGrid{ grid-template-columns:repeat(6,minmax(0,1fr)); }
  .resultPanel,
  .emailStep{ left:50%; right:auto; width:min(720px,calc(100vw - 36px)); transform:translateX(-50%); }
}

@media (max-width:380px){
  .app-container{ padding-inline:6px; }
  .preview-glass{ padding:10px; border-radius:22px; }
  .tools-drawer{ padding-inline:8px; border-radius:24px 24px 0 0; }
  .tool-tab{ flex-basis:74px; min-height:50px; }
  .characterGrid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .saveDesignBtn{ min-height:58px; font-size:15px; }
}



:root{
  --nn-shell-w:min(calc(100vw - 28px), 1480px);
  --nn-bg-dim-top:.38;
  --nn-bg-dim-bottom:.58;
  --nn-card-readable:rgba(8, 28, 22, .74);
  --nn-card-readable-strong:rgba(5, 19, 15, .88);
  --nn-thumb-bg:#fff4b8;
}

body[data-page-type="twojnosacz"]::before{
  filter:brightness(1.16) saturate(1.08) contrast(1.02);
  transform:scale(1.01);
}

body[data-page-type="twojnosacz"]::after{
  background:
    radial-gradient(circle at 50% 16%, rgba(215,255,53,.14), transparent 32%),
    linear-gradient(180deg, rgba(0,0,0,var(--nn-bg-dim-top)) 0%, rgba(0,0,0,var(--nn-bg-dim-bottom)) 100%);
}

.app-container{
  max-width:none!important;
  width:100vw;
  padding-inline:14px;
}

.preview-section{
  width:100%;
  justify-items:center;
}

.preview-glass,
.tools-drawer{
  width:var(--nn-shell-w)!important;
  max-width:var(--nn-shell-w)!important;
  margin-inline:auto!important;
  background:
    linear-gradient(145deg, var(--nn-card-readable), rgba(42,52,47,.54)),
    rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.20);
}

.preview-glass{
  align-self:stretch;
  min-height:0;
  padding:14px clamp(14px,2vw,22px);
}

.preview-topline,
.previewTopline{
  padding:2px 4px 8px;
  border-radius:18px;
  background:linear-gradient(90deg, rgba(5,19,15,.48), rgba(5,19,15,0));
}

.stickerStage{
  max-width:min(100%, 980px);
}

.stickerStage.is-landscape{
  width:min(100%, 980px)!important;
}

.stickerStage.is-portrait{
  width:min(42vw, 360px)!important;
  max-width:360px!important;
}

.tools-drawer{
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
  background:
    linear-gradient(180deg, rgba(9,35,27,.88), rgba(5,19,15,.94)),
    rgba(255,255,255,.05);
}

.tool-tabs{
  position:relative;
  z-index:20;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.tool-tab{
  background:rgba(255,255,255,.08);
}

.drawer-workspace{
  position:relative;
  min-height:0;
}

.tool-pane{
  padding:2px 6px 104px;
}

#toolGraphic{
  grid-template-rows:auto auto auto auto minmax(0,1fr);
}

.pane-head,
.groupTabs,
.search-pill{
  position:relative;
  z-index:8;
}

.groupTabs,
.storyTabs{
  position:sticky;
  top:0;
  z-index:15;
  margin-inline:-2px;
  padding:8px 2px 10px;
  background:linear-gradient(180deg, rgba(8,28,22,.98), rgba(8,28,22,.88) 78%, rgba(8,28,22,0));
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.groupTab{
  flex:1 0 104px;
  min-height:44px;
  background:rgba(255,255,255,.09);
}

.search-pill{
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.20);
}

.characterGrid{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch;
  gap:12px;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:8px 2px 16px;
  margin-inline:-2px;
  max-height:none!important;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

.characterPick{
  flex:0 0 104px;
  width:104px;
  min-height:132px;
  scroll-snap-align:start;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.20);
}

.characterPick img,
.textOnlyIcon,
.nnGalleryItem{
  background:var(--nn-thumb-bg)!important;
  border-color:rgba(215,255,53,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}

.characterPick strong{
  min-height:24px;
  color:#fff;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
}

.characterPager{
  display:none!important;
}

.nnGalleryBox{
  padding:6px 0 2px;
  overflow:hidden;
}

.nnGalleryViewport{
  padding-bottom:8px;
}

.nnGalleryItem{
  width:88px;
  height:88px;
}

.bigSliderCard,
.statusCard,
.flexToolsPanel,
.flexToolsCard,
.sliderGraphicControls,
.font-card,
.januszMini,
.resultPanel,
.emailStep{
  background:linear-gradient(145deg, var(--nn-card-readable), rgba(45,55,50,.58));
  border-color:rgba(255,255,255,.20);
}

.positionGrid label,
.mirrorToggle,
.graphicUndoButton,
.flexActionGroup button,
.textLayoutTools button,
.pillButton,
.btn,
.clearStickerTextButton,
.characterPagerBtn{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
}

.pillButton.is-selected,
.positionGrid label:has(input:checked),
.mirrorToggle.is-selected,
.groupTab.is-active,
.tool-tab.is-active{
  color:var(--nn-accent);
  background:linear-gradient(180deg, rgba(215,255,53,.28), rgba(163,230,53,.14));
  border-color:rgba(215,255,53,.76);
}

.drawer-cta{
  background:linear-gradient(180deg, transparent 0%, rgba(5,19,15,.72) 18%, rgba(5,19,15,.96) 100%);
}

.saveDesignBtn{
  min-height:64px;
  border-radius:20px;
}


.januszDock{
  right:12px;
  bottom:calc(88px + env(safe-area-inset-bottom));
  pointer-events:auto;
}

.januszDock:not(.is-open) .januszDock__drawer{
  display:none!important;
}

.januszDock__drawer{
  position:fixed;
  right:12px;
  bottom:calc(160px + env(safe-area-inset-bottom));
  width:min(380px, calc(100vw - 24px));
  max-height:min(58dvh, 430px);
  overflow:auto;
  padding:14px;
  background:rgba(8,28,22,.96);
  border-color:rgba(255,255,255,.22);
}

.januszDock__head{
  align-items:center;
}

.januszDock__head img{
  width:58px;
  height:58px;
  padding:5px;
  border-radius:16px;
  background:var(--nn-thumb-bg);
}

.januszDock__close{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

.januszDock__actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.januszCoachBtn{
  width:100%;
  min-height:42px;
  padding:8px 10px;
  white-space:normal;
  line-height:1.05;
}

#januszHintToggle{
  grid-column:1/-1;
  color:var(--nn-accent);
}

@media (min-width:900px){
  :root{
    --nn-preview-h:56dvh;
    --nn-shell-w:min(calc(100vw - 44px), 1480px);
  }
  .app-container{
    max-width:none!important;
    width:100vw;
    padding-inline:22px;
  }
  .preview-glass,
  .tools-drawer{
    width:var(--nn-shell-w)!important;
    max-width:var(--nn-shell-w)!important;
  }
  .stickerStage.is-landscape{
    width:min(76vw, 960px)!important;
  }
  .stickerStage.is-portrait{
    width:min(28vw, 340px)!important;
    max-width:340px!important;
  }
  .characterGrid{
    gap:14px;
    padding-bottom:18px;
  }
  .characterPick{
    flex-basis:116px;
    width:116px;
    min-height:148px;
  }
  .nnGalleryItem{
    width:96px;
    height:96px;
  }
}

@media (max-width:720px){
  :root{
    --nn-bg-dim-top:.42;
    --nn-bg-dim-bottom:.62;
    --nn-shell-w:calc(100vw - 16px);
  }
  .app-container{
    padding-inline:8px;
  }
  .preview-glass{
    padding:10px;
  }
  .stickerStage.is-portrait{
    width:min(58vw, 290px)!important;
    max-width:290px!important;
  }
  .characterPick{
    flex-basis:92px;
    width:92px;
    min-height:122px;
  }
  .nnGalleryItem{
    width:80px;
    height:80px;
  }
  .januszDock__drawer{
    right:8px;
    bottom:calc(150px + env(safe-area-inset-bottom));
    width:calc(100vw - 16px);
  }
}

@media (max-width:380px){
  .characterPick{
    flex-basis:86px;
    width:86px;
  }
}


:root{
  --nn-shell-w:min(calc(100vw - 28px), 1500px);
  --nn-preview-h:50dvh;
  --nn-card-readable:rgba(8, 28, 22, .82);
  --nn-card-readable-strong:rgba(5, 19, 15, .94);
  --nn-thumb-bg:#fff4b8;
  --nn-thumb-bg-strong:#fff1a6;
}

body[data-page-type="twojnosacz"]::before{
  filter:brightness(1.28) saturate(1.12) contrast(1.02) !important;
  transform:scale(1.006) !important;
}

body[data-page-type="twojnosacz"]::after{
  background:
    radial-gradient(circle at 50% 14%, rgba(215,255,53,.16), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.32) 0%, rgba(0,0,0,.56) 100%) !important;
}

.app-container{
  width:100vw !important;
  max-width:none !important;
  height:100dvh !important;
  grid-template-rows:minmax(0,var(--nn-preview-h)) minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:10px !important;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
}

.preview-section,
.tools-drawer{
  width:100% !important;
  min-width:0 !important;
}

.preview-section{
  display:grid !important;
  place-items:stretch center !important;
  padding:0 !important;
  overflow:hidden !important;
  z-index:1 !important;
}

.preview-glass,
.tools-drawer{
  width:var(--nn-shell-w) !important;
  max-width:var(--nn-shell-w) !important;
  margin-inline:auto !important;
  border-color:rgba(255,255,255,.22) !important;
  background:
    linear-gradient(145deg, rgba(8,28,22,.84), rgba(44,54,49,.58)),
    rgba(255,255,255,.06) !important;
}

.preview-glass{
  height:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  align-items:stretch !important;
  justify-items:center !important;
  gap:8px !important;
  padding:12px clamp(12px,1.6vw,22px) !important;
}

.preview-topline,
.previewTopline{
  width:min(100%, 980px) !important;
  align-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 auto !important;
  padding:3px 6px 8px !important;
}

.preview-topline > div:first-child,
.previewTopline > div:first-child{
  min-width:0 !important;
}

.preview-topline strong,
.previewTopline strong{
  overflow-wrap:anywhere !important;
}

.variantBadge{
  white-space:nowrap !important;
}

.stickerStage{
  align-self:center !important;
  justify-self:center !important;
  min-width:0 !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 auto !important;
}

.stickerStage.is-landscape{
  width:min(100%, 980px) !important;
  height:auto !important;
  max-height:100% !important;
  aspect-ratio:20/12 !important;
}

.stickerStage.is-portrait{
  height:100% !important;
  width:auto !important;
  max-width:min(100%, 420px) !important;
  aspect-ratio:12/20 !important;
}

.liveSvg{
  width:100% !important;
  height:100% !important;
  display:block !important;
}

.dragHint{
  min-height:16px !important;
  padding-top:2px !important;
}

.tools-drawer{
  position:relative !important;
  z-index:5 !important;
  min-height:0 !important;
  height:100% !important;
  display:grid !important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto !important;
  overflow:hidden !important;
  border-radius:30px 30px 0 0 !important;
  box-shadow:0 -16px 60px rgba(0,0,0,.34), 0 26px 80px rgba(0,0,0,.36) !important;
}

.drawer-workspace,
.smartControls,
.tool-pane{
  min-width:0 !important;
}

.drawer-workspace{
  min-height:0 !important;
  overflow:hidden !important;
}

.tool-tabs{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  overflow:visible !important;
  padding:3px 2px 10px !important;
  flex:0 0 auto !important;
}

.tool-tab{
  min-width:0 !important;
  min-height:56px !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  padding:8px 6px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  text-align:center !important;
}

.tool-tab span{
  display:block !important;
  font-size:18px !important;
  line-height:1 !important;
}

.tool-tab strong{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.tool-tab.is-active{
  box-shadow:inset 0 0 0 1px rgba(215,255,53,.36), 0 0 22px rgba(215,255,53,.10) !important;
}

.tool-pane{
  height:100% !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:4px 8px 112px !important;
  align-content:start !important;
  gap:12px !important;
}

#toolGraphic{
  grid-template-rows:auto auto auto auto !important;
}

.pane-head{
  position:relative !important;
  z-index:1 !important;
  padding-top:2px !important;
}

.groupTabs,
.storyTabs{
  position:relative !important;
  top:auto !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
}

.groupTab{
  min-width:0 !important;
  width:100% !important;
  min-height:42px !important;
  flex:0 1 auto !important;
  display:grid !important;
  place-items:center !important;
  padding:8px 8px !important;
  overflow:hidden !important;
  text-align:center !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

.search-pill{
  position:relative !important;
  z-index:1 !important;
  min-height:54px !important;
  grid-template-columns:auto minmax(0,1fr) !important;
}

.search-pill input{
  min-width:0 !important;
}

.characterGrid{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:12px !important;
  width:100% !important;
  min-height:132px !important;
  max-height:156px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  margin:0 !important;
  padding:4px 0 14px !important;
  scroll-snap-type:x proximity !important;
  scrollbar-width:thin !important;
}

.characterPick{
  flex:0 0 106px !important;
  width:106px !important;
  min-width:106px !important;
  height:128px !important;
  min-height:128px !important;
  max-height:128px !important;
  display:grid !important;
  grid-template-rows:minmax(0,1fr) auto !important;
  align-content:stretch !important;
  gap:6px !important;
  padding:7px !important;
  overflow:hidden !important;
  scroll-snap-align:start !important;
}

.characterPick img,
.textOnlyIcon{
  display:block !important;
  width:100% !important;
  height:84px !important;
  min-height:84px !important;
  object-fit:contain !important;
  padding:4px !important;
  border-radius:999px !important;
  background:var(--nn-thumb-bg) !important;
  border:2px solid rgba(215,255,53,.42) !important;
}

.characterPick strong{
  display:block !important;
  min-height:24px !important;
  max-height:28px !important;
  overflow:hidden !important;
  color:#fff !important;
  font-size:10.5px !important;
  line-height:1.08 !important;
  text-align:center !important;
}

.nnGalleryBox{
  max-width:100% !important;
  overflow:hidden !important;
}

.nnGalleryViewport{
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

.nnGalleryTrack{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:max-content !important;
}

.nnGalleryItem{
  flex:0 0 86px !important;
  width:86px !important;
  height:86px !important;
  display:grid !important;
  place-items:center !important;
  background:var(--nn-thumb-bg) !important;
  border:2px solid rgba(215,255,53,.42) !important;
  overflow:hidden !important;
}

.nnGalleryItem img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:4px !important;
}

.nnGalleryOrderCta{
  display:none !important;
}

.drawer-cta{
  z-index:35 !important;
  padding:8px 0 0 !important;
}

.saveDesignBtn,
#saveDesignBtn,
.nnGalleryOrderCta{
  width:100% !important;
  min-height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, var(--nn-accent), var(--nn-warm)) !important;
  color:#111827 !important;
  font:1000 15px/1.1 Manrope, system-ui, sans-serif !important;
  letter-spacing:.025em !important;
  text-align:center !important;
  box-shadow:0 14px 34px rgba(215,255,53,.20), 0 8px 0 rgba(0,0,0,.30) !important;
}

.januszMini,
.januszDock__drawer{
  background:linear-gradient(145deg, rgba(8,28,22,.96), rgba(37,48,43,.86)) !important;
}

.januszAvatarWrap,
.januszDock__head img,
.januszDock__avatar{
  background:var(--nn-thumb-bg-strong) !important;
  border:2px solid rgba(215,255,53,.45) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.70), 0 8px 24px rgba(0,0,0,.24) !important;
}

.januszAvatarWrap{
  border-radius:18px !important;
  padding:4px !important;
}

.januszAvatar,
.januszDock__avatar{
  border-radius:16px !important;
  object-fit:contain !important;
}

.januszChat{
  min-width:0 !important;
}

.januszText,
#januszText,
.januszDock__body{
  overflow-wrap:anywhere !important;
}

.januszDock{
  right:12px !important;
  bottom:calc(88px + env(safe-area-inset-bottom)) !important;
  z-index:160 !important;
}

.januszDock__tab{
  background:var(--nn-thumb-bg-strong) !important;
  border:2px solid rgba(215,255,53,.5) !important;
}

.januszDock__drawer{
  right:12px !important;
  bottom:calc(158px + env(safe-area-inset-bottom)) !important;
  width:min(360px, calc(100vw - 24px)) !important;
  max-height:min(55dvh, 420px) !important;
  overflow:auto !important;
  padding:14px !important;
}

.januszDock:not(.is-open) .januszDock__drawer,
.januszDock.is-force-closed .januszDock__drawer{
  display:none !important;
}

.januszDock__head{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) 42px !important;
  gap:10px !important;
  align-items:center !important;
}

.januszDock__head img{
  width:58px !important;
  height:58px !important;
  padding:4px !important;
}

.januszDock__head strong,
.januszDock__head span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.januszDock__close{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
}

.januszDock__actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}

.januszCoachBtn{
  min-width:0 !important;
  width:100% !important;
  min-height:42px !important;
  padding:8px 10px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.08 !important;
}

#januszHintToggle{
  grid-column:1 / -1 !important;
}

.positionGrid,
.graphicControlsRow,
.pillGrid,
.textLayoutTools,
.flexActionGroup{
  min-width:0 !important;
}

.flexActionGroup{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

.flexActionGroup button,
.positionGrid label,
.mirrorToggle,
.graphicUndoButton{
  min-height:48px !important;
  overflow:hidden !important;
  text-align:center !important;
}

@media (min-width:900px){
  :root{
    --nn-preview-h:54dvh;
    --nn-shell-w:min(calc(100vw - 44px), 1500px);
  }

  .app-container{
    padding-inline:22px !important;
  }

  .preview-topline,
  .previewTopline,
  .stickerStage.is-landscape{
    width:min(100%, 980px) !important;
  }

  .stickerStage.is-portrait{
    max-width:360px !important;
  }

  .characterGrid{
    min-height:142px !important;
    max-height:168px !important;
  }

  .characterPick{
    flex-basis:118px !important;
    width:118px !important;
    min-width:118px !important;
    height:140px !important;
    min-height:140px !important;
    max-height:140px !important;
  }

  .characterPick img,
  .textOnlyIcon{
    height:94px !important;
    min-height:94px !important;
  }
}

@media (max-width:720px){
  :root{
    --nn-shell-w:calc(100vw - 16px);
    --nn-preview-h:48dvh;
  }

  .app-container{
    gap:8px !important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
  }

  .preview-glass{
    border-radius:24px !important;
    padding:10px !important;
  }

  .preview-topline,
  .previewTopline{
    width:100% !important;
  }

  .stickerStage.is-landscape{
    width:100% !important;
  }

  .stickerStage.is-portrait{
    max-width:min(58vw, 290px) !important;
  }

  .tools-drawer{
    border-radius:24px 24px 0 0 !important;
    padding-inline:10px !important;
  }

  .tool-tab{
    min-height:52px !important;
    border-radius:16px !important;
  }

  .tool-tab strong{
    font-size:10.5px !important;
  }

  .pane-head strong{
    font-size:18px !important;
  }

  .groupTab{
    font-size:11px !important;
    padding-inline:4px !important;
  }

  .characterGrid{
    min-height:124px !important;
    max-height:142px !important;
    gap:10px !important;
  }

  .characterPick{
    flex-basis:92px !important;
    width:92px !important;
    min-width:92px !important;
    height:118px !important;
    min-height:118px !important;
    max-height:118px !important;
  }

  .characterPick img,
  .textOnlyIcon{
    height:74px !important;
    min-height:74px !important;
  }

  .januszDock__drawer{
    right:8px !important;
    bottom:calc(150px + env(safe-area-inset-bottom)) !important;
    width:calc(100vw - 16px) !important;
  }
}

@media (max-width:380px){
  .tool-tab{
    min-height:48px !important;
    padding-inline:3px !important;
  }

  .tool-tab span{
    font-size:16px !important;
  }

  .tool-tab strong,
  .groupTab{
    font-size:10px !important;
  }

  .characterPick{
    flex-basis:86px !important;
    width:86px !important;
    min-width:86px !important;
  }
}


:root{
  --nn-shell-w:min(calc(100vw - 44px), 1500px);
  --nn-preview-h:auto;
  --nn-drawer-h:auto;
}

html{
  min-height:100%;
  overflow-x:hidden;
  background:#06120e;
}

body[data-page-type="twojnosacz"]{
  min-height:100%;
  height:auto !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto !important;
  touch-action:auto !important;
  background:#06120e !important;
}

body[data-page-type="twojnosacz"]::before{
  position:fixed !important;
  inset:0 !important;
  transform:none !important;
  background-image:var(--nn-bg) !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  filter:none !important;
}

body[data-page-type="twojnosacz"]::after{
  position:fixed !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(215,255,53,.13), transparent 36%),
    linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.52) 54%, rgba(0,0,0,.66) 100%) !important;
}

body.nn-keyboard-mode{
  --nn-preview-h:auto;
  --nn-drawer-h:auto;
}

.app-container{
  width:100% !important;
  max-width:none !important;
  min-height:100dvh !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  overflow:visible !important;
  padding:24px 16px 56px !important;
}

.preview-section{
  width:100% !important;
  min-height:auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding:0 !important;
  overflow:visible !important;
}

.preview-glass{
  width:var(--nn-shell-w) !important;
  max-width:var(--nn-shell-w) !important;
  max-height:none !important;
  min-height:auto !important;
  display:grid !important;
  grid-template-rows:auto auto auto !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 auto !important;
  padding:18px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 45% 35%, rgba(255,255,255,.09), transparent 42%),
    linear-gradient(145deg, rgba(13,40,31,.78), rgba(30,43,38,.62)) !important;
}

.preview-topline,
.previewTopline{
  width:min(100%, 980px) !important;
  margin-inline:auto !important;
}

.stickerStage{
  margin:0 auto !important;
  z-index:1 !important;
  flex:0 0 auto !important;
}

.stickerStage.is-landscape{
  width:min(100%, 980px) !important;
  max-width:980px !important;
  max-height:none !important;
}

.stickerStage.is-portrait{
  width:min(48vw, 360px) !important;
  max-width:360px !important;
  max-height:none !important;
}

.tools-drawer{
  position:relative !important;
  z-index:5 !important;
  width:var(--nn-shell-w) !important;
  max-width:var(--nn-shell-w) !important;
  min-height:auto !important;
  height:auto !important;
  display:block !important;
  overflow:visible !important;
  margin:0 auto !important;
  padding:10px 14px 20px !important;
  border-radius:30px !important;
  background:
    linear-gradient(180deg, rgba(8,31,23,.88), rgba(5,18,14,.94)),
    rgba(20,34,29,.66) !important;
}

.drawer-handle{
  margin-bottom:10px !important;
}

.tool-tabs{
  position:relative !important;
  z-index:7 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  overflow:visible !important;
  padding:0 0 12px !important;
}

.tool-tab{
  flex:none !important;
  width:auto !important;
  min-width:0 !important;
}

.drawer-workspace,
.smartGrid,
.smartControls{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  display:block !important;
  overflow:visible !important;
}

.tool-pane{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  display:grid !important;
  gap:14px !important;
  overflow:visible !important;
  padding:0 0 16px !important;
}

.tool-pane[hidden]{
  display:none !important;
}

.pane-head{
  padding:0 2px !important;
}

.storyTabs,
.groupTabs{
  position:relative !important;
  z-index:8 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  overflow:visible !important;
  padding:0 !important;
}

.groupTab{
  min-width:0 !important;
  width:100% !important;
  min-height:44px !important;
  padding:10px 8px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.08) !important;
}

.characterGrid{
  width:100% !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  min-height:132px !important;
  max-height:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:8px 2px 12px !important;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

.characterPick{
  flex:0 0 112px !important;
  width:112px !important;
  min-width:112px !important;
  height:132px !important;
  min-height:132px !important;
  max-height:132px !important;
  scroll-snap-align:start;
  overflow:hidden !important;
}

.characterPick img,
.textOnlyIcon{
  height:86px !important;
  min-height:86px !important;
  background:#fff6a8 !important;
  border-color:rgba(215,255,53,.58) !important;
}

.nnGalleryBox,
.nnGalleryViewport,
.nnGalleryTrack{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  max-height:none !important;
}

.bigSliderCard,
.flexToolsPanel,
.sliderGraphicControls,
.statusCard,
.font-card{
  position:relative !important;
  z-index:6 !important;
  overflow:visible !important;
}

.graphicControlsRow,
.positionGrid,
.pillGrid,
.flexActionGroup,
.textLayoutTools{
  overflow:visible !important;
}

.drawer-cta{
  position:static !important;
  z-index:10 !important;
  display:grid !important;
  margin-top:8px !important;
  padding:0 !important;
  background:none !important;
}

.saveDesignBtn{
  position:relative !important;
  z-index:10 !important;
  margin:0 !important;
}

.resultPanel,
.emailStep{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:100% !important;
  max-height:none !important;
  margin:14px 0 0 !important;
  overflow:visible !important;
}

.resultPanel[hidden],
.emailStep[hidden]{
  display:none !important;
}

.januszDock__head img,
.januszDock__tab img,
.januszAvatar{
  background:#fff6a8 !important;
  border:2px solid rgba(215,255,53,.7) !important;
  border-radius:18px !important;
}

.januszDock__drawer{
  max-height:min(70dvh, 420px) !important;
  overflow:auto !important;
}

@media (min-width:900px){
  :root{
    --nn-shell-w:min(calc(100vw - 56px), 1500px);
  }

  .app-container{
    padding-top:24px !important;
  }

  .preview-glass{
    padding:20px 24px 24px !important;
  }

  .stickerStage.is-landscape{
    width:min(78vw, 980px) !important;
  }

  .characterGrid{
    min-height:142px !important;
  }

  .characterPick{
    flex-basis:120px !important;
    width:120px !important;
    min-width:120px !important;
    height:138px !important;
    min-height:138px !important;
    max-height:138px !important;
  }

  .characterPick img,
  .textOnlyIcon{
    height:92px !important;
    min-height:92px !important;
  }
}

@media (max-width:720px){
  :root{
    --nn-shell-w:calc(100vw - 16px);
  }

  .app-container{
    gap:10px !important;
    padding:10px 8px 38px !important;
  }

  .preview-glass{
    padding:12px !important;
    gap:12px !important;
    border-radius:24px !important;
  }

  .preview-topline,
  .previewTopline{
    align-items:flex-start !important;
  }

  .stickerStage.is-landscape{
    width:100% !important;
  }

  .stickerStage.is-portrait{
    width:min(60vw, 300px) !important;
    max-width:300px !important;
  }

  .tools-drawer{
    border-radius:24px !important;
    padding:9px 10px 16px !important;
  }

  .tool-tabs{
    gap:8px !important;
  }

  .tool-tab{
    min-height:52px !important;
    padding-inline:4px !important;
  }

  .storyTabs,
  .groupTabs{
    gap:8px !important;
  }

  .groupTab{
    min-height:40px !important;
    font-size:11px !important;
  }

  .characterGrid{
    min-height:122px !important;
    padding-bottom:10px !important;
  }

  .characterPick{
    flex-basis:92px !important;
    width:92px !important;
    min-width:92px !important;
    height:114px !important;
    min-height:114px !important;
    max-height:114px !important;
  }

  .characterPick img,
  .textOnlyIcon{
    height:72px !important;
    min-height:72px !important;
  }

  .januszDock__drawer{
    right:8px !important;
    bottom:calc(86px + env(safe-area-inset-bottom)) !important;
    width:calc(100vw - 16px) !important;
  }
}


.app-container{
  position:relative !important;
  isolation:isolate !important;
}

.preview-section{
  position:sticky !important;
  top:14px !important;
  z-index:2 !important;
  transform:translateZ(0) !important;
  transition:opacity .22s ease, filter .22s ease !important;
  scroll-margin-top:14px !important;
}

.preview-glass,
.stickyLiveStack,
.stickyLiveStack.is-floating-preview{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:var(--nn-shell-w) !important;
  max-width:var(--nn-shell-w) !important;
  z-index:auto !important;
  transform-origin:top center !important;
  transition:opacity .22s ease, filter .22s ease, transform .22s ease !important;
}

.stickyLivePlaceholder{
  display:none !important;
  height:0 !important;
}

.tools-drawer{
  position:relative !important;
  z-index:24 !important;
  margin-top:clamp(-210px, -16vh, -110px) !important;
  transform:translateZ(0) !important;
  isolation:isolate !important;
}

body.nn-tools-drawer-active .preview-section{
  z-index:1 !important;
}

body.nn-tools-drawer-active .preview-glass,
body.nn-tools-drawer-active .stickyLiveStack{
  opacity:.78 !important;
  filter:brightness(.9) saturate(.88) blur(.15px) !important;
  transform:scale(.988) !important;
}

body.nn-preview-live .preview-section{
  z-index:42 !important;
}

body.nn-preview-live .preview-glass,
body.nn-preview-live .stickyLiveStack{
  opacity:1 !important;
  filter:none !important;
  transform:scale(1) !important;
}

body.nn-preview-live .tools-drawer{
  z-index:18 !important;
}


body.nn-keyboard-mode .preview-section{
  position:relative !important;
  top:auto !important;
}

@media (min-width:900px){
  .preview-section{
    top:18px !important;
    scroll-margin-top:18px !important;
  }

  .tools-drawer{
    margin-top:clamp(-260px, -18vh, -150px) !important;
  }
}

@media (max-width:720px){
  .preview-section{
    top:8px !important;
    scroll-margin-top:8px !important;
  }

  .tools-drawer{
    margin-top:clamp(-116px, -11vh, -62px) !important;
  }

  body.nn-tools-drawer-active .preview-glass,
  body.nn-tools-drawer-active .stickyLiveStack{
    opacity:.72 !important;
    transform:scale(.985) !important;
  }
}

@media (max-width:420px){
  .tools-drawer{
    margin-top:-72px !important;
  }
}


:root{
  --nn-sticker-bg:url('/images/3.webp');
}

body[data-page-type="twojnosacz"]{
  scroll-padding-top:18px !important;
}

.app-container{
  gap:clamp(16px,2.4vw,28px) !important;
}

.preview-section{
  position:sticky !important;
  top:10px !important;
  z-index:3 !important;
  min-height:auto !important;
  padding:10px 0 clamp(14px,2vw,22px) !important;
  scroll-margin-top:10px !important;
}

.preview-glass,
.stickyLiveStack,
.stickyLiveStack.is-floating-preview{
  width:var(--nn-shell-w) !important;
  max-width:var(--nn-shell-w) !important;
  min-height:auto !important;
  margin:0 auto !important;
  overflow:visible !important;
}

.tools-drawer{
  position:relative !important;
  z-index:22 !important;
  margin-top:0 !important;
  overflow:visible !important;
}

body.nn-tools-drawer-active .preview-glass,
body.nn-tools-drawer-active .stickyLiveStack{
  opacity:.94 !important;
  filter:brightness(.96) saturate(.96) !important;
  transform:none !important;
}

body.nn-preview-live .preview-section{
  z-index:40 !important;
}

body.nn-preview-live .tools-drawer{
  z-index:20 !important;
}

.stickerStage{
  background:
    linear-gradient(180deg, rgba(255,255,255,.74), rgba(226,232,240,.70)),
    var(--nn-sticker-bg) center center / cover no-repeat !important;
  box-shadow:
    0 22px 56px rgba(0,0,0,.46),
    inset 0 0 0 1px rgba(255,255,255,.78) !important;
}

.stickerStage .liveSvg,
.liveSvg{
  background:rgba(255,255,255,.16) !important;
  border-radius:inherit;
}

.tool-pane{
  overflow:visible !important;
  padding-bottom:16px !important;
}


.characterGrid{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-template-rows:repeat(3, 118px) !important;
  grid-auto-columns:108px !important;
  grid-template-columns:none !important;
  align-items:start !important;
  gap:10px !important;
  min-height:376px !important;
  max-height:376px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:8px 2px 14px !important;
  scroll-snap-type:x proximity;
  scrollbar-gutter:stable;
}

.characterPick{
  width:108px !important;
  min-width:108px !important;
  height:112px !important;
  min-height:112px !important;
  max-height:112px !important;
  flex:none !important;
  scroll-snap-align:start;
  padding:7px !important;
}

.characterPick img,
.textOnlyIcon{
  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;
  width:100% !important;
  background:#fff6a8 !important;
  border-color:rgba(215,255,53,.7) !important;
}

.characterPick strong{
  min-height:24px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
  color:#fff !important;
}


.positionGrid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

.positionGrid label,
.positionGrid button,
.mirrorToggle,
.graphicUndoButton{
  min-height:54px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.10) !important;
  color:#f3f4f6 !important;
  font:950 13px/1.1 Manrope,sans-serif !important;
  text-align:center !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}

.positionGrid label span,
.mirrorToggle span{
  color:#f3f4f6 !important;
  font:950 13px/1.1 Manrope,sans-serif !important;
}

.positionGrid label:has(input:checked),
.positionGrid label.is-selected,
.positionGrid button.is-selected,
.mirrorToggle.is-selected{
  border-color:rgba(215,255,53,.82) !important;
  background:linear-gradient(135deg, var(--nn-accent), var(--nn-warm)) !important;
  color:#111827 !important;
}

.positionGrid label:has(input:checked) span,
.positionGrid label.is-selected span,
.mirrorToggle.is-selected span{
  color:#111827 !important;
}


.januszDock__actions{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:7px !important;
  align-items:stretch !important;
}

.januszDock__actions .januszCoachBtn{
  min-width:0 !important;
  width:100% !important;
  min-height:42px !important;
  padding:7px 5px !important;
  white-space:normal !important;
  font:900 10px/1.08 Manrope,sans-serif !important;
  text-align:center !important;
}

.januszCoachControls{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding-bottom:4px !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}

.januszCoachControls .januszCoachBtn{
  flex:0 0 auto !important;
  min-width:124px !important;
  min-height:40px !important;
}

.januszAvatarWrap,
.januszDock__head img,
.januszDock__tab img,
.januszDock__avatar{
  background:#fff6a8 !important;
  border:2px solid rgba(215,255,53,.76) !important;
}

@media (min-width:900px){
  .preview-section{
    top:12px !important;
    padding-bottom:24px !important;
  }

  .stickerStage.is-landscape{
    width:min(72vw, 940px) !important;
  }

  .characterGrid{
    grid-template-rows:repeat(3, 128px) !important;
    grid-auto-columns:118px !important;
    min-height:406px !important;
    max-height:406px !important;
  }

  .characterPick{
    width:118px !important;
    min-width:118px !important;
    height:122px !important;
    min-height:122px !important;
    max-height:122px !important;
  }

  .characterPick img,
  .textOnlyIcon{
    height:80px !important;
    min-height:80px !important;
    max-height:80px !important;
  }
}

@media (max-width:720px){
  .preview-section{
    position:relative !important;
    top:auto !important;
    padding-top:8px !important;
    padding-bottom:14px !important;
  }

  .preview-glass,
  .stickyLiveStack{
    width:100% !important;
    max-width:100% !important;
  }

  .tools-drawer{
    margin-top:0 !important;
  }

  .characterGrid{
    grid-template-rows:repeat(3, 104px) !important;
    grid-auto-columns:92px !important;
    min-height:332px !important;
    max-height:332px !important;
    gap:8px !important;
  }

  .characterPick{
    width:92px !important;
    min-width:92px !important;
    height:98px !important;
    min-height:98px !important;
    max-height:98px !important;
    padding:6px !important;
  }

  .characterPick img,
  .textOnlyIcon{
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
  }

  .characterPick strong{
    font-size:10px !important;
  }

  .januszDock__actions{
    gap:5px !important;
  }

  .januszDock__actions .januszCoachBtn{
    min-height:40px !important;
    padding:6px 3px !important;
    font-size:9px !important;
  }
}




#toolText .smartField--stickerText{
  display:grid !important;
  gap:10px !important;
}
#toolText .fieldTitle{
  color:#fff !important;
  font:950 14px/1 Manrope,sans-serif !important;
  letter-spacing:.01em;
}
#toolText .smartTextEditorWrap{
  order:1 !important;
}
#toolText .smartTextHead--limitOnly{
  order:2 !important;
  display:flex !important;
  justify-content:flex-end !important;
  margin-top:-2px !important;
}
#toolText #textLimitInfo{
  color:var(--nn-accent) !important;
  font:950 12px/1.1 Manrope,sans-serif !important;
  text-transform:uppercase !important;
}
#toolText .textLayoutTools{
  order:3 !important;
}
#toolText .font-card{
  margin-top:2px !important;
}


.stickerStage{
  background:var(--nn-sticker-bg) center center / cover no-repeat !important;
  box-shadow:
    0 22px 56px rgba(0,0,0,.46),
    inset 0 0 0 1px rgba(255,255,255,.42) !important;
}
.stickerStage .liveSvg,
.liveSvg{
  background:transparent !important;
}


.januszCoachControls{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:minmax(0,1fr) !important;
  grid-template-columns:none !important;
  gap:6px !important;
  overflow:visible !important;
  padding:8px 0 0 !important;
  width:100% !important;
}
.januszCoachControls .januszCoachBtn{
  min-width:0 !important;
  width:100% !important;
  min-height:36px !important;
  padding:6px 5px !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font:900 10px/1.08 Manrope,sans-serif !important;
  text-align:center !important;
}
.januszCoachControls .coachBtnIcon{
  display:inline-block !important;
  font-size:15px !important;
  line-height:1 !important;
}
.januszCoachControls .januszCoachBtn--mini .coachBtnText{
  display:none !important;
}


.flexToolsPanel,
.flexToolsPanel--hidden,
#flexToolsPanel{
  display:none !important;
}

#toolLayout .graphicControlsRow{
  display:grid !important;
  grid-template-columns:2fr 1fr 1fr !important;
  gap:10px !important;
  align-items:stretch !important;
}
#toolLayout .positionGrid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
#toolLayout .mirrorToggle,
#toolLayout .graphicResetButton,
#toolLayout .graphicUndoButton,
#toolLayout .positionGrid label{
  min-height:54px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.10) !important;
  color:#f3f4f6 !important;
  font:950 13px/1.12 Manrope,sans-serif !important;
  text-align:center !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}
#toolLayout .mirrorToggle span,
#toolLayout .positionGrid label span{
  color:#f3f4f6 !important;
  font:950 13px/1.12 Manrope,sans-serif !important;
}
#toolLayout .positionGrid label:has(input:checked),
#toolLayout .positionGrid label.is-selected,
#toolLayout .mirrorToggle.is-selected{
  border-color:rgba(215,255,53,.82) !important;
  background:linear-gradient(135deg, var(--nn-accent), var(--nn-warm)) !important;
  color:#111827 !important;
}
#toolLayout .positionGrid label:has(input:checked) span,
#toolLayout .positionGrid label.is-selected span,
#toolLayout .mirrorToggle.is-selected span{
  color:#111827 !important;
}


.characterPick.is-active,
.characterPick.is-selected,
.characterPick[aria-pressed="true"]{
  background:linear-gradient(135deg, var(--nn-accent), #fff2a6) !important;
  border-color:rgba(215,255,53,.95) !important;
  color:#111827 !important;
}
.characterPick.is-active strong,
.characterPick.is-selected strong,
.characterPick[aria-pressed="true"] strong{
  color:#111827 !important;
  text-shadow:none !important;
}
.characterPick.is-active img,
.characterPick.is-selected img,
.characterPick[aria-pressed="true"] img,
.characterPick.is-active .textOnlyIcon,
.characterPick.is-selected .textOnlyIcon,
.characterPick[aria-pressed="true"] .textOnlyIcon{
  background:#fff6a8 !important;
  border-color:rgba(17,24,39,.22) !important;
}

@media (max-width:720px){
  #toolLayout .graphicControlsRow{
    grid-template-columns:1fr !important;
  }
  .januszCoachControls{
    gap:4px !important;
  }
  .januszCoachControls .januszCoachBtn{
    min-height:34px !important;
    padding:5px 3px !important;
    font-size:8.5px !important;
  }
}



.tool-tab[data-tool-tab="color"] strong{
  max-width:110px;
  text-wrap:balance;
  line-height:1.05;
}

.characterPick.is-active{
  background:linear-gradient(135deg, rgba(215,255,53,.92), rgba(250,204,21,.86)) !important;
  border-color:rgba(215,255,53,.96) !important;
  color:#06120e !important;
}
.characterPick.is-active strong,
.characterPick.is-active span{
  color:#06120e !important;
  text-shadow:none !important;
}
.characterPick.is-active img,
.characterPick.is-active .textOnlyIcon{
  background:#fff8b8 !important;
  border-color:#06120e !important;
}

.sliderGraphicControls{
  overflow:visible;
}
.graphicControlsRow{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(118px,1fr)) !important;
  gap:10px !important;
  align-items:stretch;
}
.positionGrid.positionGrid--slider{
  display:contents !important;
}
.positionGrid.positionGrid--slider label,
.mirrorToggle,
.graphicResetButton,
.graphicUndoButton{
  min-height:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 12px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.08) !important;
  color:#f3f4f6 !important;
  font:950 12px/1.05 Manrope,sans-serif !important;
  text-align:center !important;
  white-space:normal !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.positionGrid.positionGrid--slider label:hover,
.mirrorToggle:hover,
.graphicResetButton:hover,
.graphicUndoButton:hover{
  border-color:rgba(215,255,53,.56) !important;
  background:rgba(215,255,53,.12) !important;
}
.positionGrid.positionGrid--slider label:has(input:checked),
.mirrorToggle.is-selected{
  border-color:rgba(215,255,53,.88) !important;
  background:linear-gradient(135deg, rgba(215,255,53,.92), rgba(250,204,21,.86)) !important;
  color:#06120e !important;
  box-shadow:0 0 0 3px rgba(215,255,53,.14), 0 12px 28px rgba(0,0,0,.20) !important;
}
.positionGrid.positionGrid--slider label:has(input:checked) span,
.mirrorToggle.is-selected span{
  color:#06120e !important;
}
.graphicResetButton,
.graphicUndoButton{
  appearance:none;
  cursor:pointer;
}

@media (max-width:900px){
  .graphicControlsRow{
    grid-template-columns:repeat(7,minmax(106px,1fr)) !important;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:thin;
  }
}
@media (max-width:520px){
  .graphicControlsRow{
    grid-template-columns:repeat(7,minmax(96px,1fr)) !important;
  }
  .positionGrid.positionGrid--slider label,
  .mirrorToggle,
  .graphicResetButton,
  .graphicUndoButton{
    min-height:48px !important;
    padding:8px 9px !important;
    font-size:11px !important;
  }
}



.textInspirationBox{
  display:grid;
  gap:10px;
  order:4;
  margin-top:2px;
}
.textInspirationToggle{
  appearance:none;
  width:100%;
  min-height:54px;
  padding:12px 14px;
  border:1px solid rgba(215,255,53,.58);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(215,255,53,.20), rgba(255,255,255,.08));
  color:#f8fafc;
  cursor:pointer;
  font:950 13px/1.22 Manrope,sans-serif;
  text-align:left;
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10);
}
.textInspirationToggle:hover,
.textInspirationToggle[aria-expanded="true"]{
  border-color:rgba(215,255,53,.9);
  background:linear-gradient(135deg, rgba(215,255,53,.28), rgba(250,204,21,.13));
  color:#fff;
}
.textInspirationList{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:8px;
  max-height:310px;
  overflow:auto;
  padding:10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(5,16,13,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  scrollbar-width:thin;
}
.textInspirationList[hidden]{ display:none!important; }
.textInspirationChoice{
  appearance:none;
  min-height:44px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:#f3f4f6;
  cursor:pointer;
  font:900 12px/1.18 Manrope,sans-serif;
  text-align:left;
}
.textInspirationChoice:hover,
.textInspirationChoice:focus-visible{
  outline:none;
  border-color:rgba(215,255,53,.80);
  background:linear-gradient(135deg, rgba(215,255,53,.92), rgba(250,204,21,.86));
  color:#06120e;
}
.textInspirationChoice.is-picked{
  border-color:rgba(215,255,53,.95);
  background:linear-gradient(135deg, var(--nn-accent), var(--nn-warm));
  color:#06120e;
}
#toolText .font-card{ order:5; }
@media (max-width:620px){
  .textInspirationList{
    grid-template-columns:1fr;
    max-height:260px;
  }
  .textInspirationToggle{
    font-size:12px;
  }
}


:root{
  --nn-preview-bg:url("/images/polskadzungla.webp");
}

html,
body[data-page-type="twojnosacz"]{
  background:#06120e !important;
}

body[data-page-type="twojnosacz"]::before,
body[data-page-type="twojnosacz"]::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

.preview-glass,
.stickyLiveStack,
.stickyLiveStack.is-floating-preview{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(215,255,53,.18), transparent 34%),
    linear-gradient(180deg, rgba(3,10,7,.08) 0%, rgba(3,10,7,.42) 55%, rgba(3,10,7,.70) 100%),
    var(--nn-preview-bg) center center / cover no-repeat !important;
  border-color:rgba(255,255,255,.24) !important;
  box-shadow:0 26px 78px rgba(0,0,0,.48) !important;
}

.preview-glass::before,
.stickyLiveStack::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.24), transparent 26%, transparent 74%, rgba(0,0,0,.28)),
    radial-gradient(circle at 50% 100%, rgba(0,0,0,.34), transparent 42%);
}

.preview-glass > *,
.stickyLiveStack > *{
  position:relative;
  z-index:1;
}

.previewTitleBlock{
  display:grid !important;
  gap:3px !important;
  min-width:0 !important;
}

.previewKicker{
  width:max-content !important;
  max-width:100% !important;
  padding:4px 9px !important;
  border:1px solid rgba(215,255,53,.38) !important;
  border-radius:999px !important;
  background:rgba(6,18,14,.48) !important;
  color:var(--nn-accent) !important;
  font:950 10px/1 Manrope,sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
}

.preview-topline,
.previewTopline{
  padding:8px 10px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:22px !important;
  background:linear-gradient(90deg, rgba(5,16,13,.62), rgba(5,16,13,.25)) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(10px) saturate(1.1) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.1) !important;
}

.preview-topline strong,
.previewTopline strong{
  color:#fff !important;
  font:950 clamp(18px,4.2vw,30px)/.98 "Baloo 2",Manrope,sans-serif !important;
  letter-spacing:-.03em !important;
  text-shadow:0 4px 18px rgba(0,0,0,.62) !important;
  text-wrap:balance;
}

.preview-topline span,
.previewTopline span,
#previewSizeLabel{
  color:rgba(255,255,255,.82) !important;
  text-shadow:0 2px 10px rgba(0,0,0,.50) !important;
}

#previewSizeLabel{
  font:950 12px/1.1 Manrope,sans-serif !important;
}

.variantBadge{
  border-color:rgba(215,255,53,.48) !important;
  background:rgba(6,18,14,.52) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.24), 0 0 28px rgba(215,255,53,.12) !important;
  text-shadow:0 2px 10px rgba(0,0,0,.48) !important;
}

.liveGraphicChoiceBar{
  width:min(100%, 980px) !important;
  margin:0 auto !important;
  border-color:rgba(255,255,255,.14) !important;
  background:rgba(5,16,13,.40) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.stickerStage{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  border-radius:22px !important;
}

.stickerStage::after{
  content:"";
  position:absolute;
  left:9%;
  right:9%;
  bottom:-5%;
  height:16%;
  z-index:0;
  pointer-events:none;
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.48) 0%, rgba(0,0,0,.25) 38%, transparent 72%);
  filter:blur(10px);
  transform:scaleX(.96);
}

.stickerStage .ruler,
.stickerStage .liveSvg{
  position:relative;
  z-index:1;
}

.stickerStage .liveSvg,
.liveSvg{
  background:transparent !important;
  border-radius:22px !important;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.52)) drop-shadow(0 4px 8px rgba(0,0,0,.32));
}

.ruler{
  border-color:rgba(255,255,255,.24) !important;
  background:rgba(6,18,14,.60) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(0,0,0,.25) !important;
  text-shadow:0 2px 8px rgba(0,0,0,.45) !important;
}

.dragHint{
  width:max-content;
  max-width:100%;
  justify-self:center;
  padding:8px 12px;
  border:1px solid rgba(215,255,53,.22);
  border-radius:999px;
  background:rgba(6,18,14,.44);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

@media (max-width:720px){
  .preview-topline,
  .previewTopline{
    align-items:flex-start !important;
    padding:8px !important;
  }

  .previewKicker{
    font-size:9px !important;
  }

  .preview-topline strong,
  .previewTopline strong{
    font-size:clamp(17px,5.4vw,24px) !important;
  }

  .variantBadge{
    min-height:30px !important;
    padding:7px 9px !important;
    font-size:10px !important;
  }
}




.stickerStage .ruler{
  position:absolute !important;
  z-index:6 !important;
}

.stickerStage .liveSvg,
.liveSvg{
  position:relative !important;
  z-index:1 !important;
}

.ruler--w{
  top:8px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}

.ruler--h{
  top:50% !important;
  right:8px !important;
  transform:translateY(-50%) !important;
  writing-mode:vertical-rl !important;
}

.flexSelectionBox{
  stroke:var(--nn-accent) !important;
  stroke-width:6 !important;
  stroke-dasharray:18 12 !important;
  stroke-linecap:round !important;
  vector-effect:non-scaling-stroke !important;
  filter:drop-shadow(0 0 8px rgba(215,255,53,.55)) drop-shadow(0 3px 8px rgba(0,0,0,.45));
  pointer-events:none;
}

.flexResizeHandle{
  cursor:nwse-resize !important;
  stroke:rgba(6,18,14,.82) !important;
  stroke-width:3 !important;
  vector-effect:non-scaling-stroke !important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.40));
}

.flexResizeHandle:hover,
.flexResizeHandle:active{
  cursor:nwse-resize !important;
}

.selectedQuickTools.is-vertical{
  flex-direction:column !important;
  align-items:stretch !important;
  gap:7px !important;
}

.selectedQuickTools__btn--lock{
  color:var(--nn-accent) !important;
}

.selectedQuickTools.is-companion-locked .selectedQuickTools__btn--lock{
  background:rgba(215,255,53,.22) !important;
  border-color:rgba(215,255,53,.60) !important;
  color:#fff !important;
  box-shadow:0 0 22px rgba(215,255,53,.16) !important;
}

@media (min-width:721px){
  .stickerStage.is-portrait + .dragHint,
  .stickerStage.is-portrait ~ .dragHint{
    margin-top:2px !important;
  }
}



.nnGalleryCaption{
  margin:2px 2px 9px !important;
  color:rgba(255,255,255,.88) !important;
  font:950 12px/1.25 Manrope, system-ui, sans-serif !important;
  letter-spacing:.01em !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
}

.nnGalleryViewport{
  scroll-behavior:auto !important;
  overscroll-behavior-x:contain !important;
  scrollbar-width:thin !important;
  touch-action:pan-x pan-y !important;
}

.nnGalleryTrack{
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
  padding-right:14px !important;
}

.nnGalleryItem{
  cursor:pointer !important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.nnGalleryItem:hover,
.nnGalleryItem:focus-visible{
  transform:translateY(-2px) scale(1.035) !important;
  border-color:rgba(215,255,53,.78) !important;
  box-shadow:0 14px 26px rgba(0,0,0,.28), 0 0 0 3px rgba(215,255,53,.12) !important;
}

.selectedQuickTools__btn--lock{
  order:-1 !important;
}



.pane-head--singleline{
  display:block !important;
}

.pane-head--singleline strong{
  display:block !important;
  color:#fff !important;
  font:950 clamp(18px,4.5vw,22px)/1.12 "Baloo 2", Manrope, sans-serif !important;
}

.smartTextEditorWrap--withOk{
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:stretch !important;
}

.smartTextEditorWrap--withOk textarea{
  min-width:0 !important;
}

.smartTextEditorWrap--withOk .clearStickerTextButton,
.stickerTextOkButton{
  width:auto !important;
  min-width:64px !important;
  min-height:52px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:18px !important;
  cursor:pointer !important;
  font:950 13px/1 Manrope, sans-serif !important;
}

.smartTextEditorWrap--withOk .clearStickerTextButton{
  order:0 !important;
  color:rgba(243,244,246,.78) !important;
  background:rgba(255,255,255,.08) !important;
}

.stickerTextOkButton{
  order:2 !important;
  background:linear-gradient(180deg, var(--nn-accent), var(--nn-accent-2)) !important;
  color:#111827 !important;
  border-color:rgba(215,255,53,.72) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22), 0 0 22px rgba(215,255,53,.14) !important;
}

.selectedQuickTools{
  position:fixed !important;
  z-index:1200 !important;
}

.selectedQuickTools.is-vertical{
  flex-direction:column !important;
  align-items:stretch !important;
  width:auto !important;
}

.selectedQuickTools.is-vertical .selectedQuickTools__btn{
  min-width:44px !important;
  min-height:44px !important;
}

@media (max-width:720px){
  .smartTextEditorWrap--withOk{
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:7px !important;
  }
  .smartTextEditorWrap--withOk .clearStickerTextButton,
  .stickerTextOkButton{
    min-width:54px !important;
    padding:0 8px !important;
    font-size:12px !important;
  }
  .selectedQuickTools.is-vertical{
    gap:5px !important;
    padding:5px !important;
    border-radius:16px !important;
  }
  .selectedQuickTools.is-vertical .selectedQuickTools__btn{
    min-width:40px !important;
    min-height:40px !important;
    border-radius:13px !important;
    font-size:17px !important;
  }
}


#toolLayout .graphicControlsRow{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
  overflow:visible !important;
  padding-bottom:0 !important;
}

#toolLayout .positionGrid.positionGrid--slider{
  display:contents !important;
}

#toolLayout .positionGrid.positionGrid--slider label,
#toolLayout .mirrorToggle,
#toolLayout .graphicResetButton,
#toolLayout .graphicUndoButton{
  min-width:0 !important;
  min-height:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:10px 10px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.08) !important;
  color:#f3f4f6 !important;
  cursor:pointer !important;
  font:950 12px/1.06 Manrope,system-ui,sans-serif !important;
  text-align:center !important;
  white-space:normal !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}

#toolLayout .positionGrid.positionGrid--slider label span,
#toolLayout .mirrorToggle span{
  color:inherit !important;
  font:inherit !important;
}

#toolLayout .positionGrid.positionGrid--slider label:hover,
#toolLayout .mirrorToggle:hover,
#toolLayout .graphicResetButton:hover,
#toolLayout .graphicUndoButton:hover{
  border-color:rgba(215,255,53,.56) !important;
  background:rgba(215,255,53,.12) !important;
}

#toolLayout .positionGrid.positionGrid--slider label:has(input:checked),
#toolLayout .positionGrid.positionGrid--slider label.is-selected,
#toolLayout .mirrorToggle.is-selected{
  border-color:rgba(215,255,53,.88) !important;
  background:linear-gradient(135deg, rgba(215,255,53,.92), rgba(250,204,21,.86)) !important;
  color:#06120e !important;
  box-shadow:0 0 0 3px rgba(215,255,53,.14), 0 12px 28px rgba(0,0,0,.20) !important;
}

.selectedQuickTools{
  position:fixed !important;
  max-width:calc(100vw - 16px) !important;
  max-height:calc(100vh - 16px) !important;
  z-index:1200 !important;
}

.januszDock,
#januszDock{
  display:none !important;
}

@media (max-width:720px){
  #toolLayout .graphicControlsRow{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow:visible !important;
  }
  #toolLayout .positionGrid.positionGrid--slider label,
  #toolLayout .mirrorToggle,
  #toolLayout .graphicResetButton,
  #toolLayout .graphicUndoButton{
    min-height:48px !important;
    padding:8px 7px !important;
    border-radius:16px !important;
    font-size:10.5px !important;
  }
}



body[data-page-type="twojnosacz"]{
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

body[data-page-type="twojnosacz"] .footer{
  display:block !important;
}

#toolLayout .positionGrid.positionGrid--slider label{
  background:linear-gradient(180deg,#ffffff,#edf3f0) !important;
  color:#111827 !important;
  border-color:rgba(15,23,42,.20) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

#toolLayout .positionGrid.positionGrid--slider label span{
  color:#111827 !important;
  font:950 12px/1.08 Manrope,system-ui,sans-serif !important;
}

#toolLayout .positionGrid.positionGrid--slider label:hover{
  background:linear-gradient(180deg,#ffffff,#f8ffe8) !important;
  color:#06120e !important;
  border-color:rgba(215,255,53,.72) !important;
}

#toolLayout .positionGrid.positionGrid--slider label:has(input:checked),
#toolLayout .positionGrid.positionGrid--slider label.is-selected{
  background:linear-gradient(135deg, rgba(215,255,53,.96), rgba(250,204,21,.90)) !important;
  color:#06120e !important;
  border-color:rgba(215,255,53,.92) !important;
}

#toolLayout .positionGrid.positionGrid--slider label:has(input:checked) span,
#toolLayout .positionGrid.positionGrid--slider label.is-selected span{
  color:#06120e !important;
}

.footer,
.humorDisclaimer{
  position:relative;
  z-index:1;
  width:100%;
  color:var(--nn-ink);
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.footer{
  padding:28px 12px 18px;
  background:linear-gradient(180deg, rgba(5,16,13,.92), rgba(3,10,8,.98));
  border-top:1px solid rgba(255,255,255,.12);
}

.footer__inner,
.humorDisclaimer__inner{
  width:min(1120px,100%);
  margin:0 auto;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:linear-gradient(145deg, rgba(10,38,29,.68), rgba(34,42,38,.42));
  box-shadow:0 20px 54px rgba(0,0,0,.30);
  backdrop-filter:blur(14px) saturate(1.12);
  -webkit-backdrop-filter:blur(14px) saturate(1.12);
}

.footer__inner{
  display:grid;
  gap:18px;
  padding:22px;
}

.footer__nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 10px;
  color:rgba(243,244,246,.38);
  font:900 12px/1.2 Manrope,system-ui,sans-serif;
}

.footer__nav a{
  color:#f3f4f6;
  text-decoration:none;
  opacity:.88;
}

.footer__nav a:hover,
.footer__nav a:focus-visible{
  color:var(--nn-accent);
  opacity:1;
  text-decoration:none;
}

.footer__nav .sep{
  opacity:.28;
}

.footer__small{
  display:grid;
  gap:6px;
  max-width:820px;
  margin:0 auto;
  text-align:center;
  color:rgba(243,244,246,.76);
  font:780 12.5px/1.45 Manrope,system-ui,sans-serif;
}

.footer__small p{
  margin:0;
}

.footer__small .muted{
  color:rgba(243,244,246,.54);
}

.footer__social{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  padding-top:2px;
}

.footer__socialText{
  max-width:520px;
  color:rgba(243,244,246,.74);
  font:850 13px/1.35 Manrope,system-ui,sans-serif;
  text-align:center;
}

.footer__socialIcons{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.footer__socialLink{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.08);
  box-shadow:0 10px 22px rgba(0,0,0,.20);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.footer__socialLink:hover,
.footer__socialLink:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(215,255,53,.62);
  background:rgba(215,255,53,.12);
}

.footer__socialLink img{
  width:34px;
  height:34px;
  object-fit:contain;
  display:block;
}

.footer__copy{
  text-align:center;
  color:rgba(243,244,246,.50);
  font:900 11px/1.2 Manrope,system-ui,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.humorDisclaimer{
  padding:0 12px 28px;
  background:rgba(3,10,8,.98);
}

.humorDisclaimer__inner{
  display:grid;
  gap:10px;
  padding:20px 22px;
  color:rgba(243,244,246,.72);
  font:780 12.5px/1.55 Manrope,system-ui,sans-serif;
}

.humorDisclaimer__inner p{
  margin:0;
}

.humorDisclaimer__inner strong{
  color:var(--nn-accent);
  font-weight:950;
}

@media (max-width:720px){
  #toolLayout .positionGrid.positionGrid--slider label span{
    font-size:10.5px !important;
    line-height:1.08 !important;
  }

  .footer{
    padding:22px 10px 14px;
  }

  .footer__inner,
  .humorDisclaimer__inner{
    border-radius:20px;
    padding:18px 14px;
  }

  .footer__nav{
    gap:7px 8px;
    font-size:11.5px;
  }

  .footer__nav .sep{
    display:none;
  }

  .footer__social{
    gap:12px;
  }

  .footer__socialText,
  .footer__small,
  .humorDisclaimer__inner{
    font-size:12px;
  }
}




.previewSaveRow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin:-2px 0 4px;
  position:relative;
  z-index:14;
}

.previewSaveRow[hidden]{
  display:none!important;
}

.saveDesignBtn--preview,
#saveDesignBtnPreview{
  width:min(100%, 360px)!important;
  min-height:48px!important;
  border-radius:17px!important;
  font-size:14px!important;
  letter-spacing:.035em!important;
  box-shadow:0 12px 28px rgba(215,255,53,.18), 0 6px 0 rgba(0,0,0,.30)!important;
}

.saveDesignBtn--preview:active,
#saveDesignBtnPreview:active{
  transform:translateY(2px);
}

@media (max-width:720px){
  .previewSaveRow{
    margin:0 0 5px;
    z-index:46;
  }

  .saveDesignBtn--preview,
  #saveDesignBtnPreview{
    width:min(92%, 330px)!important;
    min-height:44px!important;
    border-radius:15px!important;
    font-size:12px!important;
    box-shadow:0 10px 24px rgba(215,255,53,.18), 0 5px 0 rgba(0,0,0,.30)!important;
  }

  body.nn-mobile-card-open .previewSaveRow{
    pointer-events:auto!important;
  }
}


@media (max-width:720px){
  .preview-section,
  .preview-glass,
  .stickyLiveStack,
  .tools-drawer{
    transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .22s ease, filter .22s ease, box-shadow .22s ease !important;
  }

  body.nn-mobile-card-open .preview-section{
    position:relative !important;
    z-index:1 !important;
    pointer-events:auto !important;
  }

  body.nn-mobile-card-open .preview-glass,
  body.nn-mobile-card-open .stickyLiveStack,
  body.nn-mobile-card-open .stickyLiveStack.is-floating-preview{
    transform:scale(.90) !important;
    transform-origin:top center !important;
    opacity:.72 !important;
    filter:brightness(.82) saturate(.88) !important;
  }

  body.nn-mobile-card-open .tools-drawer{
    position:relative !important;
    z-index:42 !important;
    transform:translateY(max(-34dvh, -236px)) !important;
    margin-bottom:max(-34dvh, -236px) !important;
    box-shadow:0 28px 90px rgba(0,0,0,.58) !important;
  }

  body.nn-mobile-card-open .tools-drawer::before{
    content:"";
    position:absolute;
    inset:-10px -4px auto;
    height:18px;
    border-radius:999px;
    background:linear-gradient(90deg, transparent, rgba(215,255,53,.30), transparent);
    pointer-events:none;
    opacity:.75;
  }

  body.nn-mobile-card-open .tool-pane{
    max-height:min(72dvh, 640px) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:20px !important;
  }

  body.nn-mobile-card-open .drawer-workspace,
  body.nn-mobile-card-open .smartControls{
    overflow:visible !important;
  }

  body.nn-mobile-card-open #stickerStage{
    cursor:pointer;
  }


  body.nn-keyboard-mode.nn-mobile-card-open .tools-drawer{
    transform:translateY(max(-38dvh, -250px)) !important;
    margin-bottom:max(-38dvh, -250px) !important;
  }

  @media (max-height:620px){
    body.nn-mobile-card-open .tools-drawer{
      transform:translateY(max(-38dvh, -250px)) !important;
      margin-bottom:max(-38dvh, -250px) !important;
    }

    body.nn-mobile-card-open .tool-pane{
      max-height:min(76dvh, 590px) !important;
    }
  }

  body.nn-mobile-card-open #selectedQuickTools{
    z-index:2 !important;
    opacity:.72 !important;
    filter:brightness(.82) saturate(.88) !important;
    transform:scale(.90) !important;
    transform-origin:center center !important;
  }
}



.mockupPeekWidget{
  position:fixed;
  right:0;
  bottom:calc(18px + env(safe-area-inset-bottom));
  z-index:32;
  display:block;
  pointer-events:none;
}
.mockupPeekWidget[hidden]{ display:none!important; }
.mockupPeekTab{
  pointer-events:auto;
  appearance:none;
  display:block;
  width:200px;
  max-width:200px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  transform:translateX(calc(100% - 22px));
  transition:transform .34s ease, filter .24s ease;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.36));
}
.mockupPeekTab img{
  display:block;
  width:200px;
  height:auto;
  border:0;
  background:transparent;
  user-select:none;
  -webkit-user-drag:none;
}
.mockupPeekTab:hover,
.mockupPeekTab:focus-visible{
  transform:translateX(calc(100% - 32px));
  filter:drop-shadow(0 16px 22px rgba(0,0,0,.45));
  outline:none;
}
.mockupPeekWidget.is-open .mockupPeekTab,
.mockupPeekTab.is-open{
  transform:translateX(0);
}
.mockupPeekWidget.is-calling:not(.is-open) .mockupPeekTab{
  animation:mockupPeekCall 3.8s ease-in-out infinite;
}
@keyframes mockupPeekCall{
  0%, 72%, 100%{ transform:translateX(calc(100% - 22px)) rotate(0deg); }
  76%{ transform:translateX(calc(100% - 34px)) rotate(-1.5deg); }
  81%{ transform:translateX(calc(100% - 26px)) rotate(1deg); }
  86%{ transform:translateX(calc(100% - 38px)) rotate(-.7deg); }
  92%{ transform:translateX(calc(100% - 22px)) rotate(0deg); }
}
.mockupModal{
  position:fixed;
  inset:0;
  z-index:130;
  display:grid;
  place-items:center;
  padding:18px;
}
.mockupModal[hidden]{ display:none !important; }
.mockupModal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.mockupModal__dialog{
  position:relative;
  width:min(70vw,602px);
  max-height:min(90dvh,980px);
  overflow:auto;
  padding:20px;
  border:1px solid var(--nn-border-strong);
  border-radius:28px;
  background:linear-gradient(145deg, rgba(10,38,29,.92), rgba(18,28,24,.90));
  box-shadow:var(--nn-shadow);
  color:#fff;
}
.mockupModal__close{
  position:absolute;
  top:12px;
  right:12px;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.10);
  color:#fff;
  font:900 28px/1 Manrope,sans-serif;
  cursor:pointer;
}
.mockupModal__eyebrow{
  display:inline-flex;
  align-items:center;
  margin:0 0 10px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(215,255,53,.36);
  background:rgba(215,255,53,.12);
  color:var(--nn-accent);
  font:950 11px/1 Manrope,sans-serif;
  text-transform:uppercase;
}
.mockupModal__title{
  margin:0;
  padding-right:48px;
  font:950 clamp(22px,3vw,34px)/1.08 "Baloo 2", Manrope, sans-serif;
}
.mockupModal__hint{
  margin:10px 0 16px;
  color:var(--nn-muted);
  font:800 14px/1.45 Manrope,sans-serif;
}
.mockupModal__stage{ display:grid; gap:10px; }
.mockupModal__loading{
  display:grid;
  place-items:center;
  min-height:220px;
  padding:28px 16px;
  border:1px dashed rgba(255,255,255,.16);
  border-radius:24px;
  background:rgba(255,255,255,.06);
  color:var(--nn-accent);
  text-align:center;
  font:900 15px/1.4 Manrope,sans-serif;
}
.mockupModal__image{
  width:100%;
  height:auto;
  display:block;
  border-radius:22px;
  background:#0b1713;
  box-shadow:0 18px 52px rgba(0,0,0,.35);
}
body.nn-mobile-card-open .mockupPeekWidget,
body.nn-tools-drawer-active .mockupPeekWidget,
body.nn-mobile-card-open #selectedQuickTools,
body.nn-tools-drawer-active #selectedQuickTools{
  z-index:2 !important;
}
@media (max-width:720px){
  .mockupPeekWidget{ bottom:calc(128px + env(safe-area-inset-bottom)); }
  .mockupPeekTab{ width:140px; max-width:140px; transform:translateX(calc(100% - 20px)); }
  .mockupPeekTab img{ width:140px; }
  .mockupPeekTab:hover,
  .mockupPeekTab:focus-visible{ transform:translateX(calc(100% - 28px)); }
  @keyframes mockupPeekCall{
    0%, 72%, 100%{ transform:translateX(calc(100% - 20px)) rotate(0deg); }
    76%{ transform:translateX(calc(100% - 30px)) rotate(-1.5deg); }
    81%{ transform:translateX(calc(100% - 24px)) rotate(1deg); }
    86%{ transform:translateX(calc(100% - 34px)) rotate(-.7deg); }
    92%{ transform:translateX(calc(100% - 20px)) rotate(0deg); }
  }
  .mockupModal{ padding:12px; }
  .mockupModal__dialog{ width:min(96vw,560px); padding:16px; border-radius:24px; }
  .mockupModal__title{ font-size:24px; }
}

.mockupModal__loading[hidden]{ display:none !important; }



@media (min-width:721px){
  body[data-page-type="twojnosacz"] .preview-section,
  body[data-page-type="twojnosacz"] .preview-glass,
  body[data-page-type="twojnosacz"] .stickyLiveStack,
  body[data-page-type="twojnosacz"] .tools-drawer{
    transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .22s ease, filter .22s ease, box-shadow .22s ease !important;
  }

  body.nn-desktop-card-open .preview-section{
    z-index:1 !important;
    pointer-events:auto !important;
    transform:translateY(clamp(26px, 4.4vh, 72px)) !important;
  }

  body.nn-desktop-card-open .preview-glass,
  body.nn-desktop-card-open .stickyLiveStack,
  body.nn-desktop-card-open .stickyLiveStack.is-floating-preview{
    transform:translateY(clamp(14px, 2.8vh, 46px)) scale(.925) !important;
    transform-origin:top center !important;
    opacity:.72 !important;
    filter:brightness(.84) saturate(.90) !important;
  }

  body.nn-desktop-card-open .tools-drawer{
    position:relative !important;
    z-index:48 !important;
    transform:translateY(clamp(-178px, -13vh, -88px)) !important;
    margin-bottom:clamp(-178px, -13vh, -88px) !important;
    box-shadow:0 30px 96px rgba(0,0,0,.62) !important;
  }

  body.nn-desktop-card-open .tools-drawer::before{
    content:"";
    position:absolute;
    inset:-10px -4px auto;
    height:18px;
    border-radius:999px;
    background:linear-gradient(90deg, transparent, rgba(215,255,53,.30), transparent);
    pointer-events:none;
    opacity:.75;
  }

  body.nn-desktop-card-open .tool-tabs{
    position:relative !important;
    z-index:52 !important;
  }

  body.nn-desktop-card-open .tool-pane{
    max-height:none !important;
    overflow:visible !important;
  }

  body.nn-desktop-card-open #stickerStage{
    cursor:pointer;
  }

  body.nn-desktop-card-open #selectedQuickTools,
  body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-pinned-to-preview="1"]{
    z-index:1202 !important;
    opacity:1 !important;
    filter:none !important;
  }
}

body[data-page-type="twojnosacz"] .footer__inner,
body[data-page-type="twojnosacz"] .humorDisclaimer__inner{
  width:var(--nn-shell-w) !important;
  max-width:var(--nn-shell-w) !important;
}

body[data-page-type="twojnosacz"] .footer,
body[data-page-type="twojnosacz"] .humorDisclaimer{
  padding-left:16px !important;
  padding-right:16px !important;
}

@media (max-width:720px){
  body[data-page-type="twojnosacz"] .footer,
  body[data-page-type="twojnosacz"] .humorDisclaimer{
    padding-left:8px !important;
    padding-right:8px !important;
  }
}



body[data-page-type="twojnosacz"] #smartText{
  background:
    linear-gradient(90deg, rgba(239,68,68,.30) 0 2px, transparent 2px 100%) 22px 0/100% 100% no-repeat,
    repeating-linear-gradient(to bottom, #ffffff 0 34px, #dbeafe 35px, #ffffff 36px) !important;
  color:#0f172a !important;
  caret-color:#0f172a !important;
  border-color:rgba(255,255,255,.92) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 12px 32px rgba(0,0,0,.18) !important;
  text-shadow:none !important;
  padding:15px 16px 15px 34px !important;
  line-height:34px !important;
  letter-spacing:.02em !important;
}

body[data-page-type="twojnosacz"] #smartText::placeholder{
  color:rgba(15,23,42,.46) !important;
  text-shadow:none !important;
}

body[data-page-type="twojnosacz"] #smartText:focus{
  border-color:rgba(215,255,53,.96) !important;
  box-shadow:0 0 0 4px rgba(215,255,53,.18), inset 0 1px 0 rgba(255,255,255,.95), 0 16px 38px rgba(0,0,0,.24) !important;
}

@media (min-width:721px){
  body[data-page-type="twojnosacz"] .tool-tab{
    min-height:60px !important;
    padding:8px 8px !important;
    gap:5px !important;
  }

  body[data-page-type="twojnosacz"] .tool-tab strong{
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
    hyphens:none !important;
    font-size:clamp(9px,.74vw,12px) !important;
    line-height:1 !important;
    letter-spacing:-.025em !important;
  }

  body[data-page-type="twojnosacz"] .tool-tab[data-tool-tab="layout"] strong,
  body[data-page-type="twojnosacz"] .tool-tab[data-tool-tab="color"] strong{
    font-size:clamp(8px,.68vw,11px) !important;
    letter-spacing:-.05em !important;
  }

  body[data-page-type="twojnosacz"] .tool-tab[data-tool-tab="color"] strong{
    max-width:none !important;
    text-wrap:nowrap !important;
  }

  body.nn-desktop-card-open[data-desktop-card-tool="text"] .preview-section,
  body.nn-desktop-card-open[data-desktop-card-tool="layout"] .preview-section,
  body.nn-desktop-card-open[data-desktop-card-tool="color"] .preview-section,
  body.nn-desktop-card-open[data-desktop-card-tool="text"] .preview-glass,
  body.nn-desktop-card-open[data-desktop-card-tool="layout"] .preview-glass,
  body.nn-desktop-card-open[data-desktop-card-tool="color"] .preview-glass,
  body.nn-desktop-card-open[data-desktop-card-tool="text"] .stickyLiveStack,
  body.nn-desktop-card-open[data-desktop-card-tool="layout"] .stickyLiveStack,
  body.nn-desktop-card-open[data-desktop-card-tool="color"] .stickyLiveStack,
  body.nn-desktop-card-open[data-desktop-card-tool="text"] .tools-drawer,
  body.nn-desktop-card-open[data-desktop-card-tool="layout"] .tools-drawer,
  body.nn-desktop-card-open[data-desktop-card-tool="color"] .tools-drawer{
    transform:none !important;
    margin-bottom:0 !important;
    opacity:1 !important;
    filter:none !important;
  }
}

@media (max-width:720px){
  body[data-page-type="twojnosacz"] .tool-tab{
    min-height:66px !important;
    padding:7px 3px !important;
    gap:3px !important;
  }

  body[data-page-type="twojnosacz"] .tool-tab strong{
    display:block !important;
    max-width:64px !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
    text-wrap:balance !important;
    hyphens:none !important;
    font-size:9.2px !important;
    line-height:1.04 !important;
    letter-spacing:-.025em !important;
  }

  body[data-page-type="twojnosacz"] .tool-tab[data-tool-tab="graphic"] strong{
    max-width:58px !important;
  }

  body[data-page-type="twojnosacz"] .tool-tab[data-tool-tab="text"] strong{
    max-width:52px !important;
  }

  body[data-page-type="twojnosacz"] .tool-tab[data-tool-tab="layout"] strong{
    max-width:100% !important;
    font-size:7.4px !important;
    line-height:1.06 !important;
    letter-spacing:-.065em !important;
  }

  body[data-page-type="twojnosacz"] .tool-tab[data-tool-tab="color"] strong{
    max-width:64px !important;
    font-size:8.2px !important;
    line-height:1.03 !important;
    letter-spacing:-.04em !important;
  }

  body[data-page-type="twojnosacz"] #smartText{
    min-height:124px !important;
    padding-left:32px !important;
    line-height:32px !important;
    background:
      linear-gradient(90deg, rgba(239,68,68,.30) 0 2px, transparent 2px 100%) 20px 0/100% 100% no-repeat,
      repeating-linear-gradient(to bottom, #ffffff 0 32px, #dbeafe 33px, #ffffff 34px) !important;
  }
}



body[data-page-type="twojnosacz"] .resultThumbWrap.resultPreviewGallery,
body[data-page-type="twojnosacz"] .resultPreviewGallery{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-content:start;
}

body[data-page-type="twojnosacz"] .savedPreviewButton{
  appearance:none;
  display:grid;
  gap:8px;
  width:100%;
  padding:8px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
  text-align:left;
}

body[data-page-type="twojnosacz"] .savedPreviewButton:hover,
body[data-page-type="twojnosacz"] .savedPreviewButton:focus-visible{
  border-color:rgba(215,255,53,.70);
  box-shadow:0 18px 42px rgba(0,0,0,.28), 0 0 0 4px rgba(215,255,53,.12);
  outline:none;
}

body[data-page-type="twojnosacz"] .savedPreviewButton img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:16px;
  background:#fff;
}

body[data-page-type="twojnosacz"] .savedPreviewButton span{
  color:rgba(243,244,246,.82);
  font:950 11px/1.15 Manrope,system-ui,sans-serif;
  text-align:center;
}

body[data-page-type="twojnosacz"] .allegroOrderBanner{
  display:grid;
  gap:4px;
  margin-top:12px;
  padding:15px 16px;
  border:1px solid rgba(215,255,53,.58);
  border-radius:20px;
  background:linear-gradient(135deg, rgba(215,255,53,.22), rgba(250,204,21,.16));
  color:#fff;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12);
}

body[data-page-type="twojnosacz"] .allegroOrderBanner strong{
  color:var(--nn-accent);
  font:1000 14px/1.15 Manrope,system-ui,sans-serif;
}

body[data-page-type="twojnosacz"] .allegroOrderBanner span{
  color:rgba(243,244,246,.78);
  font:850 12px/1.25 Manrope,system-ui,sans-serif;
}

@media (max-width:720px){
  body[data-page-type="twojnosacz"] .footer__nav .sep{
    display:inline-flex !important;
    align-items:center;
    opacity:.36 !important;
  }
  body[data-page-type="twojnosacz"] .resultThumbWrap.resultPreviewGallery,
  body[data-page-type="twojnosacz"] .resultPreviewGallery{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }
  body[data-page-type="twojnosacz"] .savedPreviewButton{
    padding:6px;
    border-radius:18px;
  }
  body[data-page-type="twojnosacz"] .savedPreviewButton img{
    border-radius:13px;
  }
  body[data-page-type="twojnosacz"] .savedPreviewButton span{
    font-size:10px;
  }
}


body[data-page-type="twojnosacz"] .preview-section,
body[data-page-type="twojnosacz"] .preview-glass,
body[data-page-type="twojnosacz"] .stickyLiveStack{
  overflow:visible !important;
}

body[data-page-type="twojnosacz"] .stickerStage{
  overflow:visible !important;
}

body[data-page-type="twojnosacz"] .liveSvg{
  border-radius:inherit;
  overflow:hidden;
}

body[data-page-type="twojnosacz"] .ruler{
  z-index:12 !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}

body[data-page-type="twojnosacz"] .ruler--w{
  top:auto !important;
  bottom:calc(100% + 6px) !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}

body[data-page-type="twojnosacz"] .ruler--h{
  top:50% !important;
  right:auto !important;
  left:calc(100% + 6px) !important;
  transform:translateY(-50%) !important;
}

@media (max-width:720px){
  body[data-page-type="twojnosacz"] .stickerStage.is-landscape{
    width:min(calc(100vw - 76px), 720px) !important;
    max-width:min(calc(100vw - 76px), 720px) !important;
  }

  body[data-page-type="twojnosacz"] .ruler--w{
    bottom:calc(100% + 4px) !important;
  }

  body[data-page-type="twojnosacz"] .ruler--h{
    left:calc(100% + 4px) !important;
  }
}



body[data-page-type="twojnosacz"] .selectedQuickTools__btn.is-limit-hit{
  border-color:rgba(248,113,113,.95) !important;
  background:linear-gradient(135deg, rgba(239,68,68,.95), rgba(127,29,29,.92)) !important;
  color:#ffffff !important;
  box-shadow:0 0 0 5px rgba(248,113,113,.18), 0 12px 28px rgba(127,29,29,.42) !important;
  animation:nnLimitHitPulse .56s ease-out both;
}

@keyframes nnLimitHitPulse{
  0%{ transform:scale(1); }
  30%{ transform:scale(1.10); }
  100%{ transform:scale(1); }
}

body[data-page-type="twojnosacz"] .savedPreviewButton{
  border-color:rgba(215,255,53,.42) !important;
  background:linear-gradient(135deg, rgba(215,255,53,.24), rgba(250,204,21,.16)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

body[data-page-type="twojnosacz"] .savedPreviewButton img{
  background:linear-gradient(135deg, var(--nn-accent), var(--nn-warm)) !important;
  border:1px solid rgba(255,255,255,.24);
}

body[data-page-type="twojnosacz"] .ruler{
  color:#111827 !important;
  text-shadow:none !important;
}

body[data-page-type="twojnosacz"] #finishOneBtn{
  border:0 !important;
  background:linear-gradient(135deg, var(--nn-accent), var(--nn-warm)) !important;
  color:#111827 !important;
  font-weight:1000 !important;
  box-shadow:0 14px 34px rgba(215,255,53,.20), 0 8px 0 rgba(0,0,0,.32) !important;
}

body[data-page-type="twojnosacz"] #finishOneBtn:active{
  transform:translateY(2px);
  box-shadow:0 10px 24px rgba(215,255,53,.16), 0 5px 0 rgba(0,0,0,.34) !important;
}



body[data-page-type="twojnosacz"] .stickyLiveStack,
body[data-page-type="twojnosacz"] .preview-glass{
  position:relative !important;
}

body[data-page-type="twojnosacz"] #selectedQuickTools{
  position:absolute !important;
  z-index:24 !important;
  max-width:calc(100% - 18px) !important;
}

body[data-page-type="twojnosacz"] .selectedQuickTools__btn--delete{
  color:#fecdd3 !important;
  border-color:rgba(248,113,113,.36) !important;
  background:rgba(248,113,113,.12) !important;
}

body[data-page-type="twojnosacz"] .selectedQuickTools__btn--delete:hover,
body[data-page-type="twojnosacz"] .selectedQuickTools__btn--delete:focus-visible{
  border-color:rgba(248,113,113,.82) !important;
  background:rgba(248,113,113,.22) !important;
}

body[data-page-type="twojnosacz"] .groupTab[data-group="sam_tekst"],
body[data-page-type="twojnosacz"] .groupTab--textOnly{
  border-color:rgba(215,255,53,.70) !important;
  background:linear-gradient(135deg, rgba(215,255,53,.24), rgba(250,204,21,.16)) !important;
  color:#ffffff !important;
  box-shadow:0 0 24px rgba(215,255,53,.13) !important;
  font-weight:1000 !important;
}

body[data-page-type="twojnosacz"] .groupTab[data-group="sam_tekst"].is-active,
body[data-page-type="twojnosacz"] .groupTab--textOnly.is-active{
  color:#111827 !important;
  background:linear-gradient(135deg, var(--nn-accent), var(--nn-warm)) !important;
  border-color:rgba(215,255,53,.92) !important;
}

@media (max-width:720px){
  body[data-page-type="twojnosacz"] .groupTab[data-group="sam_tekst"],
  body[data-page-type="twojnosacz"] .groupTab--textOnly{
    white-space:normal !important;
    line-height:1.05 !important;
    max-width:142px !important;
    text-align:center !important;
  }
}


body[data-page-type="twojnosacz"] .mockupModal.mockupModal--notice .mockupModal__dialog{
  width:min(94vw,620px) !important;
  border-color:rgba(250,204,21,.42) !important;
  background:linear-gradient(145deg, rgba(11,23,19,.98), rgba(26,32,28,.96)) !important;
}

body[data-page-type="twojnosacz"] .mockupModal.mockupModal--notice .mockupModal__eyebrow{
  color:#111827 !important;
  background:linear-gradient(135deg, var(--nn-accent), var(--nn-warm)) !important;
  border-radius:999px !important;
  display:inline-flex !important;
  width:max-content !important;
  padding:7px 11px !important;
}

body[data-page-type="twojnosacz"] .mockupModal.mockupModal--notice .mockupModal__hint{
  font-size:16px !important;
  line-height:1.55 !important;
  color:rgba(255,255,255,.88) !important;
}

body[data-page-type="twojnosacz"] .mockupModal.mockupModal--notice .mockupModal__stage:empty,
body[data-page-type="twojnosacz"] .mockupModal.mockupModal--notice .mockupModal__image[hidden] + *{
  display:none !important;
}


body[data-page-type="twojnosacz"] .liveGraphicUndoBtn{
  white-space:nowrap;
  padding:8px 12px;
  font:950 11px/1 Manrope,sans-serif;
}


#toolText .textInspirationBox{
  order:3 !important;
  margin:4px 0 2px !important;
}
#toolText .textLayoutTools{
  order:4 !important;
}
#toolText .font-card{
  order:5 !important;
}
.textInspirationToggle{
  position:relative !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  min-height:76px !important;
  padding:14px 16px !important;
  border:2px solid rgba(215,255,53,.82) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.28), transparent 32%),
    linear-gradient(135deg, rgba(215,255,53,.96), rgba(250,204,21,.88)) !important;
  color:#06120e !important;
  text-align:left !important;
  box-shadow:0 16px 36px rgba(0,0,0,.30), 0 0 28px rgba(215,255,53,.20) !important;
  transform:translateZ(0);
}
.textInspirationToggle::after{
  content:"SPRAWDŹ";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(6,18,14,.92);
  color:var(--nn-accent);
  font:950 10px/1 Manrope,sans-serif;
  letter-spacing:.04em;
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}
.textInspirationToggle:hover,
.textInspirationToggle:focus-visible,
.textInspirationToggle[aria-expanded="true"]{
  outline:none !important;
  border-color:#fff176 !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.36), transparent 34%),
    linear-gradient(135deg, #d7ff35, #facc15) !important;
  color:#06120e !important;
  box-shadow:0 18px 42px rgba(0,0,0,.34), 0 0 36px rgba(215,255,53,.30) !important;
}
.textInspirationBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(6,18,14,.12);
  border:1px solid rgba(6,18,14,.18);
  color:#06120e;
  font:950 11px/1 Manrope,sans-serif;
  text-transform:uppercase;
  white-space:nowrap;
}
.textInspirationCopy{
  display:grid;
  gap:3px;
  min-width:0;
}
.textInspirationCopy strong{
  display:block;
  color:#06120e;
  font:950 clamp(15px,2.1vw,18px)/1.08 Manrope,sans-serif;
  letter-spacing:-.01em;
}
.textInspirationCopy small{
  display:block;
  color:rgba(6,18,14,.76);
  font:850 12px/1.18 Manrope,sans-serif;
}
.textInspirationList{
  border-color:rgba(215,255,53,.28) !important;
  background:linear-gradient(180deg, rgba(6,18,14,.92), rgba(5,16,13,.80)) !important;
}
@media (max-width:720px){
  .textInspirationToggle{
    grid-template-columns:1fr !important;
    gap:8px !important;
    min-height:0 !important;
    padding:13px !important;
  }
  .textInspirationToggle::after{
    justify-self:start;
    min-height:30px;
    padding:7px 10px;
  }
  .textInspirationBadge{
    justify-self:start;
    white-space:normal;
  }
  .textInspirationCopy strong{
    font-size:15px;
    line-height:1.12;
  }
  .textInspirationCopy small{
    font-size:11px;
  }
}



body[data-page-type="twojnosacz"] .januszMini,
body[data-page-type="twojnosacz"] #januszPanel.januszMini{
  display:grid !important;
  grid-template-columns:116px minmax(0, 1fr) !important;
  align-items:center !important;
  gap:16px !important;
  padding:16px !important;
  border-radius:26px !important;
}
body[data-page-type="twojnosacz"] .januszAvatarWrap{
  width:116px !important;
  min-width:116px !important;
  height:116px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body[data-page-type="twojnosacz"] .januszAvatar,
body[data-page-type="twojnosacz"] #januszAvatar{
  width:116px !important;
  height:116px !important;
  max-width:116px !important;
  max-height:116px !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.38)) !important;
}
body[data-page-type="twojnosacz"] .januszChat{
  min-width:0 !important;
  display:grid !important;
  align-content:center !important;
  gap:7px !important;
}
body[data-page-type="twojnosacz"] .januszRole{
  margin:0 !important;
  color:var(--nn-accent) !important;
  font:1000 12px/1.08 Manrope, system-ui, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
}
body[data-page-type="twojnosacz"] .januszText,
body[data-page-type="twojnosacz"] #januszText{
  color:#fff !important;
  font:900 15px/1.34 Manrope, system-ui, sans-serif !important;
  white-space:pre-line !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  text-wrap:pretty;
}
body[data-page-type="twojnosacz"] .januszText.is-warning,
body[data-page-type="twojnosacz"] #januszText.is-warning{
  color:#fecdd3 !important;
}
body[data-page-type="twojnosacz"] .januszCursor{
  display:none !important;
}
@media (min-width:900px){
  body[data-page-type="twojnosacz"] .januszMini,
  body[data-page-type="twojnosacz"] #januszPanel.januszMini{
    grid-template-columns:136px minmax(0, 1fr) !important;
    gap:22px !important;
    padding:22px !important;
  }
  body[data-page-type="twojnosacz"] .januszAvatarWrap{
    width:136px !important;
    min-width:136px !important;
    height:136px !important;
  }
  body[data-page-type="twojnosacz"] .januszAvatar,
  body[data-page-type="twojnosacz"] #januszAvatar{
    width:136px !important;
    height:136px !important;
    max-width:136px !important;
    max-height:136px !important;
  }
  body[data-page-type="twojnosacz"] .januszRole{
    font-size:20px !important;
    line-height:1.05 !important;
  }
  body[data-page-type="twojnosacz"] .januszText,
  body[data-page-type="twojnosacz"] #januszText{
    font-size:24px !important;
    line-height:1.26 !important;
    letter-spacing:-.01em !important;
  }
}
@media (max-width:520px){
  body[data-page-type="twojnosacz"] .januszMini,
  body[data-page-type="twojnosacz"] #januszPanel.januszMini{
    grid-template-columns:92px minmax(0, 1fr) !important;
    gap:12px !important;
    padding:13px !important;
  }
  body[data-page-type="twojnosacz"] .januszAvatarWrap{
    width:92px !important;
    min-width:92px !important;
    height:92px !important;
  }
  body[data-page-type="twojnosacz"] .januszAvatar,
  body[data-page-type="twojnosacz"] #januszAvatar{
    width:92px !important;
    height:92px !important;
    max-width:92px !important;
    max-height:92px !important;
  }
  body[data-page-type="twojnosacz"] .januszRole{
    font-size:10px !important;
    line-height:1.12 !important;
  }
  body[data-page-type="twojnosacz"] .januszText,
  body[data-page-type="twojnosacz"] #januszText{
    font-size:13px !important;
    line-height:1.28 !important;
  }
}



body[data-page-type="twojnosacz"] .januszMini,
body[data-page-type="twojnosacz"] #januszPanel.januszMini{
  align-items:start !important;
}

body[data-page-type="twojnosacz"] .januszAvatarWrap,
body[data-page-type="twojnosacz"] #januszPanel .januszAvatarWrap{
  border-radius:999px !important;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.72), rgba(255,246,168,.96) 28%, rgba(215,255,53,.96) 62%, rgba(250,204,21,.94) 100%) !important;
  border:2px solid rgba(215,255,53,.96) !important;
  box-shadow:
    0 0 0 5px rgba(215,255,53,.12),
    0 18px 38px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.38) !important;
  overflow:hidden !important;
}

body[data-page-type="twojnosacz"] .januszAvatar,
body[data-page-type="twojnosacz"] #januszAvatar{
  width:88% !important;
  height:88% !important;
  max-width:88% !important;
  max-height:88% !important;
  margin:auto !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  object-fit:contain !important;
  transform-origin:50% 92% !important;
  filter:drop-shadow(0 10px 15px rgba(0,0,0,.42)) !important;
}

body[data-page-type="twojnosacz"] .januszAvatar.is-talking,
body[data-page-type="twojnosacz"] #januszAvatar.is-talking{
  animation:januszTalkWiggle .78s ease-in-out infinite !important;
}

body[data-page-type="twojnosacz"] .januszAvatarWrap:has(.januszAvatar.is-talking),
body[data-page-type="twojnosacz"] #januszPanel .januszAvatarWrap:has(#januszAvatar.is-talking){
  animation:januszCirclePulse 1.15s ease-in-out infinite !important;
}

@keyframes januszTalkWiggle{
  0%,100%{ transform:translateY(0) rotate(0deg) scale(1); }
  25%{ transform:translateY(-2px) rotate(-2deg) scale(1.025); }
  50%{ transform:translateY(0) rotate(1.5deg) scale(1.01); }
  75%{ transform:translateY(-1px) rotate(-1deg) scale(1.02); }
}

@keyframes januszCirclePulse{
  0%,100%{ box-shadow:0 0 0 5px rgba(215,255,53,.12), 0 18px 38px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.38); }
  50%{ box-shadow:0 0 0 9px rgba(215,255,53,.22), 0 22px 48px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.50); }
}

body[data-page-type="twojnosacz"] .januszCoachControls,
body[data-page-type="twojnosacz"] #januszCoachControls{
  grid-column:1 / -1 !important;
  width:100% !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:10px !important;
  overflow:visible !important;
  padding:12px 0 0 !important;
  margin:2px 0 0 !important;
}

body[data-page-type="twojnosacz"] .januszCoachControls .januszCoachBtn,
body[data-page-type="twojnosacz"] #januszCoachControls .januszCoachBtn{
  flex:1 1 220px !important;
  min-width:0 !important;
  width:auto !important;
  min-height:54px !important;
  padding:12px 16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:18px !important;
  white-space:normal !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-align:center !important;
  color:#fff !important;
  font:950 14px/1.12 Manrope,system-ui,sans-serif !important;
  letter-spacing:.005em !important;
}

body[data-page-type="twojnosacz"] .januszCoachControls .januszCoachBtn--primary,
body[data-page-type="twojnosacz"] #januszCoachControls .januszCoachBtn--primary{
  background:linear-gradient(135deg, var(--nn-accent), var(--nn-warm)) !important;
  color:#06120e !important;
  border-color:transparent !important;
  box-shadow:0 12px 26px rgba(215,255,53,.18) !important;
}

body[data-page-type="twojnosacz"] .januszCoachControls .januszCoachBtn--ghost,
body[data-page-type="twojnosacz"] #januszCoachControls .januszCoachBtn--ghost{
  border-color:rgba(215,255,53,.34) !important;
  color:var(--nn-accent) !important;
}

body[data-page-type="twojnosacz"] .januszCoachControls .januszCoachBtn--mini,
body[data-page-type="twojnosacz"] #januszCoachControls .januszCoachBtn--mini{
  flex:0 0 64px !important;
  min-width:64px !important;
  max-width:74px !important;
  padding:10px !important;
}

body[data-page-type="twojnosacz"] .januszCoachControls .januszCoachBtn--mini .coachBtnText,
body[data-page-type="twojnosacz"] #januszCoachControls .januszCoachBtn--mini .coachBtnText{
  display:none !important;
}

body[data-page-type="twojnosacz"] .januszCoachControls .coachBtnIcon,
body[data-page-type="twojnosacz"] #januszCoachControls .coachBtnIcon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:24px !important;
  line-height:1 !important;
}

@media (min-width:900px){
  body[data-page-type="twojnosacz"] .januszMini,
  body[data-page-type="twojnosacz"] #januszPanel.januszMini{
    grid-template-columns:150px minmax(0,1fr) !important;
  }
  body[data-page-type="twojnosacz"] .januszAvatarWrap,
  body[data-page-type="twojnosacz"] #januszPanel .januszAvatarWrap{
    width:150px !important;
    min-width:150px !important;
    height:150px !important;
  }
  body[data-page-type="twojnosacz"] .januszCoachControls,
  body[data-page-type="twojnosacz"] #januszCoachControls{
    gap:12px !important;
  }
  body[data-page-type="twojnosacz"] .januszCoachControls .januszCoachBtn,
  body[data-page-type="twojnosacz"] #januszCoachControls .januszCoachBtn{
    min-height:58px !important;
    font-size:15px !important;
  }
}

@media (max-width:720px){
  body[data-page-type="twojnosacz"] .januszCoachControls,
  body[data-page-type="twojnosacz"] #januszCoachControls{
    gap:8px !important;
    padding-top:10px !important;
  }
  body[data-page-type="twojnosacz"] .januszCoachControls .januszCoachBtn,
  body[data-page-type="twojnosacz"] #januszCoachControls .januszCoachBtn{
    flex:1 1 calc(50% - 6px) !important;
    min-height:48px !important;
    padding:10px 9px !important;
    border-radius:15px !important;
    font-size:12px !important;
    line-height:1.12 !important;
  }
  body[data-page-type="twojnosacz"] .januszCoachControls .januszCoachBtn--mini,
  body[data-page-type="twojnosacz"] #januszCoachControls .januszCoachBtn--mini{
    flex:1 1 calc(33.333% - 6px) !important;
    max-width:none !important;
    min-width:0 !important;
  }
}

@media (max-width:520px){
  body[data-page-type="twojnosacz"] .januszMini,
  body[data-page-type="twojnosacz"] #januszPanel.januszMini{
    grid-template-columns:96px minmax(0,1fr) !important;
  }
  body[data-page-type="twojnosacz"] .januszAvatarWrap,
  body[data-page-type="twojnosacz"] #januszPanel .januszAvatarWrap{
    width:96px !important;
    min-width:96px !important;
    height:96px !important;
  }
  body[data-page-type="twojnosacz"] .januszCoachControls .januszCoachBtn,
  body[data-page-type="twojnosacz"] #januszCoachControls .januszCoachBtn{
    flex-basis:100% !important;
    min-height:46px !important;
  }
  body[data-page-type="twojnosacz"] .januszCoachControls .januszCoachBtn--mini,
  body[data-page-type="twojnosacz"] #januszCoachControls .januszCoachBtn--mini{
    flex-basis:calc(33.333% - 6px) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body[data-page-type="twojnosacz"] .januszAvatar.is-talking,
  body[data-page-type="twojnosacz"] #januszAvatar.is-talking,
  body[data-page-type="twojnosacz"] .januszAvatarWrap:has(.januszAvatar.is-talking),
  body[data-page-type="twojnosacz"] #januszPanel .januszAvatarWrap:has(#januszAvatar.is-talking){
    animation:none !important;
  }
}



body[data-page-type="twojnosacz"] #januszTutorialFull,
body[data-page-type="twojnosacz"] .januszTutorialFull{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  display:block !important;
  margin:16px 0 0 !important;
  padding:0 !important;
  clear:both !important;
  overflow:visible !important;
}

body[data-page-type="twojnosacz"] #januszTutorialFull[hidden],
body[data-page-type="twojnosacz"] .januszTutorialFull[hidden]{
  display:none !important;
}

body[data-page-type="twojnosacz"] .januszTutorialFull__box{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  padding:18px !important;
  border:1px solid rgba(215,255,53,.24) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
  overflow:visible !important;
}

body[data-page-type="twojnosacz"] .januszTutorialFull__box > strong{
  display:block !important;
  margin:0 0 14px !important;
  color:var(--nn-accent) !important;
  font:950 18px/1.15 Manrope,system-ui,sans-serif !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
}

body[data-page-type="twojnosacz"] .januszTutorialFull__text{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  columns:auto !important;
  column-count:1 !important;
  white-space:normal !important;
  color:#fff !important;
  font:850 15px/1.48 Manrope,system-ui,sans-serif !important;
  overflow:visible !important;
}

body[data-page-type="twojnosacz"] .januszTutorialList{
  width:100% !important;
  max-width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

body[data-page-type="twojnosacz"] .januszTutorialList li{
  width:100% !important;
  max-width:100% !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:16px !important;
  background:rgba(0,0,0,.12) !important;
  color:#fff !important;
  white-space:normal !important;
  overflow:visible !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
}

body[data-page-type="twojnosacz"] .januszTutorialList li strong{
  min-width:2.2em !important;
  color:var(--nn-accent) !important;
  font:950 15px/1.45 Manrope,system-ui,sans-serif !important;
  text-align:right !important;
}

body[data-page-type="twojnosacz"] .januszTutorialList li span{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  color:#fff !important;
  font:850 15px/1.48 Manrope,system-ui,sans-serif !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
}

body[data-page-type="twojnosacz"] .januszTutorialFull__bar{
  display:none !important;
}

body[data-page-type="twojnosacz"] .januszTutorialFull__box > .januszCoachBtn{
  width:100% !important;
  margin-top:14px !important;
  min-height:52px !important;
}

@media (min-width:900px){
  body[data-page-type="twojnosacz"] .januszTutorialFull__box{
    padding:22px !important;
  }
  body[data-page-type="twojnosacz"] .januszTutorialFull__text{
    font-size:18px !important;
    line-height:1.5 !important;
  }
  body[data-page-type="twojnosacz"] .januszTutorialList{
    gap:14px !important;
  }
  body[data-page-type="twojnosacz"] .januszTutorialList li{
    padding:14px 16px !important;
  }
  body[data-page-type="twojnosacz"] .januszTutorialList li strong,
  body[data-page-type="twojnosacz"] .januszTutorialList li span{
    font-size:18px !important;
    line-height:1.5 !important;
  }
}

@media (max-width:520px){
  body[data-page-type="twojnosacz"] #januszTutorialFull,
  body[data-page-type="twojnosacz"] .januszTutorialFull{
    margin-top:12px !important;
  }
  body[data-page-type="twojnosacz"] .januszTutorialFull__box{
    padding:12px !important;
    border-radius:18px !important;
  }
  body[data-page-type="twojnosacz"] .januszTutorialFull__box > strong{
    font-size:13px !important;
    line-height:1.15 !important;
  }
  body[data-page-type="twojnosacz"] .januszTutorialList{
    gap:9px !important;
  }
  body[data-page-type="twojnosacz"] .januszTutorialList li{
    grid-template-columns:auto minmax(0,1fr) !important;
    gap:7px !important;
    padding:10px !important;
    border-radius:14px !important;
  }
  body[data-page-type="twojnosacz"] .januszTutorialList li strong{
    min-width:1.6em !important;
    font-size:13px !important;
    line-height:1.42 !important;
  }
  body[data-page-type="twojnosacz"] .januszTutorialList li span{
    font-size:13px !important;
    line-height:1.42 !important;
  }
}



body[data-page-type="twojnosacz"] .mockupModal.mockupModal--notice .mockupModal__stage,
body[data-page-type="twojnosacz"] .mockupModal.mockupModal--notice .mockupModal__image,
body[data-page-type="twojnosacz"] .mockupModal.mockupModal--notice .mockupModal__loading{
  display:none !important;
}


.layoutThinkingIndicator{
  position:absolute !important;
  inset:auto 12px 12px auto !important;
  z-index:30 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  max-width:calc(100% - 24px) !important;
  padding:9px 12px !important;
  border:1px solid rgba(15,23,42,.18) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.94) !important;
  color:#0f172a !important;
  box-shadow:0 12px 30px rgba(0,0,0,.20) !important;
  font:950 11px/1.1 Manrope,system-ui,sans-serif !important;
  pointer-events:none !important;
}
.layoutThinkingIndicator[hidden]{ display:none !important; }
.layoutThinkingIndicator span{
  display:inline-grid !important;
  place-items:center !important;
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  background:rgba(215,255,53,.42) !important;
  animation:nnHourglassSpin 1s linear infinite !important;
}
@keyframes nnHourglassSpin{ to{ transform:rotate(360deg); } }
body.nn-layout-thinking .stickerStage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  background:rgba(255,255,255,.08);
  pointer-events:none;
}

#selectedQuickTools[data-nn-outside-stage="1"]{
  position:fixed !important;
  z-index:1600 !important;
  transform:translateX(4px) !important;
}

@media (min-width:721px){
  body.nn-desktop-card-open .app-container{
    grid-template-rows:minmax(230px,38dvh) minmax(0,1fr) !important;
  }
  body.nn-desktop-card-open .preview-section{
    transform:translateY(-8px) scale(.90) !important;
    transform-origin:center top !important;
    opacity:.96 !important;
    z-index:1 !important;
  }
  body.nn-desktop-card-open .tools-drawer{
    width:min(980px,96vw) !important;
    margin:0 auto !important;
    align-self:end !important;
    z-index:80 !important;
    border-radius:30px 30px 0 0 !important;
    box-shadow:0 -18px 70px rgba(0,0,0,.45) !important;
  }
  body.nn-desktop-card-open .drawer-workspace,
  body.nn-desktop-card-open .smartControls{
    min-height:0 !important;
  }
  body.nn-desktop-card-open .tool-pane.is-active{
    max-height:48dvh !important;
    overflow:auto !important;
  }
}


#selectedQuickTools[data-nn-outside-stage="1"]{
  transform:none !important;
}

#selectedQuickTools.is-vertical{
  transform:none !important;
}

@media (max-width:720px){
  #selectedQuickTools[data-nn-outside-stage="1"]{
    z-index:1700 !important;
  }
  #selectedQuickTools.is-vertical{
    gap:4px !important;
    padding:4px !important;
  }
}

@media (min-width:721px){
  body.nn-desktop-card-open .app-container{
    grid-template-rows:var(--nn-preview-h) minmax(0,1fr) !important;
  }

  body.nn-desktop-card-open .preview-section{
    transform:none !important;
    transform-origin:center top !important;
    opacity:1 !important;
    z-index:1 !important;
  }

  body.nn-desktop-card-open .preview-glass,
  body.nn-desktop-card-open .stickyLiveStack,
  body.nn-desktop-card-open .stickyLiveStack.is-floating-preview{
    transform:none !important;
    opacity:.94 !important;
    filter:brightness(.95) saturate(.95) !important;
  }

  body.nn-desktop-card-open .tools-drawer{
    width:min(1120px,96vw) !important;
    margin:0 auto clamp(-310px, -24vh, -170px) !important;
    align-self:auto !important;
    position:relative !important;
    z-index:220 !important;
    transform:translateY(clamp(-310px, -24vh, -170px)) !important;
    border-radius:30px 30px 0 0 !important;
    box-shadow:0 30px 96px rgba(0,0,0,.62) !important;
  }

  body.nn-desktop-card-open .drawer-workspace,
  body.nn-desktop-card-open .smartControls{
    overflow:visible !important;
    min-height:0 !important;
  }

  body.nn-desktop-card-open .tool-pane.is-active{
    max-height:min(72dvh, 720px) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.nn-desktop-card-open #selectedQuickTools[data-nn-outside-stage="1"]{
    z-index:1800 !important;
  }
}


body[data-page-type="twojnosacz"] .tool-tab .tool-tab__icon,
body[data-page-type="twojnosacz"] .tool-tab > span{
  display:grid !important;
  place-items:center !important;
  width:26px !important;
  height:26px !important;
  margin:0 auto 2px !important;
  font-size:0 !important;
  line-height:0 !important;
}
body[data-page-type="twojnosacz"] .tool-tab .tool-tab__icon img{
  width:24px !important;
  height:24px !important;
  display:block !important;
  object-fit:contain !important;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.22));
}
body[data-page-type="twojnosacz"] .tool-tab.is-active .tool-tab__icon img{
  filter:drop-shadow(0 0 10px rgba(215,255,53,.45));
}

body[data-page-type="twojnosacz"] #toolText.tool-pane.is-active{
  overflow:visible !important;
  position:relative !important;
  z-index:260 !important;
  padding-bottom:150px !important;
}
body[data-page-type="twojnosacz"] #toolText .smartField--stickerText{
  overflow:visible !important;
  position:relative !important;
  z-index:320 !important;
}
body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk{
  grid-template-columns:minmax(86px,112px) minmax(0,1fr) minmax(48px,64px) !important;
  align-items:stretch !important;
  gap:8px !important;
  overflow:visible !important;
  position:relative !important;
  z-index:340 !important;
}
body[data-page-type="twojnosacz"] #toolText .textLeftTools,
body[data-page-type="twojnosacz"] #toolText .textRightTools{
  display:grid !important;
  align-content:start !important;
  gap:7px !important;
  min-width:0 !important;
  position:relative !important;
}
body[data-page-type="twojnosacz"] #toolText .textLeftTools{
  z-index:540 !important;
}
body[data-page-type="twojnosacz"] #toolText .textRightTools{
  z-index:360 !important;
}
body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk textarea{
  order:0 !important;
  min-width:0 !important;
}
body[data-page-type="twojnosacz"] #toolText .clearStickerTextButton,
body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk .clearStickerTextButton{
  width:100% !important;
  min-width:0 !important;
  min-height:36px !important;
  height:auto !important;
  padding:7px 8px !important;
  border:1px solid rgba(251,146,60,.68) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg, rgba(251,146,60,.98), rgba(250,204,21,.92)) !important;
  color:#201006 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18), 0 0 18px rgba(251,146,60,.14) !important;
  font:950 11px/1 Manrope,sans-serif !important;
  white-space:nowrap !important;
}
body[data-page-type="twojnosacz"] #toolText .clearStickerTextButton:hover,
body[data-page-type="twojnosacz"] #toolText .clearStickerTextButton:focus-visible{
  transform:translateY(-1px);
  outline:none !important;
  box-shadow:0 12px 26px rgba(0,0,0,.22), 0 0 24px rgba(251,146,60,.24) !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card,
body[data-page-type="twojnosacz"] #toolText .font-card--compact{
  order:0 !important;
  margin:0 !important;
  padding:7px !important;
  border-radius:14px !important;
  position:relative !important;
  z-index:560 !important;
  background:rgba(255,255,255,.075) !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact > span{
  display:block !important;
  margin:0 0 5px !important;
  color:#fff !important;
  font:950 9px/1.05 Manrope,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerButton{
  min-height:36px !important;
  padding:6px 7px !important;
  border-radius:12px !important;
  font-size:10px !important;
  gap:5px !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerButton span{
  max-width:54px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerButton img{
  max-width:52px !important;
  max-height:24px !important;
  border-radius:7px !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPreviewPicker{
  position:relative !important;
  z-index:590 !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerMenu{
  top:calc(100% + 6px) !important;
  bottom:auto !important;
  left:0 !important;
  right:auto !important;
  width:min(310px, calc(100vw - 24px)) !important;
  z-index:2600 !important;
  max-height:min(48dvh, 330px) !important;
  overflow:auto !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerOption{
  min-height:42px !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerOption img{
  max-width:100px !important;
  max-height:28px !important;
}
body[data-page-type="twojnosacz"] #toolText .textLayoutTools{
  order:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  margin:0 !important;
  z-index:370 !important;
}
body[data-page-type="twojnosacz"] #toolText .textLayoutTools button{
  min-width:0 !important;
  min-height:36px !important;
  width:100% !important;
  border-radius:13px !important;
  font-size:18px !important;
  animation:nnTextToolInvite 4.8s ease-in-out infinite !important;
}
body[data-page-type="twojnosacz"] #toolText .textLayoutTools button:nth-child(1){ animation-delay:0s !important; }
body[data-page-type="twojnosacz"] #toolText .textLayoutTools button:nth-child(2){ animation-delay:.25s !important; }
body[data-page-type="twojnosacz"] #toolText .textLayoutTools button:nth-child(3){ animation-delay:.50s !important; }
body[data-page-type="twojnosacz"] #toolText .textLayoutTools button:nth-child(4){ animation-delay:.75s !important; }
@keyframes nnTextToolInvite{
  0%, 74%, 100%{ transform:translateX(0) scale(1); }
  80%{ transform:translateX(-2px) scale(1.015); }
  86%{ transform:translateX(2px) scale(1.015); }
  92%{ transform:translateX(0) scale(1); }
}
body[data-page-type="twojnosacz"] #toolText .stickerTextOkButton{
  order:2 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:44px !important;
  border-radius:14px !important;
}
body[data-page-type="twojnosacz"] #toolText .textInspirationBox{
  position:relative !important;
  z-index:300 !important;
}
body[data-page-type="twojnosacz"] #toolText .textInspirationList{
  position:relative !important;
  z-index:2400 !important;
  max-height:min(42dvh, 340px) !important;
  overflow:auto !important;
}
body[data-page-type="twojnosacz"].nn-text-pane-active .januszDock{
  bottom:calc(12px + env(safe-area-inset-bottom)) !important;
  z-index:70 !important;
}
body[data-page-type="twojnosacz"].nn-text-pane-active .januszDock__drawer{
  bottom:72px !important;
  max-height:34dvh !important;
  overflow:auto !important;
}
@media (max-width:720px){
  body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk{
    grid-template-columns:82px minmax(0,1fr) 46px !important;
    gap:6px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .clearStickerTextButton,
  body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk .clearStickerTextButton{
    min-height:34px !important;
    padding:6px 5px !important;
    font-size:10px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .font-card--compact{
    padding:6px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .font-card--compact > span{
    font-size:8px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerButton{
    min-height:32px !important;
    padding:5px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerButton span{
    max-width:42px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerButton img{
    max-width:36px !important;
    max-height:20px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerMenu{
    width:min(292px, calc(100vw - 14px)) !important;
  }
  body[data-page-type="twojnosacz"] #toolText .textLayoutTools button{
    min-height:32px !important;
    border-radius:11px !important;
    font-size:16px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .stickerTextOkButton{
    min-height:38px !important;
    font-size:12px !important;
  }
}


body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk{
  grid-template-columns:minmax(132px,148px) minmax(0,1fr) minmax(48px,64px) !important;
  column-gap:10px !important;
}
body[data-page-type="twojnosacz"] #toolText .textLeftTools{
  width:100% !important;
  max-width:148px !important;
}
body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk textarea{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  position:relative !important;
  z-index:1 !important;
}
body[data-page-type="twojnosacz"] #toolText .clearStickerTextButton,
body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk .clearStickerTextButton{
  max-width:100% !important;
  min-height:34px !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerButton{
  width:100% !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerMenu{
  background:rgba(5,16,13,.99) !important;
  border:1px solid rgba(215,255,53,.45) !important;
  box-shadow:0 20px 54px rgba(0,0,0,.70) !important;
}
body[data-page-type="twojnosacz"] #toolText .textInspirationBox{
  position:relative !important;
  z-index:1800 !important;
}
body[data-page-type="twojnosacz"] #toolText .textInspirationList{
  position:relative !important;
  z-index:3600 !important;
  background:linear-gradient(180deg, rgba(5,16,13,1), rgba(6,22,17,.99)) !important;
  border:1px solid rgba(215,255,53,.52) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.82), inset 0 1px 0 rgba(255,255,255,.10) !important;
  opacity:1 !important;
  isolation:isolate !important;
}
body[data-page-type="twojnosacz"] #toolText .textInspirationChoice{
  background:rgba(22,38,32,.98) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.20) !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body[data-page-type="twojnosacz"] #toolText .textInspirationChoice:hover,
body[data-page-type="twojnosacz"] #toolText .textInspirationChoice:focus-visible,
body[data-page-type="twojnosacz"] #toolText .textInspirationChoice.is-picked{
  background:linear-gradient(135deg, #d7ff35, #facc15) !important;
  color:#06120e !important;
}
body[data-page-type="twojnosacz"].nn-text-inspiration-open #januszPanel,
body[data-page-type="twojnosacz"].nn-text-inspiration-open .januszMini{
  transform:translateY(190px) !important;
  opacity:.22 !important;
  pointer-events:none !important;
  transition:transform .22s ease, opacity .22s ease !important;
}
body[data-page-type="twojnosacz"].nn-text-inspiration-open .januszDock,
body[data-page-type="twojnosacz"].nn-text-inspiration-open #januszDock{
  transform:translateY(240px) !important;
  opacity:.18 !important;
  pointer-events:none !important;
  transition:transform .22s ease, opacity .22s ease !important;
}
@media (max-width:720px){
  body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk{
    grid-template-columns:108px minmax(0,1fr) 46px !important;
    column-gap:6px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .textLeftTools{
    max-width:108px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerButton span{
    max-width:42px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerButton img{
    max-width:34px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .textInspirationList{
    max-height:min(42dvh, 285px) !important;
  }
}
@media (max-width:390px){
  body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk{
    grid-template-columns:102px minmax(0,1fr) 44px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .textLeftTools{
    max-width:102px !important;
  }
}


body[data-page-type="twojnosacz"] #toolText.tool-pane.is-active{
  isolation:isolate !important;
  overflow:visible !important;
}
body[data-page-type="twojnosacz"] #toolText .smartField--stickerText,
body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk{
  z-index:7200 !important;
}
body[data-page-type="twojnosacz"] #toolText .textLeftTools{
  position:relative !important;
  z-index:9800 !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card,
body[data-page-type="twojnosacz"] #toolText .font-card--compact,
body[data-page-type="twojnosacz"] #toolText .fontPreviewPicker{
  position:relative !important;
  z-index:9900 !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerMenu,
body[data-page-type="twojnosacz"] #fontPreviewPicker .fontPickerMenu{
  z-index:10050 !important;
  background:linear-gradient(180deg, rgba(5,16,13,1), rgba(4,14,11,1)) !important;
  border:1px solid rgba(215,255,53,.72) !important;
  box-shadow:0 28px 86px rgba(0,0,0,.88), 0 0 0 1px rgba(255,255,255,.08) inset !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerOption{
  background:rgba(16,34,28,1) !important;
  opacity:1 !important;
}
body[data-page-type="twojnosacz"] #toolText .textInspirationBox{
  z-index:1200 !important;
}
body[data-page-type="twojnosacz"] #toolText .textInspirationList{
  z-index:1400 !important;
  background:linear-gradient(180deg, rgba(5,16,13,1), rgba(6,22,17,1)) !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body[data-page-type="twojnosacz"].nn-text-inspiration-open #januszPanel,
body[data-page-type="twojnosacz"].nn-text-inspiration-open .januszMini{
  transform:translateY(330px) !important;
  opacity:.04 !important;
  pointer-events:none !important;
}
body[data-page-type="twojnosacz"].nn-text-inspiration-open .januszDock,
body[data-page-type="twojnosacz"].nn-text-inspiration-open #januszDock{
  transform:translateY(360px) !important;
  opacity:.04 !important;
  pointer-events:none !important;
}
body[data-page-type="twojnosacz"] .selectedQuickTools__btn.is-limit-hit{
  animation:nnQuickLimitPulse .56s ease-in-out 1 !important;
}
@keyframes nnQuickLimitPulse{
  0%,100%{ background:rgba(255,255,255,.10); color:#fff; transform:scale(1); }
  35%,72%{ background:#ef4444; color:#fff; transform:scale(1.06); box-shadow:0 0 0 4px rgba(239,68,68,.24), 0 10px 26px rgba(0,0,0,.32); }
}
@media (max-width:720px){
  body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk{
    grid-template-columns:112px minmax(0,1fr) 46px !important;
    column-gap:8px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .textLeftTools{
    max-width:112px !important;
    z-index:9800 !important;
  }
  body[data-page-type="twojnosacz"] #toolText .font-card--compact .fontPickerMenu,
  body[data-page-type="twojnosacz"] #fontPreviewPicker .fontPickerMenu{
    width:min(312px, calc(100vw - 18px)) !important;
    max-height:min(48dvh, 330px) !important;
  }
}
@media (max-width:390px){
  body[data-page-type="twojnosacz"] #toolText .smartTextEditorWrap--withOk{
    grid-template-columns:106px minmax(0,1fr) 44px !important;
    column-gap:7px !important;
  }
  body[data-page-type="twojnosacz"] #toolText .textLeftTools{
    max-width:106px !important;
  }
}


.clearStickerTextButton.is-restore{
  background:linear-gradient(180deg, rgba(215,255,53,.96), rgba(163,230,53,.86)) !important;
  color:#07120e !important;
  border-color:rgba(215,255,53,.88) !important;
}

.selectedQuickTools__btn.is-limit-hit{
  background:linear-gradient(180deg, rgba(248,113,113,.92), rgba(220,38,38,.86)) !important;
  color:#fff !important;
  border-color:rgba(254,202,202,.95) !important;
  box-shadow:0 0 0 4px rgba(248,113,113,.25), 0 10px 24px rgba(127,29,29,.36) !important;
}

@media (min-width:721px){
  body.nn-desktop-card-open .app-container,
  body.nn-tools-drawer-active .app-container{
    grid-template-rows:var(--nn-preview-h) minmax(0,1fr) !important;
    overflow:visible !important;
  }

  body.nn-desktop-card-open .preview-section,
  body.nn-tools-drawer-active .preview-section{
    transform:translateY(-18px) scale(.92) !important;
    transform-origin:top center !important;
    opacity:.88 !important;
    z-index:1 !important;
    pointer-events:auto !important;
  }

  body.nn-desktop-card-open .preview-glass,
  body.nn-desktop-card-open .stickyLiveStack,
  body.nn-tools-drawer-active .preview-glass,
  body.nn-tools-drawer-active .stickyLiveStack{
    transform:scale(.94) !important;
    transform-origin:top center !important;
    opacity:.88 !important;
    filter:brightness(.93) saturate(.95) !important;
  }

  body.nn-desktop-card-open .tools-drawer,
  body.nn-tools-drawer-active .tools-drawer{
    width:min(1120px,96vw) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:0 !important;
    margin-bottom:clamp(-190px, -14vh, -92px) !important;
    transform:translateY(clamp(-190px, -14vh, -92px)) !important;
    position:relative !important;
    z-index:260 !important;
    border-radius:30px 30px 0 0 !important;
    box-shadow:0 30px 96px rgba(0,0,0,.62) !important;
    overflow:visible !important;
  }

  body.nn-desktop-card-open .tool-pane.is-active,
  body.nn-tools-drawer-active .tool-pane.is-active{
    max-height:min(72dvh,720px) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
}

@media (max-width:720px){
  body.nn-smarttext-focus-lock,
  body.nn-smarttext-focus-lock .app-container{
    scroll-behavior:auto !important;
  }
}



body[data-page-type="twojnosacz"] #smartText{
  font-weight:900 !important;
}



body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-outside-stage="1"],
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-pinned-to-preview="1"]{
  position:fixed !important;
  z-index:1400 !important;
}

body[data-page-type="twojnosacz"] #smartText{
  white-space:pre-wrap !important;
}


@media (min-width:721px){
  body[data-page-type="twojnosacz"].nn-desktop-card-open .app-container,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .app-container{
    grid-template-rows:minmax(255px,44dvh) minmax(0,1fr) !important;
    overflow:visible !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-card-open .preview-section,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .preview-section{
    transform:translateY(-24px) scale(.90) !important;
    transform-origin:top center !important;
    opacity:.80 !important;
    filter:brightness(.90) saturate(.92) blur(.12px) !important;
    z-index:1 !important;
    pointer-events:auto !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-card-open .preview-glass,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .stickyLiveStack.is-floating-preview,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .preview-glass,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .stickyLiveStack.is-floating-preview{
    transform:scale(.92) !important;
    transform-origin:top center !important;
    opacity:.82 !important;
    filter:brightness(.90) saturate(.92) blur(.12px) !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-card-open .tools-drawer,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tools-drawer{
    width:min(1120px,96vw) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:0 !important;
    margin-bottom:clamp(-148px, -10vh, -76px) !important;
    transform:translateY(clamp(-148px, -10vh, -76px)) !important;
    position:relative !important;
    z-index:280 !important;
    border-radius:30px 30px 0 0 !important;
    box-shadow:0 30px 96px rgba(0,0,0,.62) !important;
    overflow:visible !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-pane.is-active{
    max-height:min(66dvh,680px) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
}


@media (min-width:721px){
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .app-container,
  body[data-page-type="twojnosacz"].nn-desktop-card-open,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active{
    overflow-x:hidden !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .preview-section,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .preview-section,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .preview-section{
    position:relative !important;
    z-index:1 !important;
    transform:translateY(-30px) scale(.88) !important;
    transform-origin:top center !important;
    opacity:.72 !important;
    filter:brightness(.82) saturate(.88) !important;
    transition:transform .34s cubic-bezier(.2,.8,.2,1), opacity .24s ease, filter .24s ease !important;
    pointer-events:auto !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .preview-glass,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .stickyLiveStack.is-floating-preview,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .preview-glass,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .stickyLiveStack.is-floating-preview,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .preview-glass,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .stickyLiveStack.is-floating-preview{
    transform:scale(.90) !important;
    transform-origin:top center !important;
    opacity:.76 !important;
    filter:brightness(.82) saturate(.88) !important;
    transition:transform .34s cubic-bezier(.2,.8,.2,1), opacity .24s ease, filter .24s ease !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tools-drawer,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tools-drawer,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tools-drawer{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:calc(12px + env(safe-area-inset-bottom)) !important;
    width:min(1120px,96vw) !important;
    height:min(54dvh,620px) !important;
    max-height:calc(100dvh - 245px) !important;
    min-height:360px !important;
    margin:0 !important;
    transform:translate3d(-50%,0,0) !important;
    z-index:1500 !important;
    border-radius:34px 34px 20px 20px !important;
    overflow:hidden !important;
    box-shadow:0 34px 120px rgba(0,0,0,.70), 0 0 0 1px rgba(215,255,53,.10) !important;
    transition:transform .34s cubic-bezier(.2,.8,.2,1), opacity .24s ease, height .26s ease, box-shadow .26s ease !important;
    animation:nnDesktopDrawerLiftV61 .34s cubic-bezier(.2,.8,.2,1) both !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tools-drawer::before,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tools-drawer::before,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tools-drawer::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(215,255,53,.54), transparent);
    pointer-events:none;
    opacity:.9;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .smartControls,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .smartControls,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .smartControls{
    overflow:hidden !important;
    min-height:0 !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-pane.is-active{
    max-height:none !important;
    height:100% !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:28px !important;
    animation:nnDesktopToolPaneInV61 .24s cubic-bezier(.2,.8,.2,1) both !important;
  }

  body[data-page-type="twojnosacz"].nn-tool-switching .tool-pane.is-active{
    animation:nnDesktopToolPaneSwitchV61 .22s cubic-bezier(.2,.8,.2,1) both !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-tab,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-tab,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-tab{
    transition:background .22s ease, border-color .22s ease, color .22s ease, transform .18s ease, box-shadow .22s ease !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-tab:hover,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-tab:hover,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-tab:hover{
    transform:translateY(-1px) !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted #selectedQuickTools,
  body[data-page-type="twojnosacz"].nn-desktop-card-open #selectedQuickTools,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active #selectedQuickTools{
    z-index:2 !important;
    opacity:.72 !important;
    filter:brightness(.82) saturate(.88) !important;
  }
}

@media (min-width:721px) and (max-height:780px){
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tools-drawer,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tools-drawer,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tools-drawer{
    height:min(58dvh,560px) !important;
    max-height:calc(100dvh - 180px) !important;
    min-height:330px !important;
  }
}

@keyframes nnDesktopDrawerLiftV61{
  from{ opacity:.88; transform:translate3d(-50%,26px,0) scale(.985); }
  to{ opacity:1; transform:translate3d(-50%,0,0) scale(1); }
}

@keyframes nnDesktopToolPaneInV61{
  from{ opacity:0; transform:translateY(14px); }
  to{ opacity:1; transform:translateY(0); }
}

@keyframes nnDesktopToolPaneSwitchV61{
  from{ opacity:.55; transform:translateY(10px) scale(.992); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}


@media (min-width:721px){
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tools-drawer,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tools-drawer,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tools-drawer{
    bottom:calc(4px + env(safe-area-inset-bottom)) !important;
    height:min(49dvh,560px) !important;
    max-height:calc(100dvh - 318px) !important;
    min-height:320px !important;
    transform:translate3d(-50%,24px,0) !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .18s ease, box-shadow .22s ease !important;
    animation:nnDesktopDrawerLowerV62 .30s cubic-bezier(.2,.8,.2,1) both !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .preview-section,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .preview-section,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .preview-section{
    transform:translateY(-22px) scale(.90) !important;
    opacity:.76 !important;
    filter:brightness(.84) saturate(.90) !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .preview-glass,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .stickyLiveStack.is-floating-preview,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .preview-glass,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .stickyLiveStack.is-floating-preview,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .preview-glass,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .stickyLiveStack.is-floating-preview{
    transform:scale(.91) !important;
    opacity:.78 !important;
    filter:brightness(.84) saturate(.90) !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-pane,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-pane,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-pane,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-tool-switching .tool-pane.is-active{
    animation:none !important;
    transform:none !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-tabs,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-tabs,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-tabs,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .drawer-workspace{
    transform:none !important;
    animation:none !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-tab:hover,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-tab:hover,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-tab:hover{
    transform:none !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .pillButton,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .positionGrid label,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .mirrorToggle,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .bigSliderCard,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .statusCard,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .font-card,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .flexToolsPanel,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .flexToolsCard,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .sliderGraphicControls,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .smartField,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .groupTab,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .characterPick,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .pillButton,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .positionGrid label,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .mirrorToggle,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .bigSliderCard,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .statusCard,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .font-card,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .flexToolsPanel,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .flexToolsCard,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .sliderGraphicControls,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .smartField,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .groupTab,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .characterPick,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .pillButton,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .positionGrid label,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .mirrorToggle,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .bigSliderCard,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .statusCard,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .font-card,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .flexToolsPanel,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .flexToolsCard,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .sliderGraphicControls,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .smartField,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .groupTab,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .characterPick{
    animation:none !important;
    transform:none !important;
    transition:border-color .16s ease, background-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, opacity .16s ease !important;
    will-change:auto !important;
  }
}

@media (min-width:721px) and (max-height:780px){
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tools-drawer,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tools-drawer,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tools-drawer{
    height:min(50dvh,500px) !important;
    max-height:calc(100dvh - 250px) !important;
    min-height:300px !important;
    transform:translate3d(-50%,22px,0) !important;
  }
}

@keyframes nnDesktopDrawerLowerV62{
  from{ opacity:.92; transform:translate3d(-50%,46px,0) scale(.992); }
  to{ opacity:1; transform:translate3d(-50%,24px,0) scale(1); }
}



@media (min-width:721px){
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted,
  body[data-page-type="twojnosacz"].nn-desktop-card-open,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active{
    --nn-open-panel-w:min(1120px, calc(100vw - 96px));
    height:auto !important;
    min-height:100dvh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:auto !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .app-container,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .app-container,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .app-container{
    height:auto !important;
    min-height:100dvh !important;
    overflow:visible !important;
    grid-template-rows:minmax(300px,45dvh) auto !important;
    align-items:start !important;
    padding-bottom:24px !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .preview-section,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .preview-section,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .preview-section{
    min-height:0 !important;
    overflow:visible !important;
    position:relative !important;
    z-index:1 !important;
    transform:translateY(-22px) scale(.90) !important;
    transform-origin:top center !important;
    opacity:.78 !important;
    filter:none !important;
    transition:opacity .16s ease !important;
    pointer-events:auto !important;
    will-change:auto !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .preview-glass,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .stickyLiveStack.is-floating-preview,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .preview-glass,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .stickyLiveStack.is-floating-preview,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .preview-glass,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .stickyLiveStack.is-floating-preview{
    transform:scale(.91) !important;
    transform-origin:top center !important;
    opacity:.82 !important;
    filter:none !important;
    will-change:auto !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tools-drawer,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tools-drawer,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tools-drawer{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:var(--nn-open-panel-w) !important;
    max-width:var(--nn-open-panel-w) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:var(--nn-drawer-edge-margin, clamp(-126px,-11vh,-74px)) auto 26px !important;
    transform:none !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    overscroll-behavior:initial !important;
    -webkit-overflow-scrolling:auto !important;
    grid-template-rows:auto auto auto auto auto auto auto !important;
    align-content:start !important;
    border-radius:34px 34px 22px 22px !important;
    animation:none !important;
    transition:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:linear-gradient(180deg, rgba(7,28,21,.96), rgba(5,16,13,.98)), var(--nn-concrete) !important;
    box-shadow:0 24px 76px rgba(0,0,0,.54), 0 0 0 1px rgba(215,255,53,.12) !important;
    scrollbar-width:auto !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .smartControls,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .smartControls,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .smartControls{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-pane,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-pane,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-pane,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-tool-switching .tool-pane.is-active{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    padding-bottom:18px !important;
    animation:none !important;
    transform:none !important;
    transition:none !important;
    will-change:auto !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-pane[hidden],
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-pane[hidden],
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-pane[hidden]{
    display:none !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-tabs,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-tabs,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-tabs{
    position:relative !important;
    top:auto !important;
    transform:none !important;
    animation:none !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .footer,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .footer,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .footer,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .humorDisclaimer,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .humorDisclaimer,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .humorDisclaimer{
    display:block !important;
    position:relative !important;
    z-index:0 !important;
    width:100% !important;
    transform:none !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .footer__inner,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .footer__inner,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .footer__inner,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .humorDisclaimer__inner,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .humorDisclaimer__inner,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .humorDisclaimer__inner{
    width:var(--nn-open-panel-w) !important;
    max-width:var(--nn-open-panel-w) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .characterPick,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .characterPick,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .characterPick,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .nnGalleryItem,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .nnGalleryItem,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .nnGalleryItem{
    content-visibility:auto;
    contain-intrinsic-size:128px 128px;
    will-change:auto !important;
  }

  body[data-page-type="twojnosacz"] .stickyLiveStack,
  body[data-page-type="twojnosacz"] .preview-glass{
    position:relative !important;
  }

  body[data-page-type="twojnosacz"] #selectedQuickTools.nn-preview-anchored-v67,
  body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-pinned-to-preview="1"].nn-preview-anchored-v67{
    position:absolute !important;
    z-index:1202 !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }
}

@media (min-width:721px) and (max-width:980px){
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted,
  body[data-page-type="twojnosacz"].nn-desktop-card-open,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active{
    --nn-open-panel-w:calc(100vw - 32px);
  }
}


body[data-page-type="twojnosacz"] .nnGalleryBox--text{
  margin:12px 0 0 !important;
  padding:10px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}

body[data-page-type="twojnosacz"] .nnGalleryBox--text .nnGalleryCaption{
  margin:0 0 8px !important;
  color:rgba(243,244,246,.70) !important;
  font:900 12px/1.25 Manrope,sans-serif !important;
}

body[data-page-type="twojnosacz"] .nnGalleryLoading,
body[data-page-type="twojnosacz"] .nnCharactersDeferred{
  min-height:72px;
  display:grid;
  place-items:center;
  padding:14px 18px;
  border:1px dashed rgba(215,255,53,.30);
  border-radius:20px;
  background:rgba(255,255,255,.05);
  color:rgba(243,244,246,.76);
  font:900 12px/1.25 Manrope,sans-serif;
  white-space:normal;
  text-align:center;
}

body[data-page-type="twojnosacz"] .nnGalleryBox--text .nnGalleryViewport{
  min-height:88px;
}

body[data-page-type="twojnosacz"] .nnGalleryBox--text .nnGalleryTrack{
  min-height:82px;
}

body[data-page-type="twojnosacz"] .tool-pane,
body[data-page-type="twojnosacz"] .tool-pane.is-active{
  scroll-margin-top:0 !important;
}

body[data-page-type="twojnosacz"] #selectedQuickTools.nn-preview-owned-v68,
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-pinned-to-preview="1"]{
  position:absolute !important;
  z-index:1202 !important;
  transform:none !important;
  filter:none !important;
  will-change:auto !important;
}

@media (min-width:721px){
  body[data-page-type="twojnosacz"] .nnGalleryBox--text{
    max-width:100% !important;
  }

  body[data-page-type="twojnosacz"] .nnGalleryViewport,
  body[data-page-type="twojnosacz"] .nnGalleryViewport::-webkit-scrollbar{
    scrollbar-width:thin;
  }

  body[data-page-type="twojnosacz"] .nnGalleryTrack{
    transform:none !important;
    transition:none !important;
    will-change:auto !important;
  }

  body[data-page-type="twojnosacz"] .tool-pane[hidden]{
    display:none !important;
  }

  body[data-page-type="twojnosacz"] .tool-tab{
    touch-action:manipulation !important;
    user-select:none !important;
    -webkit-user-select:none !important;
  }

  body[data-page-type="twojnosacz"] .tool-tab.is-active{
    box-shadow:0 0 0 1px rgba(215,255,53,.18), 0 0 18px rgba(215,255,53,.10) !important;
  }
}



.mockupModal__hint{
  white-space:pre-line;
}
.mockupModal__controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin:14px 0 0;
}
.mockupModal__controls[hidden]{
  display:none !important;
}
.mockupModal__navBtn{
  appearance:none;
  min-height:46px;
  border:1px solid rgba(215,255,53,.42);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(215,255,53,.22), rgba(163,230,53,.12));
  color:#fff;
  cursor:pointer;
  font:950 13px/1 Manrope,sans-serif;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.mockupModal__navBtn:hover,
.mockupModal__navBtn:focus-visible{
  border-color:rgba(215,255,53,.72);
  color:var(--nn-accent);
  outline:none;
}
.mockupModal__counter{
  min-width:64px;
  text-align:center;
  color:var(--nn-accent);
  font:950 12px/1 Manrope,sans-serif;
}
@media (max-width:720px){
  .mockupModal__controls{
    grid-template-columns:1fr 1fr;
  }
  .mockupModal__counter{
    grid-column:1/-1;
    grid-row:1;
    min-width:0;
    padding:0 0 2px;
  }
  .mockupModal__navBtn{ grid-row:2; }
  .mockupModal__navBtn[data-mockup-prev]{ grid-column:1; }
  .mockupModal__navBtn[data-mockup-next]{ grid-column:2; }
}



@media (min-width:721px){
  :root{
    --nn-footer-shell-w:min(96vw,1540px);
  }

  html,
  body[data-page-type="twojnosacz"]{
    height:auto !important;
    min-height:100% !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior-y:auto !important;
  }

  body[data-page-type="twojnosacz"]{
    touch-action:auto !important;
  }

  body[data-page-type="twojnosacz"] .topbar{
    display:none !important;
  }

  body[data-page-type="twojnosacz"] .footer,
  body[data-page-type="twojnosacz"] .humorDisclaimer{
    display:block !important;
    width:100% !important;
  }

  body[data-page-type="twojnosacz"] .footer__inner,
  body[data-page-type="twojnosacz"] .humorDisclaimer__inner{
    width:var(--nn-footer-shell-w) !important;
    max-width:var(--nn-footer-shell-w) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body[data-page-type="twojnosacz"] .app-container,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .app-container,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .app-container,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .app-container{
    width:var(--nn-footer-shell-w) !important;
    max-width:var(--nn-footer-shell-w) !important;
    height:auto !important;
    min-height:0 !important;
    display:block !important;
    overflow:visible !important;
    margin:0 auto !important;
    padding:env(safe-area-inset-top) 0 24px !important;
  }

  body[data-page-type="twojnosacz"] .preview-section,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .preview-section,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .preview-section,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .preview-section{
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    min-height:0 !important;
    padding:10px 0 14px !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    filter:none !important;
    pointer-events:auto !important;
    transition:none !important;
    will-change:auto !important;
  }

  body[data-page-type="twojnosacz"] .preview-glass,
  body[data-page-type="twojnosacz"] .stickyLiveStack,
  body[data-page-type="twojnosacz"] .stickyLiveStack.is-floating-preview,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .preview-glass,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .stickyLiveStack.is-floating-preview,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .preview-glass,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .stickyLiveStack.is-floating-preview,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .preview-glass,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .stickyLiveStack,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .stickyLiveStack.is-floating-preview{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    max-width:100% !important;
    max-height:none !important;
    margin:0 auto !important;
    transform:none !important;
    opacity:1 !important;
    filter:none !important;
    transition:none !important;
    will-change:auto !important;
  }

  body[data-page-type="twojnosacz"] .stickyLivePlaceholder{
    display:none !important;
    height:0 !important;
  }

  body[data-page-type="twojnosacz"] .stickerStage{
    width:min(100%,1040px) !important;
    max-width:1040px !important;
  }

  body[data-page-type="twojnosacz"] .stickerStage.is-portrait{
    width:min(48vw,360px) !important;
    max-width:360px !important;
  }

  body[data-page-type="twojnosacz"] .tools-drawer,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tools-drawer,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tools-drawer,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tools-drawer,
  body[data-page-type="twojnosacz"].nn-drawer-tail-attached.nn-desktop-panel-lifted .tools-drawer{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    z-index:2 !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 auto 28px !important;
    transform:none !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    overscroll-behavior:initial !important;
    -webkit-overflow-scrolling:auto !important;
    grid-template-rows:auto auto auto auto auto auto auto !important;
    align-content:start !important;
    border-radius:30px !important;
    animation:none !important;
    transition:none !important;
    will-change:auto !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body[data-page-type="twojnosacz"] .tools-drawer::before,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tools-drawer::before,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tools-drawer::before,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tools-drawer::before{
    display:none !important;
    content:none !important;
  }

  body[data-page-type="twojnosacz"] .drawer-workspace,
  body[data-page-type="twojnosacz"] .smartControls,
  body[data-page-type="twojnosacz"] .smartGrid,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .smartControls,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .smartGrid,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .smartControls,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .smartGrid,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .drawer-workspace,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .smartControls,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .smartGrid{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  body[data-page-type="twojnosacz"] .tool-pane,
  body[data-page-type="twojnosacz"] .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-pane,
  body[data-page-type="twojnosacz"].nn-desktop-card-open .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-pane,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-pane,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active .tool-pane.is-active,
  body[data-page-type="twojnosacz"].nn-tool-switching .tool-pane.is-active{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    transform:none !important;
    opacity:1 !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
    will-change:auto !important;
    padding-bottom:26px !important;
  }

  body[data-page-type="twojnosacz"] .tool-pane[hidden]{
    display:none !important;
  }

  body[data-page-type="twojnosacz"] .tool-tabs,
  body[data-page-type="twojnosacz"] .tool-tab,
  body[data-page-type="twojnosacz"] .drawer-workspace,
  body[data-page-type="twojnosacz"] .preview-section,
  body[data-page-type="twojnosacz"] .tools-drawer{
    animation:none !important;
  }

  body[data-page-type="twojnosacz"] #selectedQuickTools,
  body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-outside-stage="1"],
  body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-pinned-to-preview="1"],
  body[data-page-type="twojnosacz"].nn-desktop-card-open #selectedQuickTools,
  body[data-page-type="twojnosacz"].nn-desktop-panel-lifted #selectedQuickTools,
  body[data-page-type="twojnosacz"].nn-tools-drawer-active #selectedQuickTools{
    position:absolute !important;
    z-index:1202 !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    will-change:auto !important;
  }
}

@media (min-width:721px) and (max-width:1100px){
  :root{ --nn-footer-shell-w:calc(100vw - 24px); }
  body[data-page-type="twojnosacz"] .stickerStage{ width:min(100%,900px) !important; }
}


body[data-page-type="twojnosacz"] #liveSvg .flexResizeHandle,
body[data-page-type="twojnosacz"] #liveSvg .nnCornerResizeHandle{
  display:none!important;
  pointer-events:none!important;
}


body[data-page-type="twojnosacz"] #liveSvg .flexResizeHandle{display:none!important;pointer-events:none!important;}


body[data-page-type="twojnosacz"] #liveSvg .liveGraphicHit,
body[data-page-type="twojnosacz"] #liveSvg .liveWordHit,
body[data-page-type="twojnosacz"] #liveSvg text.liveWordHit,
body[data-page-type="twojnosacz"] #liveSvg image.liveGraphicHit{
  cursor:url("/images/ikony/tap.svg?v=20260529-anchor-v89") 16 16, grab!important;
}
body[data-page-type="twojnosacz"] #liveSvg .liveGraphicHit:active,
body[data-page-type="twojnosacz"] #liveSvg .liveWordHit:active,
body[data-page-type="twojnosacz"].nn-flex-dragging,
body[data-page-type="twojnosacz"].nn-flex-dragging #stickerStage,
body[data-page-type="twojnosacz"].nn-flex-dragging #liveSvg,
body[data-page-type="twojnosacz"].nn-flex-dragging #liveSvg *{
  cursor:url("/images/ikony/move.svg?v=20260529-anchor-v89") 16 16, grabbing!important;
}



body[data-page-type="twojnosacz"].nn-flex-drag-blocked,
body[data-page-type="twojnosacz"].nn-flex-drag-blocked #stickerStage,
body[data-page-type="twojnosacz"].nn-flex-drag-blocked #liveSvg,
body[data-page-type="twojnosacz"].nn-flex-drag-blocked #liveSvg *{
  cursor:url("/images/ikony/stop.svg?v=20260529-anchor-v89") 16 16, no-drop!important;
}
body[data-page-type="twojnosacz"].nn-flex-drag-blocked #liveSvg .flexSelectionBox{
  stroke:#ef4444!important;
  stroke-width:5!important;
  filter:drop-shadow(0 0 6px rgba(239,68,68,.75));
}



body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-safe-outside-stage="1"]{
  position:fixed!important;
  z-index:9999!important;
  transform:none!important;
  filter:none!important;
  will-change:left,top!important;
  pointer-events:auto!important;
}



body[data-page-type="twojnosacz"]{
  --nn-cursor-tap:url("/images/ikony/tap.svg?v=20260529-anchor-v89") 16 16, grab;
  --nn-cursor-move:url("/images/ikony/move.svg?v=20260529-anchor-v89") 16 16, grabbing;
  --nn-cursor-stop:url("/images/ikony/stop.svg?v=20260529-anchor-v89") 16 16, no-drop;
}
body[data-page-type="twojnosacz"] #liveSvg .liveGraphicHit,
body[data-page-type="twojnosacz"] #liveSvg .liveWordHit,
body[data-page-type="twojnosacz"] #liveSvg .liveTextHit,
body[data-page-type="twojnosacz"] #liveSvg image.liveGraphicHit,
body[data-page-type="twojnosacz"] #liveSvg text.liveWordHit,
body[data-page-type="twojnosacz"] #liveSvg text.liveTextHit{
  cursor:var(--nn-cursor-tap)!important;
}
body[data-page-type="twojnosacz"] #liveSvg .liveGraphicHit:active,
body[data-page-type="twojnosacz"] #liveSvg .liveWordHit:active,
body[data-page-type="twojnosacz"] #liveSvg .liveTextHit:active,
body[data-page-type="twojnosacz"].nn-flex-dragging,
body[data-page-type="twojnosacz"].nn-flex-dragging #stickerStage,
body[data-page-type="twojnosacz"].nn-flex-dragging #liveSvg,
body[data-page-type="twojnosacz"].nn-flex-dragging #liveSvg *{
  cursor:var(--nn-cursor-move)!important;
}
body[data-page-type="twojnosacz"].nn-flex-drag-blocked,
body[data-page-type="twojnosacz"].nn-flex-drag-blocked #stickerStage,
body[data-page-type="twojnosacz"].nn-flex-drag-blocked #liveSvg,
body[data-page-type="twojnosacz"].nn-flex-drag-blocked #liveSvg *{
  cursor:var(--nn-cursor-stop)!important;
}



body[data-page-type="twojnosacz"]{
  --nn-cursor-tap:url("/images/ikony/tap.svg?v=20260529-anchor-v89") 16 16, grab;
  --nn-cursor-move:url("/images/ikony/move.svg?v=20260529-anchor-v89") 16 16, grabbing;
  --nn-cursor-stop:url("/images/ikony/stop.svg?v=20260529-anchor-v89") 16 16, no-drop;
}
body[data-page-type="twojnosacz"] #stickerStage.nn-cursor-tap,
body[data-page-type="twojnosacz"] #liveSvg.nn-cursor-tap,
body[data-page-type="twojnosacz"] #liveSvg .liveGraphicHit,
body[data-page-type="twojnosacz"] #liveSvg .liveWordHit,
body[data-page-type="twojnosacz"] #liveSvg .liveTextHit,
body[data-page-type="twojnosacz"] #liveSvg image.liveGraphicHit,
body[data-page-type="twojnosacz"] #liveSvg text.liveWordHit,
body[data-page-type="twojnosacz"] #liveSvg text.liveTextHit{
  cursor:var(--nn-cursor-tap)!important;
}
body[data-page-type="twojnosacz"].nn-flex-dragging,
body[data-page-type="twojnosacz"].nn-flex-dragging #stickerStage,
body[data-page-type="twojnosacz"].nn-flex-dragging #liveSvg,
body[data-page-type="twojnosacz"].nn-flex-dragging #liveSvg *,
body[data-page-type="twojnosacz"] #stickerStage.nn-cursor-move,
body[data-page-type="twojnosacz"] #liveSvg.nn-cursor-move{
  cursor:var(--nn-cursor-move)!important;
}
body[data-page-type="twojnosacz"].nn-flex-drag-blocked,
body[data-page-type="twojnosacz"].nn-flex-drag-blocked #stickerStage,
body[data-page-type="twojnosacz"].nn-flex-drag-blocked #liveSvg,
body[data-page-type="twojnosacz"].nn-flex-drag-blocked #liveSvg *,
body[data-page-type="twojnosacz"] #stickerStage.nn-cursor-stop,
body[data-page-type="twojnosacz"] #liveSvg.nn-cursor-stop{
  cursor:var(--nn-cursor-stop)!important;
}


.orderPreviewCheckBanner{
  grid-column:1/-1;
  width:100%;
  margin:12px 0 10px;
  padding:12px 14px;
  border:1px solid rgba(215,255,53,.52);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(215,255,53,.18), rgba(250,204,21,.12));
  color:#fff;
  font:950 13px/1.28 Manrope,system-ui,sans-serif;
  text-align:center;
  box-shadow:0 12px 34px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.08);
}

.mockupModal--notice .mockupModal__hint{
  white-space:pre-line;
}


body[data-page-type="twojnosacz"] .preview-glass[data-nn-quicktools-host-v88="1"],
body[data-page-type="twojnosacz"] .stickyLiveStack[data-nn-quicktools-host-v88="1"]{
  position:relative!important;
  overflow:visible!important;
}
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-anchored-v88="1"]{
  position:absolute!important;
  z-index:9999!important;
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  contain:layout style!important;
}
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-anchored-v88="1"].is-vertical{
  flex-direction:column!important;
  width:auto!important;
}
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-anchored-v88="1"]:not(.is-vertical){
  flex-direction:row!important;
  width:auto!important;
}
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-anchored-v88="1"] .selectedQuickTools__btn{
  flex:0 0 auto!important;
}



body[data-page-type="twojnosacz"] .preview-glass[data-nn-quicktools-host-v89="1"],
body[data-page-type="twojnosacz"] .stickyLiveStack[data-nn-quicktools-host-v89="1"]{
  position:relative!important;
  overflow:visible!important;
}
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-hard-anchor-v89="1"]{
  position:absolute!important;
  z-index:9999!important;
  transform:none!important;
  right:auto!important;
  bottom:auto!important;
  will-change:auto!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-hard-anchor-v89="1"].is-vertical{
  flex-direction:column!important;
  width:auto!important;
}
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-hard-anchor-v89="1"]:not(.is-vertical){
  flex-direction:row!important;
  width:auto!important;
}

body[data-page-type="twojnosacz"] .groupTabs{
  display:grid;
  grid-template-columns:repeat(6,minmax(118px,1fr));
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 8px;
  scrollbar-width:none;
}
body[data-page-type="twojnosacz"] .groupTabs::-webkit-scrollbar{
  display:none;
}
body[data-page-type="twojnosacz"] .groupTab{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:9px 10px;
  white-space:normal;
  text-align:center;
  line-height:1.08;
}
@media (max-width:720px){
  body[data-page-type="twojnosacz"] .groupTabs{
    grid-template-columns:repeat(6,132px);
  }
  body[data-page-type="twojnosacz"] .groupTab{
    font-size:11px;
  }
}

body[data-page-type="twojnosacz"] .previewSaveRow{
  gap:8px;
}

body[data-page-type="twojnosacz"] .resetDesignBtn{
  appearance:none;
  flex:0 0 auto;
  min-height:44px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  background:linear-gradient(135deg,#ef4444,#991b1b);
  color:#fff;
  cursor:pointer;
  font:1000 11px/1.05 Manrope,sans-serif;
  letter-spacing:.025em;
  box-shadow:0 10px 24px rgba(239,68,68,.26),0 5px 0 rgba(0,0,0,.30);
}

body[data-page-type="twojnosacz"] .resetDesignBtn.is-undo{
  background:linear-gradient(135deg,#fb7185,#b91c1c);
}

body[data-page-type="twojnosacz"] .resetDesignBtn:active{
  transform:translateY(2px);
  box-shadow:0 7px 18px rgba(239,68,68,.22),0 3px 0 rgba(0,0,0,.34);
}

body[data-page-type="twojnosacz"] .characterPick em{
  color:rgba(243,244,246,.68);
  font:850 9px/1.05 Manrope,sans-serif;
  font-style:normal;
  text-transform:uppercase;
}

@media (max-width:720px){
  body[data-page-type="twojnosacz"] .previewSaveRow{
    gap:6px;
    padding:0 4px;
  }
  body[data-page-type="twojnosacz"] .saveDesignBtn--preview,
  body[data-page-type="twojnosacz"] #saveDesignBtnPreview{
    width:auto!important;
    flex:1 1 auto;
  }
  body[data-page-type="twojnosacz"] .resetDesignBtn{
    min-height:42px;
    max-width:136px;
    padding:8px 9px;
    font-size:9.5px;
    border-radius:13px;
  }
}

body[data-page-type="twojnosacz"] .orderProjectChoices{
  display:grid;
  gap:10px;
  margin:0 0 12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.07);
}

body[data-page-type="twojnosacz"] .orderProjectChoices[hidden]{
  display:none!important;
}

body[data-page-type="twojnosacz"] .orderProjectChoices__intro{
  margin:0!important;
  color:#fff!important;
  font:850 12px/1.35 Manrope,sans-serif!important;
}

body[data-page-type="twojnosacz"] .orderProjectChoices__list{
  display:grid;
  gap:8px;
}

body[data-page-type="twojnosacz"] .orderProjectChoice{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(0,0,0,.16);
  color:#fff;
  cursor:pointer;
  font:900 12px/1.18 Manrope,sans-serif;
}

body[data-page-type="twojnosacz"] .orderProjectChoice input{
  width:18px;
  height:18px;
  accent-color:#d7ff35;
  flex:0 0 auto;
}

body[data-page-type="twojnosacz"] .orderProjectChoice span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


body[data-page-type="twojnosacz"] .mockupModal__stage{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1/1;
  min-height:320px;
  overflow:hidden;
  border-radius:24px;
  background:rgba(255,255,255,.06);
}
body[data-page-type="twojnosacz"] .mockupModal__image,
body[data-page-type="twojnosacz"] .mockupModal__loading{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
}
body[data-page-type="twojnosacz"] .mockupModal__image{
  object-fit:contain;
  background:transparent;
}
body[data-page-type="twojnosacz"] .mockupModal.is-rendering-mockup .mockupModal__image:not([hidden]){
  opacity:1;
}
@media (max-width:720px){
  body[data-page-type="twojnosacz"] .mockupModal__stage{
    min-height:280px;
  }
}

body[data-page-type="twojnosacz"] #sendOrderBtn.is-ready-to-send:not(:disabled){
  border-color:rgba(215,255,53,.86)!important;
  background:linear-gradient(135deg,rgba(215,255,53,.38),rgba(250,204,21,.26))!important;
  color:#fff!important;
  box-shadow:0 0 0 4px rgba(215,255,53,.12),0 16px 42px rgba(215,255,53,.22),inset 0 1px 0 rgba(255,255,255,.18)!important;
  transform:translateY(-1px);
}

body[data-page-type="twojnosacz"] .allegroOrderBanner{
  border-color:rgba(215,255,53,.86)!important;
  background:linear-gradient(135deg,rgba(215,255,53,.32),rgba(250,204,21,.22))!important;
  box-shadow:0 0 0 4px rgba(215,255,53,.12),0 18px 48px rgba(215,255,53,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

body[data-page-type="twojnosacz"] .mockupModal__stage{
  contain:layout paint;
}

body[data-page-type="twojnosacz"] .mockupModal__image{
  transition:none!important;
  opacity:1!important;
  will-change:auto!important;
}

body[data-page-type="twojnosacz"] .mockupModal.is-rendering-mockup .mockupModal__image[data-nn-preview-kind="mockup"]{
  opacity:1!important;
}


/* v91 final quick tools positioning helpers */
body[data-page-type="twojnosacz"] .preview-glass[data-nn-quicktools-host-v91="1"],
body[data-page-type="twojnosacz"] .stickyLiveStack[data-nn-quicktools-host-v91="1"]{
  position:relative!important;
  overflow:visible!important;
}
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-anchor-v91="1"]{
  position:absolute!important;
  z-index:9999!important;
  transform:none!important;
  right:auto!important;
  bottom:auto!important;
  filter:none!important;
  will-change:auto!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  contain:layout style!important;
}
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-anchor-v91="1"].is-vertical{
  flex-direction:column!important;
  width:auto!important;
}
body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-anchor-v91="1"]:not(.is-vertical){
  flex-direction:row!important;
  width:auto!important;
}
@media (max-width:720px){
  body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-anchor-v91="1"]{gap:4px!important;padding:4px!important;}
  body[data-page-type="twojnosacz"] #selectedQuickTools[data-nn-anchor-v91="1"] .selectedQuickTools__btn{min-width:38px!important;min-height:38px!important;}
}