:root{color:#182130;font-synthesis:none;background:#0c111a;font-family:Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.studio-shell{background:#0c111a;grid-template-rows:66px minmax(0,1fr);height:100vh;min-height:680px;display:grid}.studio-header{color:#f7f8fb;border-bottom:1px solid #27303d;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.brand,.header-actions{align-items:center;display:flex}.brand{gap:10px;font-size:14px}.brand strong{letter-spacing:-.04em;font-size:17px}.brand em{color:#4f5a6a;font-style:normal}.brand-mark{background:#c8ff3d;border-radius:7px;width:28px;height:28px;position:relative;overflow:hidden}.brand-mark i{background:#111723;border-radius:3px;height:2px;position:absolute;left:7px}.brand-mark i:first-child{width:15px;top:8px;transform:rotate(10deg)}.brand-mark i:nth-child(2){width:11px;top:14px;left:10px;transform:rotate(-10deg)}.brand-mark i:nth-child(3){width:7px;top:20px;left:13px;transform:rotate(12deg)}.header-actions{gap:8px}.offline-pill{color:#93a0b2;align-items:center;gap:7px;margin-right:5px;font-size:11px;display:flex}.offline-pill i,.preview-toolbar>span:first-child i{background:#c8ff3d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #c8ff3d17}.button{color:#dfe4eb;background:#171f2b;border:1px solid #344052;border-radius:8px;height:34px;padding:0 12px;font-size:12px;font-weight:700}.studio-workspace{grid-template-columns:355px minmax(0,1fr);min-height:0;display:grid}.editor{background:#fff;border-right:1px solid #dfe3e8;flex-direction:column;min-height:0;display:flex}.editor-top{border-bottom:1px solid #e7e9ed;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.editor-top span,.section-label>span,.section-label>div>span{color:#718400;letter-spacing:.12em;font:800 9px/1 monospace}.editor-top h1{letter-spacing:-.025em;margin:4px 0 0;font-size:16px}.editor-top .version{color:#687284;letter-spacing:0;background:#f0f2f5;border-radius:6px;padding:5px 7px}.privacy-notice{background:#f8fce9;border:1px solid #dfe9c7;border-radius:10px;gap:10px;margin:14px 16px 0;padding:11px 12px;display:flex}.privacy-notice strong{font-size:11px}.privacy-notice p{color:#657080;margin:3px 0 0;font-size:10px;line-height:1.4}.editor-scroll{scrollbar-width:thin;scrollbar-color:#cbd1d9 transparent;min-height:0;padding:4px 17px 30px;overflow:auto}.control-section{padding:19px 0}.control-section+.control-section{border-top:1px solid #e5e8ed}.section-label{align-items:center;gap:8px;margin-bottom:14px;display:flex}.section-label.with-action{justify-content:space-between}.section-label.with-action>div{align-items:center;gap:8px;display:flex}.section-label h2{margin:0;font-size:13px}.mini-button{color:#253043;background:#fff;border:1px solid #d9dee5;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:700}.control-section label,.item-fields label{color:#606b7c;gap:6px;margin-top:11px;font-size:11px;font-weight:700;display:grid}.control-section input[type=text],.control-section textarea,.control-section select,.item-fields input[type=text],.item-fields textarea{color:#1c2637;background:#fbfcfd;border:1px solid #d9dee5;border-radius:8px;outline:none;width:100%;padding:8px 9px;font-size:12px}textarea{resize:vertical}.items-editor{gap:8px;display:grid}.item-card{background:#fbfcfd;border:1px solid #dfe3e9;border-radius:9px;overflow:hidden}.item-card summary{cursor:pointer;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;list-style:none;display:grid}.item-card summary span{color:#c8ff3d;background:#172030;border-radius:6px;place-items:center;width:24px;height:24px;font:700 9px/1 monospace;display:grid}.item-card summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.item-card summary b{color:#7b8595}.item-fields{background:#fff;border-top:1px solid #e5e8ed;padding:2px 11px 12px}.image-picker{background:#fafdf1;border:1px dashed #c9d0da;border-radius:8px;padding:10px;color:#58720c!important}.image-picker small{color:#8992a1;font-weight:400}.image-row{border:1px solid #e0e4e9;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:11px;padding:7px;display:grid}.image-row img{object-fit:cover;border-radius:6px;width:42px;height:42px}.image-row span{gap:2px;min-width:0;display:grid}.image-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.image-row small{color:#8a94a2;font-size:9px}.image-row button{color:#8d4950;background:0 0;border:0}.remove-button{color:#a23c44;background:#fff1f2;border:0;border-radius:7px;width:100%;margin-top:11px;padding:7px;font-size:10px;font-weight:700}.remove-button:disabled{opacity:.4;cursor:not-allowed}.color-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.color-grid label{margin-top:0}.color-grid input{background:#fff;border:1px solid #d9dee5;border-radius:7px;width:100%;height:35px;padding:3px}.control-section input[type=range]{accent-color:#789800}.switch-row{align-items:center;padding:8px 0;grid-template-columns:minmax(0,1fr) auto!important}.switch-row span{color:#263043;gap:3px;display:grid}.switch-row small{color:#7c8797;font-weight:400}.switch-row input{accent-color:#7d9f1d;width:34px;height:18px}.preview-area{background:#e9edf1;grid-template-rows:44px minmax(0,1fr) 32px;min-width:0;display:grid}.preview-toolbar{color:#6c7686;background:#f7f8fa;border-bottom:1px solid #d5dae1;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;font-size:10px;display:grid}.preview-toolbar>span:first-child{color:#333e50;letter-spacing:.08em;align-items:center;gap:8px;font-weight:800;display:flex}.preview-toolbar>span:last-child{justify-self:end}.preview-toolbar>div{background:#e8ebef;border-radius:7px;padding:3px;display:flex}.view-button{color:#7b8594;background:0 0;border:0;border-radius:5px;height:25px;padding:0 9px;font-size:10px;font-weight:700}.view-button.active{color:#253044;background:#fff;box-shadow:0 1px 4px #141c2a1a}.preview-wrap{place-items:center;min-height:0;padding:30px;display:grid;overflow:auto}.preview{--accent:#c8ff3d;--canvas:#fbfaf7;--ink:#172033;aspect-ratio:16/9;width:min(100%,960px);min-width:690px;color:var(--ink);background:var(--canvas);font-family:var(--timeline-font);padding:52px 58px 42px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 20px 55px #18202e2e}.preview:before{content:"";border:50px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;width:270px;height:270px;position:absolute;top:-135px;right:-110px}.preview-grid{opacity:.4;background-image:linear-gradient(#1f2e430d 1px,#0000 1px),linear-gradient(90deg,#1f2e430d 1px,#0000 1px);background-size:27px 27px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.preview-intro{position:relative}.preview-intro>span{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.preview-intro>span:before{content:"";background:var(--accent);width:21px;height:2px}.preview-intro h2{letter-spacing:-.055em;margin:9px 0 6px;font-size:clamp(28px,3.2vw,43px);line-height:1}.preview-intro p{color:color-mix(in srgb,var(--ink) 62%,transparent);margin:0;font-size:13px}.timeline{--count:3;grid-template-columns:repeat(var(--count),minmax(120px,1fr));margin-top:48px;display:grid;position:relative;overflow:auto}.timeline .line{background:color-mix(in srgb,var(--ink) 20%,transparent);height:2px;position:absolute;top:32px;left:7%;right:7%}.timeline-item{z-index:1;color:color-mix(in srgb,var(--ink) 55%,transparent);background:0 0;border:0;justify-items:center;display:grid;position:relative}.timeline-item span{font:700 10px/1 monospace}.timeline-item>i{border:2px solid color-mix(in srgb,var(--ink) 36%,transparent);background:var(--canvas);width:14px;height:14px;box-shadow:0 0 0 5px var(--canvas);border-radius:50%;margin:11px 0}.timeline-item b{font-size:10px}.timeline-item.active{color:var(--ink)}.timeline-item.active>i{border:4px solid var(--accent)}.preview-story{color:#fff;min-height:142px;animation:story-in var(--motion) both;background:#172033;border-radius:13px;grid-template-columns:60px minmax(0,1fr) 150px;gap:18px;margin-top:25px;padding:22px 24px;display:grid;position:relative;overflow:hidden}.story-number{color:#ffffff26;font:500 35px/1 monospace}.preview-story>div{align-self:center}.preview-story em{color:var(--accent);font:700 9px/1 monospace}.preview-story h3{margin:7px 0;font-size:19px}.preview-story p{color:#c5ccd6;margin:0;font-size:11px;line-height:1.5}.story-image{background:var(--accent);border-radius:9px;min-height:98px;margin:0;position:relative;overflow:hidden}.story-image img{object-fit:cover;width:100%;height:100%}.story-image i{background:#fff;border-radius:50%;position:absolute}.story-image i:first-child{opacity:.35;width:75px;height:75px;top:-8px;right:-10px}.story-image i:last-child{opacity:.7;width:36px;height:36px;bottom:12px;left:22px}.preview-progress{background:color-mix(in srgb,var(--ink) 10%,transparent);height:4px;position:absolute;bottom:0;left:0;right:0}.preview-progress span{background:var(--accent);height:100%;transition:width var(--motion);display:block}.preview-wrap.mobile .preview{aspect-ratio:auto;width:390px;min-width:390px;min-height:610px;padding:38px 27px}.preview-wrap.mobile .preview-intro h2{font-size:33px}.preview-wrap.mobile .timeline{grid-template-columns:repeat(var(--count),minmax(108px,1fr))}.preview-wrap.mobile .preview-story{grid-template-columns:1fr;min-height:260px}.preview-wrap.mobile .story-number{display:none}.preview-wrap.mobile .story-image{grid-row:1;min-height:100px}.preview-area footer{color:#7b8594;background:#f7f8fa;border-top:1px solid #d5dae1;justify-content:space-between;align-items:center;padding:0 14px;font-size:9px;display:flex}dialog{color:#1a2434;background:#fff;border:0;border-radius:16px;width:min(720px,100% - 32px);padding:20px;box-shadow:0 30px 90px #0000004d}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#090e1785}.dialog-head{justify-content:space-between;display:flex}.dialog-head span{color:#718400;letter-spacing:.13em;font:800 9px/1 monospace}.dialog-head h2{letter-spacing:-.04em;margin:5px 0;font-size:24px}.dialog-head p{color:#748092;margin:0;font-size:11px}.dialog-head button{color:#697486;background:#f0f2f5;border:0;border-radius:8px;width:30px;height:30px;font-size:20px}.validation{color:#4c6508;background:#f8fce9;border:1px solid #dce9bb;border-radius:9px;gap:2px;margin:17px 0 12px;padding:10px 12px;display:grid}.validation strong{font-size:11px}.validation span{font-size:10px}.export-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.export-grid>.export-card{grid-column:span 2}.export-grid>.export-card:nth-child(-n+2){grid-column:span 3}.export-card{text-align:left;color:#202a3a;background:#fff;border:1px solid #dfe3e8;border-radius:11px;gap:7px;padding:14px;display:grid}.export-card>span{color:#789600;font:800 9px/1 monospace}.export-card strong{font-size:13px}.export-card p{color:#778294;min-height:32px;margin:0;font-size:10px;line-height:1.45}.export-card b{color:#5c760c;font-size:10px}.export-grid+.button{margin-top:12px}.embed-compatibility-note{color:#748092;margin:10px 0 0;font-size:11px;line-height:1.5}@keyframes story-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.studio-shell{height:auto}.studio-header{flex-wrap:wrap;gap:10px;height:auto;min-height:66px;padding-block:10px}.brand>em,.brand>span:last-child,.offline-pill{display:none}.studio-workspace{flex-direction:column;display:flex}.editor{height:680px}.preview-area{min-height:650px}.preview-wrap{place-items:start center}}@media (max-width:560px){.header-actions{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.header-actions .button{padding:0 6px}.preview-wrap{padding:18px}.export-grid{grid-template-columns:1fr}.export-grid>.export-card,.export-grid>.export-card:nth-child(-n+2){grid-column:auto}}.item-reorder{gap:8px;margin-top:10px;display:flex}.item-reorder button{flex:1}.control-section input[type=number]{color:#1c2637;background:#fbfcfd;border:1px solid #d9dee5;width:100%;padding:8px 9px;font-size:12px}.field-help{color:#7c8797;font-size:10px;font-weight:400;line-height:1.45}.image-row video{object-fit:cover;background:#111723;border-radius:6px;width:42px;height:42px}.video-chip{color:#c8ff3d;background:#172030;border-radius:6px;place-items:center;width:42px;height:42px;font-size:14px;display:grid!important}.textarea-field{display:grid}.textarea-field .file-load{cursor:pointer;justify-self:start;color:#253043!important;margin-top:7px!important;display:inline-flex!important}.pano-point{gap:6px;margin-top:11px;display:grid}.pano-point-label{color:#606b7c;font-size:11px;font-weight:700}.pano-point-picture{aspect-ratio:2;cursor:crosshair;background:#111723;border:1px solid #d9dee5;border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pano-point-picture img{object-fit:fill;width:100%;height:100%;display:block}.pano-point-picture i{pointer-events:none;background:#0f766e;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0f766e,0 2px 6px #0006}.pano-point-picture:focus-visible{outline-offset:2px;outline:3px solid #94ba2c}.editor-find{z-index:4;background:#fbfaf7;border-bottom:1px solid #ded9d1;padding:14px 0 12px;position:sticky;top:0}.editor-find>label{color:#43343d;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.editor-find-input{background:#fff;border:1px solid #bfb2ba;display:flex}.editor-find-input:focus-within{outline-offset:1px;outline:2px solid #704760}.editor-find input{color:#282126;width:100%;min-width:0;min-height:38px;font:inherit;background:0 0;border:0;outline:none;padding:8px 10px;font-size:13px}.editor-find-input>button{color:#704760;cursor:pointer;background:#f4edf1;border:0;flex:0 0 36px;width:36px;font-size:20px}.editor-find output{color:#6d6068;margin-top:7px;font-size:11px;display:block}.schema-section-tabs{flex-wrap:wrap;gap:5px;padding-top:12px;display:flex}.schema-section-tabs button{color:#5f4a57;font:inherit;cursor:pointer;background:#fff;border:1px solid #d3c9cf;padding:8px 9px;font-size:11px}.schema-field-control{min-width:0}.editor-search-empty{color:#71636c;padding:18px 0;font-size:13px;line-height:1.6}.repeater-head>span{overflow-wrap:anywhere;min-width:0}.repeater-tools{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 12px;display:flex}.repeater-tools small{color:#776872;margin-left:auto;font-size:10px}.repeater-tools button,.item-management button{min-height:32px}.item-card summary strong{overflow-wrap:anywhere;min-width:0;line-height:1.5}.item-management{border-bottom:1px solid #ddd3d9;grid-template-columns:1fr 1fr;align-items:end;gap:9px;margin-bottom:12px;padding:0 0 12px;display:grid}.item-position{gap:5px!important;margin:0!important;font-size:11px!important;display:grid!important}.item-position select{color:#44333d;background:#fff;border:1px solid #d3c9cf;width:100%;min-height:32px;padding:5px 8px}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding-block:9px;display:flex}.preview-toolbar .preview-devices{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.preview-toolbar .view-button{height:auto;min-height:32px;padding:7px 9px;font-size:11px}.preview-devices .preview-reset{color:#674456;border-left:1px solid #c9bdc3;margin-left:5px}.preview-toolbar .view-button[aria-pressed=true]{color:#fff;background:#704760}.studio-validation-note:empty{min-height:0}.preview-issues{color:#802f3e;background:#fff5f6;border:1px solid #d5a2ab;max-height:220px;margin:8px 16px;padding:10px 13px;font-size:12px;line-height:1.5;overflow:auto}.preview-issues summary{cursor:pointer}.preview-issues summary>span{color:#7d5b63;margin:4px 0 0;font-size:11px;display:block}.preview-issues ul,.validation ul{margin:8px 0 0;padding-left:20px}.preview-issues li+li,.validation li+li{margin-top:6px}.preview-wrap{min-width:0}.preview-wrap.tablet .preview-surface{width:min(768px,100%);min-width:0;max-width:768px}.preview-wrap.mobile .preview-surface{width:min(390px,100%);min-width:0;max-width:390px}.preview-wrap.tablet .product-preview-frame,.preview-wrap.mobile .product-preview-frame{width:100%;min-width:0}.preview-area footer{flex-wrap:wrap;gap:12px;min-height:34px;padding-block:8px;line-height:1.5}:is(.editor button:focus-visible,.preview-toolbar button:focus-visible){outline-offset:2px;outline:3px solid #704760}@media (max-width:700px){.preview-toolbar>span:last-child{text-align:left;width:100%}.preview-wrap{padding:14px}.preview-issues{margin-inline:12px}.editor-find input{font-size:16px}.schema-section-tabs button,.repeater-tools button,.item-management button,.item-reorder button{min-height:38px}}.studio-shell.preview-expanded .studio-workspace{grid-template-columns:minmax(0,1fr)}.studio-shell.preview-expanded .editor{display:none}.preview-devices .preview-expand{border-left:1px solid #c9bdc3;margin-left:5px}.studio-shell.preview-expanded .preview-area{min-height:calc(100vh - 70px)}.region-canvas:focus-visible{outline-offset:3px;outline:3px solid #704760}.region-canvas{touch-action:none;-webkit-user-select:none;user-select:none}.region-canvas>img{width:100%;height:auto;display:block}.region-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.region-actions button{min-height:32px}.region-instructions{color:#6d6068;font-size:11px;line-height:1.55;display:block}.region-editor .region-status{color:#704760;font-variant-numeric:tabular-nums;font-size:11px}@media (max-width:800px){.studio-shell.preview-expanded .studio-workspace{display:grid}.studio-shell.preview-expanded .preview-area{min-height:75vh}}.region-canvas{width:100%;padding:0;line-height:0;display:block;overflow:hidden}.region-canvas.is-drawing{cursor:crosshair;border-color:#704760}.region-canvas.is-drawing .region-selection{background:#70476030;border-style:dashed}.region-editor .region-summary{color:#704760;font-variant-numeric:tabular-nums;font-size:11px;line-height:1.5}.module-version{align-items:center;gap:6px;display:flex}.module-version b,.module-version span{letter-spacing:0;border-radius:6px;padding:5px 7px;font:800 9px/1 monospace}.module-version span{color:#687284;background:#f0f2f5}.schema-fields{gap:2px;display:grid}.repeater-head{color:#606b7c;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.color-field input{background:#fff;border:1px solid #d9dee5;border-radius:7px;width:100%;height:35px;padding:3px}.preview-area{grid-template-rows:auto auto minmax(0,1fr) auto}.preview-toolbar{grid-row:1}@media (max-width:800px){.studio-shell{grid-template-rows:auto auto}}.studio-validation-note{grid-row:2;min-height:0}.studio-validation-note:not(:empty){color:#803b2c;background:#fff2e8;padding:10px 18px;font-size:13px;line-height:1.5}.preview-wrap{grid-row:3;align-items:start}.preview-area>footer{grid-row:4}.preview-surface{background:#fbfaf7;width:min(100%,960px);min-width:690px;min-height:650px;transition:width .3s;overflow:hidden;box-shadow:0 20px 55px #18202e2e}.preview-wrap.mobile .preview-surface{width:390px;min-width:390px;min-height:750px}.preview-surface>.ff-timeline{min-height:inherit}.product-preview-frame{width:100%;height:100%;min-height:inherit;background:#fff;border:0;display:block}.preview-wrap.mobile .preview-surface>.ff-timeline{padding:38px 27px}.preview-wrap.mobile .ff-intro h1{font-size:38px}.preview-wrap.mobile .ff-moments{grid-template-columns:repeat(var(--ff-count), minmax(108px, 1fr))}.preview-wrap.mobile .ff-story{grid-template-columns:1fr;min-height:260px}.preview-wrap.mobile .ff-index{display:none}.preview-wrap.mobile .ff-media{grid-row:1;min-height:110px}.preview-notes{grid-row:2;min-width:0}.field-slot{display:contents}.studio-edit-hint{color:#3d2a7a;background:#f1ecff;border-bottom:1px solid #ddd3fb;margin:0;padding:8px 18px;font-size:12px;line-height:1.5}.view-button.edit-mode-button{margin-left:4px}.view-button.edit-mode-button.active{color:#fff;background:#5b3cc4}.view-button:focus-visible{outline-offset:1px;outline:2px solid #5b3cc4}.field-flash{animation:1.5s ease-out field-flash}@keyframes field-flash{0%,35%{outline-offset:2px;background-color:#f1ecff;outline:3px solid #7c4dff}to{outline-offset:2px;outline:3px solid #0000}}@media (prefers-reduced-motion:reduce){.field-flash{outline:3px solid #7c4dff;animation-duration:10ms}}@media (max-width:560px){.preview-toolbar{grid-template-columns:1fr;justify-items:center;gap:6px;padding-block:6px}.preview-toolbar>span:first-child,.preview-toolbar>span:last-child{justify-self:center}}.hosted-studio-shell{color:#f0eee9;background:#191716;min-height:100vh}.hosted-studio-header{background:#191716;border-bottom:1px solid #3c3538;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,5vw,76px);display:flex}.hosted-brand,.hosted-studio-header>div{align-items:center;display:flex}.hosted-brand .visonia-brand{color:#f0eee9}.hosted-studio-header>div{gap:22px}.hosted-studio-header a{color:#c1b8bc;font-size:13px}.hosted-status{color:#b8afb3;align-items:center;gap:8px;font-size:12px;display:flex}.hosted-status i{background:#d8b9c9;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d8b9c91a}.web-studio-picker{width:min(1320px,100% - 40px);margin:0 auto;padding:clamp(54px,7vw,92px) 0 54px}.studio-picker-intro{max-width:960px}.studio-picker-intro>span{color:#d8b9c9;letter-spacing:.13em;font:800 11px/1 ui-monospace,monospace}.studio-picker-intro h1{letter-spacing:-.058em;margin:18px 0 21px;font-family:Georgia,serif;font-size:clamp(48px,6.2vw,82px);font-weight:500;line-height:.94}.studio-picker-intro p{color:#b8afb3;max-width:760px;margin:0;font-size:17px;line-height:1.65}.loader-error{color:#ff9da5!important;margin-top:18px!important}.studio-category-filter{scrollbar-color:#64555d transparent;gap:7px;margin:clamp(42px,6vw,70px) 0 22px;padding-bottom:7px;display:flex;overflow-x:auto}.studio-category-filter button{color:#b8afb3;cursor:pointer;background:#211d1f;border:1px solid #4a4045;flex:none;align-items:center;gap:13px;min-height:48px;padding:0 15px;font-size:12px;font-weight:750;display:flex}.studio-category-filter button:hover{border-color:#88727e}.studio-category-filter button.is-active{color:#191716;background:#d8b9c9;border-color:#d8b9c9}.studio-category-filter b{opacity:.72;font:800 9px/1 ui-monospace,monospace}.web-studio-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.studio-product-card{color:#f0eee9;text-align:left;cursor:pointer;background:#211d1f;border:1px solid #40383c;flex-direction:column;min-height:255px;padding:23px;transition:transform .18s,border-color .18s;display:flex}.studio-product-card:hover{border-color:#8e7884;transform:translateY(-3px)}.studio-product-card:disabled{opacity:.5}.studio-product-card>div{justify-content:space-between;align-items:center;display:flex}.studio-product-card>div span{color:#d8b9c9;font:800 13px/1 ui-monospace,monospace}.studio-product-card>div small{color:#a99da3;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;letter-spacing:.08em;border:1px solid #4b4146;border-radius:30px;max-width:65%;padding:6px 8px;font:700 9px/1 ui-monospace,monospace;overflow:hidden}.studio-product-card h2{letter-spacing:-.035em;margin:32px 0 9px;font-family:Georgia,serif;font-size:27px;font-weight:500}.studio-product-card p{color:#aaa0a5;margin:0 0 24px;font-size:13px;line-height:1.55}.studio-product-card strong{color:#d8b9c9;border-top:1px solid #40383c;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;font-size:12px;display:flex}.studio-product-card strong svg{width:16px}.web-studio-assurance{border-top:1px solid #352e31;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:38px;padding-top:28px;display:grid}.web-studio-assurance article{background:#211d1f;border:1px solid #40383c;grid-template-columns:36px 1fr;gap:13px;padding:19px;display:grid}.web-studio-assurance svg{color:#d8b9c9;width:21px}.web-studio-assurance h2{margin:0 0 6px;font-size:14px}.web-studio-assurance p{color:#aaa0a5;margin:0;font-size:12px;line-height:1.55}.repeater-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.repeater-head>span{font-size:11px;font-weight:800}.repeater-head>span small{color:#84909f;margin-left:5px;font:700 9px/1 monospace}.mini-button:disabled{opacity:.42;cursor:not-allowed}.repeater-limits{color:#8993a1;margin:6px 0 10px;font-size:9px}@media (max-width:960px){.web-studio-products{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-picker-intro h1{font-size:clamp(48px,8vw,70px)}}@media (max-width:700px){.hosted-studio-header{height:70px;padding-inline:17px}.hosted-status{display:none}.hosted-studio-header>div{gap:13px}.web-studio-picker{width:min(100% - 28px,570px);padding-top:46px}.studio-picker-intro h1{font-size:46px}.studio-picker-intro p{font-size:15px}.web-studio-products,.web-studio-assurance{grid-template-columns:1fr}}.studio-shell{background:#191716}.studio-header{color:#f0eee9;background:#191716;border-color:#3d3539;height:70px;padding-inline:20px}.brand{color:#f0eee9;text-decoration:none}.brand-mark{color:#191716;background:#f0eee9;border-radius:0;place-items:center;width:29px;height:29px;font-family:Georgia,serif;font-size:19px;font-style:italic;font-weight:700;display:grid}.brand-mark i{display:none}.brand strong{font-family:Georgia,serif;font-size:18px;font-style:italic;font-weight:600}.brand em{color:#695c63}.brand>span:last-child{color:#b6abb0}.offline-pill{color:#afa4a9}.offline-pill i,.preview-toolbar>span:first-child i{background:#b887a1;box-shadow:0 0 0 4px #b887a11a}.button{color:#ded6da;background:#282225;border-color:#50444a;border-radius:0}.button:hover{background:#342b30}.button.primary{color:#fff;background:#563449;border-color:#6c4058}.button.primary:hover{background:#6b4059}.editor{background:#fbfaf7;border-color:#d7d2ca}.editor-top{background:#f0eee9;border-color:#ded9d1}.editor-top span,.section-label>span,.section-label>div>span{color:#704760}.module-version b{color:#fff!important;background:#563449!important}.privacy-notice{background:#f4edf1;border-color:#d9c7d1;border-radius:0}.privacy-notice .lock{color:#704760}.privacy-notice p{color:#6d6569}.editor-scroll{scrollbar-color:#c8bec3 transparent}.control-section+.control-section{border-color:#ddd8d0}.mini-button{background:#fbfaf7;border-color:#d3cdc4;border-radius:0}.control-section input[type=text],.control-section input[type=number],.control-section textarea,.control-section select,.item-fields input[type=text],.item-fields textarea{background:#fff;border-color:#d8d1c8;border-radius:0}.control-section input:focus,.control-section textarea:focus,.control-section select:focus,.item-fields input:focus,.item-fields textarea:focus{border-color:#704760;box-shadow:0 0 0 3px #7047601a}.item-card,.image-row{border-radius:0}.item-card summary span{color:#f0eee9;background:#563449;border-radius:0}.image-picker{background:#f8f2f5;border-color:#cbbdc5;border-radius:0;color:#704760!important}.remove-button,.color-grid input{border-radius:0}.control-section input[type=range],.switch-row input{accent-color:#704760}.preview-area{background:#ddd9d3}.preview-toolbar{background:#f0eee9;border-color:#cec8bf}.preview-toolbar>span:first-child{color:#332c30}.preview-toolbar>div{background:#ddd8d0;border-radius:0}.view-button{border-radius:0}.view-button.active{background:#fbfaf7}.preview-surface{box-shadow:0 20px 55px #29202526}.preview-area footer{background:#f0eee9;border-color:#cec8bf}.preview-area footer .error{color:#9e3540}dialog{color:#241f21;background:#fbfaf7;border-radius:0;width:min(940px,100% - 32px);max-height:calc(100vh - 32px);overflow:auto}.dialog-head span,.storyline-tracking header>span,.integration-guide header>span{color:#704760;letter-spacing:.13em;font:800 9px/1 ui-monospace,monospace}.dialog-head h2{font-family:Georgia,serif;font-size:27px;font-weight:500}.dialog-head button{border-radius:0}.purchase-mode-note{color:#6a6065;background:#f4edf1;border-left:3px solid #704760;margin:16px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.validation{color:#624055;background:#f7f0f4;border-color:#d6c5ce;border-radius:0}.validation.error{color:#9b3038;background:#fff4f5;border-color:#f0cdd0}.storyline-tracking{background:#f7f4f0;border:1px solid #d8d1c8;margin:15px 0;padding:16px}.storyline-tracking header h3,.integration-guide header h3{letter-spacing:-.025em;margin:5px 0 4px;font:500 20px/1.15 Georgia,serif}.storyline-tracking header p,.integration-guide header p{color:#746b70;margin:0;font-size:12px;line-height:1.5}.tracking-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.tracking-modes>label{cursor:pointer;background:#fff;border:1px solid #d8d1c8;grid-template-columns:18px 1fr;gap:9px;padding:12px;display:grid}.tracking-modes>label.is-active{border-color:#704760;box-shadow:inset 3px 0 #704760}.tracking-modes>label.is-disabled{opacity:.52;cursor:not-allowed}.tracking-modes input{accent-color:#704760;margin:2px 0 0}.tracking-modes span{gap:4px;display:grid}.tracking-modes strong{font-size:13px}.tracking-modes small{color:#756d71;font-size:11px;line-height:1.45}.tracking-settings{background:#eee8eb;grid-template-columns:150px 190px minmax(0,1fr);align-items:end;gap:10px;margin-top:10px;padding:11px 12px;display:grid}.tracking-settings label{gap:5px;display:grid}.tracking-settings label>span{color:#5e555a;font-size:11px;font-weight:700}.tracking-settings input{background:#fff;border:1px solid #cfc5ca;width:100%;height:36px;padding:0 9px}.tracking-settings label>div{grid-template-columns:1fr 30px;display:grid}.tracking-settings label>div b{color:#fff;background:#704760;place-items:center;font-size:12px;display:grid}.tracking-settings p{color:#685f64;margin:0;font-size:11px;line-height:1.45}.export-card{background:#fff;border-color:#d8d1c8;border-radius:0}.export-card:hover{border-color:#704760;box-shadow:0 8px 22px #30232b17}.export-card>span,.export-card b{color:#704760}.integration-guide{border-top:1px solid #d8d1c8;margin-top:16px;padding-top:16px}.integration-guide nav{gap:5px;margin:12px 0 0;display:flex;overflow-x:auto}.integration-guide nav button{color:#62595e;background:#fff;border:1px solid #d4ccd0;flex:none;padding:8px 10px;font-size:11px;font-weight:700}.integration-guide nav button.is-active{color:#fff;background:#704760;border-color:#704760}.guide-body{background:#f4edf1;border-left:3px solid #704760;margin-top:8px;padding:14px 16px}.guide-body>p{color:#3f373b;margin:0;font-size:13px;font-weight:700;line-height:1.5}.guide-body ol{color:#5f565b;margin:11px 0;padding-left:19px;font-size:12px;line-height:1.55}.guide-body li+li{margin-top:6px}.guide-body>small{color:#704760;border-top:1px solid #dcced5;padding-top:9px;font-size:10px;font-weight:700;display:block}@media (max-width:700px){.tracking-modes,.tracking-settings{grid-template-columns:1fr}.tracking-settings{align-items:stretch}}.studio-variant-switch{color:#b6abb0;align-items:center;gap:8px;font-size:12px;display:flex}.studio-variant-switch select{color:#f0eee9;min-height:34px;font:inherit;background:#282225;border:1px solid #50444a;padding:0 8px}.studio-picker-modes{background:#211d1f;border:1px solid #4a4045;border-radius:999px;gap:4px;min-width:0;max-width:100%;margin:clamp(36px,5vw,56px) 0 0;padding:4px;display:inline-flex}.studio-picker-modes button{color:#c9bfc4;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:750;display:inline-flex}.studio-picker-modes button:hover{color:#f0eee9}.studio-picker-modes button[aria-pressed=true]{color:#191716;background:#d8b9c9}.studio-picker-modes b{opacity:.75;font:800 10px/1 ui-monospace,monospace}.studio-picker-modes+.studio-category-filter,.studio-templates{margin-top:22px}.studio-template-filters{gap:14px;display:grid}.studio-template-levels{border:0;flex-wrap:wrap;gap:7px;min-width:0;margin:0;padding:0;display:flex}.studio-template-levels button{color:#c9bfc4;min-height:44px;font:inherit;cursor:pointer;background:#211d1f;border:1px solid #4a4045;align-items:center;gap:10px;padding:0 15px;font-size:13px;font-weight:750;display:inline-flex}.studio-template-levels button:hover{border-color:#88727e}.studio-template-levels button[aria-pressed=true]{color:#191716;background:#f0eee9;border-color:#f0eee9}.studio-template-levels b{opacity:.75;font:800 10px/1 ui-monospace,monospace}.studio-template-count{color:#b8afb3;margin:20px 0 6px;font-size:13px}.studio-template-level{padding-top:26px}.studio-template-level+.studio-template-level{border-top:1px solid #352e31;margin-top:14px}.studio-template-level>h2{letter-spacing:-.03em;align-items:baseline;gap:12px;margin:0 0 16px;font-family:Georgia,serif;font-size:clamp(28px,3vw,38px);font-weight:500;display:flex}.studio-template-level>h2 span{color:#a99da3;letter-spacing:.08em;font:800 11px/1 ui-monospace,monospace}.studio-template-copy .studio-template-subject{color:color-mix(in srgb, var(--subject,#d8b9c9) 42%, #fff);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.studio-template-subject .library-subject-icon,.studio-template-subject svg{flex:none;width:15px;height:15px}.studio-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.studio-template-card{border:1px solid #40383c;border-top:3px solid var(--shelf-on-dark,#d8b9c9);color:#f0eee9;text-align:left;font:inherit;cursor:pointer;background:#211d1f;grid-template-rows:auto 1fr;padding:0;transition:transform .18s,border-color .18s;display:grid;overflow:hidden}.studio-template-card:hover{border-color:#8e7884;border-top-color:var(--shelf-on-dark,#d8b9c9);transform:translateY(-3px)}.studio-template-card:focus-visible{outline-offset:3px;outline:3px solid #d8b9c9}.studio-template-card:disabled{opacity:.5}.studio-template-card img{aspect-ratio:3/2;object-fit:cover;background:#f4f1ec;width:100%;height:auto;display:block}.studio-template-copy{align-content:start;gap:8px;padding:16px 18px 18px;display:grid}.studio-template-copy strong{letter-spacing:-.02em;font-family:Georgia,serif;font-size:21px;font-weight:500;line-height:1.2}.studio-template-copy small{color:#b3a9ae;font-size:13px;line-height:1.55}.studio-template-copy em{color:var(--shelf-on-dark,#d8b9c9);border-top:1px solid #40383c;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding-top:12px;font-size:12px;font-style:normal;font-weight:750;display:flex}.studio-template-copy em svg{flex:none;width:16px}.studio-template-empty{color:#b8afb3;margin:30px 0;display:block}@media (max-width:1180px){.studio-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:960px){.studio-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.studio-picker-modes{display:flex}.studio-picker-modes button{text-align:center;flex:1;justify-content:center;padding:4px 10px;line-height:1.2}.studio-template-grid{grid-template-columns:1fr}}.studio-picker-modes~.library-toolbar,.studio-template-toolbar{background:0 0;padding:0}.studio-picker-modes~.library-toolbar{margin-bottom:22px}.studio-picker-modes~.library-toolbar .library-search,.studio-template-toolbar .library-search,.studio-picker-modes~.library-toolbar select,.studio-template-toolbar select{color:#f0eee9;background:#211d1f;border:1px solid #4a4045;border-radius:0}.studio-picker-modes~.library-toolbar input,.studio-template-toolbar input{color:#f0eee9}.studio-picker-modes~.library-toolbar input::placeholder,.studio-template-toolbar input::placeholder{color:#a99da3;opacity:1}.studio-picker-modes~.library-toolbar .library-search:focus-within,.studio-template-toolbar .library-search:focus-within{outline-offset:2px;outline:3px solid #d8b9c9}.studio-picker-modes~.library-toolbar select:focus-visible{outline-offset:2px;outline:3px solid #d8b9c9}.studio-template-toolbar select:focus-visible{outline-offset:2px;outline:3px solid #d8b9c9}.editor{min-width:0}.editor-scroll{flex:1;min-height:0}.studio-history{border-bottom:1px solid #ddd8d0;gap:8px;padding:10px 20px;display:flex}.studio-history button,.signature-tools button{color:#273651;cursor:pointer;background:#fff;border:1px solid #cbd3df;border-radius:7px;min-height:36px;padding:8px 11px;font-size:14px}.studio-history button:disabled{opacity:.4;cursor:default}.signature-tools{background:#edf2fa;border-bottom:1px solid #d6dce6;max-height:260px;padding:14px 20px;overflow:auto}.signature-tools>span{letter-spacing:.08em;color:#385080;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.signature-brand-actions{flex-wrap:wrap;gap:6px;display:flex}.signature-tools>small{color:#536279;margin-top:10px;font-size:12px;line-height:1.5;display:block}.signature-tools details{margin-top:12px}.signature-tools summary{cursor:pointer;font-size:14px;font-weight:600}.signature-data-import p{color:#536279;font-size:14px;line-height:1.5}.signature-graph>div{background:#fff;border:1px solid #ccd5e4;border-radius:8px;gap:5px;margin-top:10px;padding:12px;font-size:13px;display:grid}.signature-graph>div>b{font-size:14px}.signature-graph>div>span{color:#43617d}.signature-graph .is-invalid{color:#b32e45}.schema-section-tabs{z-index:3;background:#fff;border-bottom:1px solid #ddd8d0;flex-wrap:wrap;gap:6px;padding:16px 20px;display:flex;position:sticky;top:0}.schema-section-tabs button{cursor:pointer;color:#38455e;background:#f5f7fb;border:1px solid #cdd5e2;border-radius:6px;min-height:34px;padding:6px 9px;font-size:13px}.schema-section-tabs button[aria-pressed=true]{color:#fff;background:#273b61;border-color:#273b61}.control-section label,.switch-row strong,.repeater-head,.repeater-head small{font-size:14px!important}.control-section input,.control-section textarea,.control-section select{font-size:16px!important}.control-section input[type=color]{height:42px}.section-label h2{font-size:16px!important}.module-version{display:none}.control-section{padding-top:20px}.item-card summary strong{font-size:14px!important}.item-card summary{min-height:52px}.mini-button,.remove-button{font-size:13px!important}.image-replace{margin-bottom:8px;padding:12px!important}.image-row img{background:#dce2ed;object-fit:contain!important}.image-row strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.image-row small{font-size:12px}.region-editor{gap:10px;margin:12px 0;display:grid}.region-editor>strong{font-size:14px}.region-editor>p{color:#59657a;margin:0;font-size:13px;line-height:1.5}.region-canvas{touch-action:none;cursor:crosshair;border:1px solid #c0cbdc;position:relative}.region-canvas>img{pointer-events:none;width:100%;height:auto;display:block}.region-canvas>span{pointer-events:none;background:#7455ce30;border:2px solid #7455ce;position:absolute}.region-values{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.region-values label{font-size:13px}.region-values input{width:100%;min-width:0}.preview-surface{border-radius:18px;width:min(100%,1120px);min-height:760px;min-width:0!important}.preview-wrap.mobile .preview-surface{width:min(100%,390px)!important;min-width:0!important}.preview-wrap{min-width:0;overflow:auto;padding:24px!important}.product-preview-frame{height:900px;min-height:760px}.preview-toolbar{flex-wrap:wrap;gap:12px;height:auto;min-height:58px;padding:12px 20px;font-size:13px!important}.preview-toolbar>span:last-child{text-align:right;max-width:240px}.preview-area footer{flex-wrap:wrap;gap:12px;height:auto;min-height:48px;padding:10px 20px;font-size:13px!important}.privacy-notice p{font-size:13px!important}.tracking-modes strong,.tracking-settings label>span{font-size:14px!important}.tracking-modes small,.tracking-settings p,.guide-body>small{font-size:13px!important}.guide-body ol,.integration-guide header p,.storyline-tracking header p,.integration-guide nav button{font-size:14px!important}.preview-validation{color:#744312;background:#fff1d8;padding:10px 20px;font-size:14px}.preview-validation p{margin:0}.studio-header .button{font-size:13px}@media (max-width:800px){.studio-workspace{flex-direction:column!important;height:auto!important;display:flex!important}.editor{height:auto!important;max-height:none!important;overflow:visible!important}.editor-scroll{max-height:600px!important}.preview-area{min-height:850px}.studio-header{flex-wrap:wrap;gap:15px;height:auto!important;padding:14px!important}.header-actions{flex-wrap:wrap;justify-content:flex-start}.preview-wrap{padding:12px!important}.schema-section-tabs{position:static}.preview-toolbar>span:last-child{max-width:none}}
