body.sa-portal{margin:0;background:#10131d;color:#f2edf9;font-family:system-ui,sans-serif;min-height:100vh}body.sa-portal *{box-sizing:border-box}.sa-portal-top{max-width:1320px;margin:auto;padding:23px 36px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #34394c}.sa-portal-top a{color:#d5c3ee;text-decoration:none;font-size:13px}.sa-portal-top span{font-size:10px;letter-spacing:2.5px;color:#aaa3bd}.sa-portal .sa-portal-app{margin:0 auto!important;border-radius:0;max-width:1320px;background:transparent;padding:42px 36px!important}.sa-portal .sa-header{margin-bottom:27px}.sa-portal .sa-header h1{font-size:clamp(26px,3.5vw,42px)}.sa-steps{display:flex;gap:28px;padding:0 0 28px;color:#b5adc6;font-size:12px}.sa-steps b{color:#cfb9ed;margin-right:7px;font-weight:500}.sa-portal-connect{display:flex;gap:24px;justify-content:space-between;align-items:center;background:#1b1e2d}.sa-portal-connect h2{font-weight:500;font-size:18px;margin:0 0 6px}.sa-portal-connect h2 span{font-size:11px;display:block;color:#c6b0ed;margin-top:8px}.sa-portal-connect form{margin:0;display:block}.sa-portal-connect .sa-actions{margin-top:10px}.sa-portal-connect small{display:block;font-size:11px;color:#b5adc6;margin-top:8px}.sa-portal input[type=checkbox]{width:16px;height:16px}.sa-portal button:disabled{opacity:.5;cursor:default}.sa-portal .sa-notice:not(:empty){top:10px}.sa-login{max-width:440px;margin:7vh auto;padding:30px;text-align:center}.sa-login-star{display:block;font-size:48px;color:#c6b0ed}.sa-login h1{font-weight:500;font-size:32px;letter-spacing:-1px}.sa-login p{color:#b5adc6;line-height:1.8;font-size:14px}.sa-login .sa-eyebrow{font-size:10px;letter-spacing:2px;color:#cfb9ed}.sa-login form{margin-top:30px;display:grid;gap:17px}.sa-login label{display:grid;gap:7px;text-align:left;font-size:12px;color:#d5cce3}.sa-login input:not([type=checkbox]){width:100%;padding:13px;border:1px solid #44495e;background:#1b1f2c;color:#fff;border-radius:9px;font:inherit}.sa-login-remember{display:flex!important;align-items:center}.sa-login .sa-button{font-size:14px;padding:14px}.sa-login>a{display:block;margin-top:22px;color:#c6b0ed;font-size:12px}.sa-login small{display:block;font-size:11px;color:#817a91;margin-top:24px}.sa-login-error{border:1px solid #b5778e;border-radius:8px;padding:10px;color:#facbdb!important;background:#3c2632}.sa-media-dialog{max-height:85vh;overflow:auto}.sa-media-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sa-media-files .sa-button{min-width:0;overflow-wrap:anywhere;padding:8px}.sa-media-files img{display:block;width:100%;height:90px;object-fit:contain;margin-bottom:6px;background:#141824;border-radius:6px}.sa-media-upload{display:grid;gap:10px;border:1px dashed #625675;padding:15px;border-radius:10px;color:#c6b0ed;font-size:12px}.sa-media-dialog .sa-dialog-notice{font-size:12px;color:#e8b7cb}.sa-portal .sa-button{line-height:1.5}.sa-portal .sa-toggle{padding-right:4px}@media(max-width:760px){.sa-portal-top{padding:18px}.sa-portal-top span{font-size:8px;letter-spacing:1px}.sa-portal .sa-portal-app{padding:26px 16px!important}.sa-steps{gap:12px;font-size:10px;line-height:1.6;justify-content:space-between}.sa-steps span{flex:1}.sa-steps b{display:block}.sa-portal-connect{align-items:stretch;display:block}.sa-portal-connect>div+div{margin-top:16px}.sa-portal-connect form .sa-button{width:100%}.sa-login{margin:4vh auto;padding:24px}.sa-media-files{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Ready-made scenes: the studio keeps technical controls out of the main flow. */
.sa-portal .sa-layout{display:block}.sa-portal #sa-list{display:flex;gap:10px;overflow-x:auto;margin:0 0 24px;padding:3px}.sa-portal .sa-widget-item{width:190px;min-width:190px;margin:0;flex-shrink:0;padding:12px}.sa-portal .sa-widget-item small{font-size:10px}.sa-portal .sa-header{margin-bottom:24px}.sa-portal .sa-header h1{letter-spacing:-1.5px}.sa-portal .sa-steps{padding-bottom:20px}.sa-portal-connect{padding:15px 20px}.sa-portal-connect h2{font-size:15px}.sa-portal-connect h2 span{display:inline-block;margin:0 0 0 12px}.sa-portal-connect p{margin:5px 0}.sa-connected{border-color:#485c50;background:linear-gradient(100deg,#1a2927,#191d29)}.sa-connected form button{background:transparent!important;border-color:#506857!important;color:#c0e3c5!important;opacity:1!important}.sa-connection-options{font-size:11px;color:#b2a8bf;text-align:right;margin-top:9px}.sa-connection-options summary{font-weight:400}.sa-connection-options .sa-actions{justify-content:end}.sa-connected #sa-status:empty{display:none}
.sa-gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 17px}.sa-gallery-heading h2{font-size:21px;letter-spacing:-.6px;font-weight:500;margin:0}.sa-gallery-heading>span{font-size:11px;color:#9c95ac}.sa-jar-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:25px}.sa-design-card{position:relative;min-width:0;padding:15px 13px 12px;text-align:left;border-radius:17px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--card-accent) 10%,#161923),#161923 70%);border-color:#393344;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s}.sa-design-card:hover{transform:translateY(-3px);background-color:#222430;border-color:var(--card-accent)}.sa-design-card.chosen{border-color:var(--card-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent) 38%,transparent),0 8px 25px #0002}.sa-design-tag{color:var(--card-accent);font-size:8px;letter-spacing:1.8px;opacity:.85}.sa-card-art{height:204px;display:flex;align-items:center;justify-content:center;margin:8px -2px 2px}.sa-card-art .sa-jar-thumbnail{height:100%;width:auto;max-width:100%}.sa-design-card strong{font-size:13px;font-weight:600;line-height:1.5;margin-top:7px}.sa-design-description{font-size:10px;color:#aca5b9;line-height:1.65;margin:7px 0 14px;min-height:34px}.sa-design-choice{display:block;border:1px solid #ffffff15;border-radius:7px;padding:6px 10px;text-align:center;color:#c0b8cf;font-size:11px;margin-top:auto}.chosen .sa-design-choice{background:color-mix(in srgb,var(--card-accent) 12%,transparent);border-color:color-mix(in srgb,var(--card-accent) 30%,transparent);color:var(--card-accent)}
.sa-jar-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border:1px solid #3a3449;border-radius:20px;background:#191c29;overflow:hidden}.sa-jar-preview{border:0;border-radius:0!important;min-width:0;background:radial-gradient(ellipse at 40% 30%,#38334944,transparent 60%),linear-gradient(140deg,#27372e,#151c26 58%,#18292c)!important}.sa-simple-preview-bar{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.7px;color:#c4c8bb;padding:15px 20px}.sa-demo-badge{border:1px solid #ffffff24;padding:5px 7px;border-radius:20px;letter-spacing:.3px}.sa-portal .sa-jar-preview iframe{width:100%;height:520px}.sa-jar-tools{padding:29px 30px;display:flex;flex-direction:column;align-items:start;min-width:0}.sa-jar-tools h2{font-size:27px;line-height:1.3;letter-spacing:-.8px;font-weight:500;margin:12px 0}.sa-jar-tools h3{font-size:13px;font-weight:500;margin:22px 0 12px}.sa-jar-intro{font-size:12px;color:#b7adc6;line-height:1.9;margin:0 0 0}.sa-jar-tools .sa-hint{font-size:10px;line-height:1.8;margin:10px 0}.sa-main-test,.sa-main-copy{width:100%;padding:13px 17px;font-size:13px;text-align:center;border-radius:10px}.sa-main-test{background:#2c2941;border-color:#746082;color:#f4eaff}.sa-main-copy{box-shadow:0 4px 17px #ccacff15}.sa-test-options,.sa-obs-help{font-size:11px;color:#aca3bc;width:100%;margin:4px 0}.sa-test-options summary,.sa-obs-help summary{font-weight:400}.sa-test-options .sa-actions{padding:10px 0}.sa-test-options button{font-size:10px}.sa-obs-help{margin-top:12px}.sa-obs-help ol{padding-left:20px;font-size:11px;line-height:1.9}.sa-autosave-note{font-size:10px;color:#a4bda7;margin:22px 0 0}.sa-copy-fallback{width:100%;margin-top:10px}.sa-jar-management,.sa-advanced{border-top:1px solid #353040;margin-top:23px;padding-top:15px;color:#9c93ac;font-size:11px}.sa-management-content{padding:10px 0}.sa-management-content p{font-size:11px}.sa-management-content button{margin:8px 8px 0 0;font-size:10px}.sa-portal .sa-empty{padding:50px 24px}.sa-design-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:4px}.sa-portal .sa-dialog{max-height:90vh;overflow:auto}
@media(max-width:1000px){.sa-jar-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-card-art{height:190px}.sa-jar-tools{padding:24px}.sa-jar-tools h2{font-size:23px}.sa-portal .sa-jar-preview iframe{height:500px}}
@media(max-width:620px){.sa-jar-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-design-card{padding:12px}.sa-card-art{height:165px}.sa-design-card strong{font-size:12px}.sa-design-description{font-size:10px}.sa-gallery-heading{display:block}.sa-gallery-heading h2{font-size:20px;margin-bottom:6px}.sa-gallery-heading>span{font-size:10px}.sa-jar-workspace{display:flex;flex-direction:column}.sa-portal .sa-jar-preview iframe{height:440px}.sa-jar-tools{padding:24px}.sa-portal-connect h2 span{display:block;margin:5px 0}.sa-portal-connect{padding:15px}.sa-connection-options{text-align:left}.sa-connection-options .sa-actions{justify-content:start}.sa-portal .sa-steps{font-size:10px}.sa-design-card:nth-child(5){grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.sa-design-card:nth-child(5) .sa-card-art{grid-row:1 / span 5;grid-column:1;margin:0}.sa-design-card:nth-child(5)>:not(.sa-card-art){grid-column:2}.sa-design-card:nth-child(5) .sa-design-choice{align-self:end}.sa-design-card:nth-child(5) strong{align-self:end}}
@media(prefers-reduced-motion:reduce){.sa-design-card{transition:none}.sa-design-card:hover{transform:none}}
.sa-portal .sa-portal-app{padding-top:28px!important}.sa-portal .sa-header{margin-bottom:18px}.sa-portal .sa-header h1{font-size:32px;margin:8px 0}.sa-portal .sa-header p{font-size:12px;margin:8px 0}.sa-portal .sa-steps{display:none}.sa-portal .sa-connect{margin-bottom:18px}.sa-portal #sa-list{margin-bottom:22px}.sa-portal .sa-widget-item{grid-template-columns:22px 1fr;padding:10px 12px;align-items:center}.sa-portal .sa-widget-symbol{font-size:21px;grid-row:auto}.sa-portal .sa-widget-item small{display:none}.sa-portal .sa-widget-item strong{font-size:11px;line-height:1.5}.sa-card-art{height:184px}.sa-design-description{min-height:33px}.sa-portal .sa-notice:not(:empty){position:fixed;top:auto;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;box-shadow:0 8px 30px #0006;margin:0;padding:12px 18px;pointer-events:none}.sa-portal .sa-notice.error{pointer-events:auto}.sa-connected .sa-connection-options{margin-top:4px}
@media(max-width:620px){.sa-portal .sa-header h1{font-size:27px}.sa-card-art{height:150px}.sa-portal .sa-widget-item{min-width:160px;width:160px}.sa-portal .sa-portal-app{padding-top:22px!important}.sa-portal .sa-notice:not(:empty){width:calc(100vw - 32px);bottom:12px}}
.sa-jar-modes{display:flex;gap:6px;margin:18px 0 12px;flex-wrap:wrap}.sa-jar-modes button{font-size:11px;padding:7px 11px;background:transparent}.sa-jar-modes button.active{background:#c6b0ed20;border-color:#a18ab9;color:#ecdcff}
.sa-jar-goal-form{display:flex;gap:9px;align-items:end;flex-wrap:wrap;width:100%;margin:6px 0}.sa-jar-goal-form label{display:grid;gap:8px;font-size:12px;flex:1;min-width:140px}.sa-goal-input-row{display:flex;align-items:center;gap:9px}.sa-goal-input-row input{width:100%;font-size:16px!important;min-height:40px!important}.sa-goal-input-row span{color:#c9bed7;font-size:15px}.sa-jar-goal-form button{min-height:40px}.sa-goal-live{color:#d4c1ea;font-size:11px;margin:5px 0}
.sa-jar-goal-form .sa-goal-title-field{flex-basis:100%}.sa-goal-title-field input{width:100%}
.sa-jar-view-tabs{display:flex;gap:5px;flex-shrink:0}.sa-jar-view-tabs .sa-button{font-size:10px;padding:7px 9px;letter-spacing:0}.sa-jar-view-tabs [aria-pressed=true]{border-color:#ccb5e8;background:#42354f;color:#fff}.sa-jar-live-controls{width:100%;border:1px solid #655476;background:#252333;border-radius:14px;padding:16px;margin:14px 0}.sa-jar-live-controls h3{margin:0 0 6px}.sa-jar-live-status strong{display:block;font-size:22px;font-weight:500;margin:12px 0;overflow-wrap:anywhere}.sa-jar-live-meter{height:10px;overflow:hidden;border-radius:8px;background:#111621;border:1px solid #635170}.sa-jar-live-meter span{display:block;width:var(--fill,0%);height:100%;background:linear-gradient(90deg,#a78bd3,#e3c0eb);transition:width .35s}.sa-jar-live-percent{display:block;font-size:11px;color:#d7c2e6;margin:8px 0}.sa-jar-correction{font-size:12px;border-top:1px solid #51425e;padding-top:13px;margin-top:12px}.sa-jar-correction form{display:grid;gap:10px;padding-top:13px}.sa-jar-correction label{display:grid;gap:7px;font-size:12px}.sa-jar-correction input{width:100%;min-height:40px}.sa-jar-new-live{margin-top:14px!important;font-size:11px}.sa-simple-preview-bar{gap:8px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.sa-jar-live-meter span{transition:none}}
.sa-bar-gallery .sa-bar-card-art{width:100%;height:94px;object-fit:contain;margin:10px 0}.sa-bar-workspace{border:1px solid #3a3449;border-radius:20px;overflow:hidden;background:#191c29}.sa-bar-preview{border:0;border-radius:0!important;background-color:#262938}.sa-portal .sa-bar-preview iframe,.sa-bar-preview iframe{width:100%;height:auto;min-height:180px;display:block;max-height:480px;border:0}.sa-bar-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.sa-bar-tools>h2,.sa-bar-tools>.sa-jar-intro,.sa-bar-tools>.sa-jar-goal-form,.sa-bar-tools>.sa-hint{grid-column:1/-1}.sa-bar-tools .sa-jar-live-controls{margin:0}.sa-bar-size-form,.sa-bar-test-form{display:grid;gap:12px;min-width:0;width:100%}.sa-bar-size-form h3,.sa-bar-test-form h3{margin:0 0 5px}.sa-bar-size-form details{font-size:12px}.sa-bar-size-form label{display:grid;gap:8px;padding-top:12px}.sa-bar-size-form input{width:100%}.sa-bar-size-readout,.sa-bar-obs-size{font-size:15px;color:#e7d6ff;font-variant-numeric:tabular-nums}.sa-bar-test-form label{display:grid;gap:8px;font-size:12px}.sa-bar-test-form input{width:100%;min-height:40px}.sa-bar-tools>.sa-jar-live-controls{grid-row:4/7}.sa-bar-tools>.sa-bar-size-form{grid-row:4/7}.sa-bar-tools>.sa-bar-test-form{grid-column:1}.sa-bar-tools>.sa-actions{grid-column:1}.sa-bar-tools>.sa-main-copy{grid-column:2}.sa-bar-tools>.sa-bar-obs-size{grid-column:2}.sa-bar-tools>.sa-obs-help{grid-column:2}@media(max-width:760px){.sa-bar-tools{display:flex;padding:20px}.sa-bar-gallery .sa-bar-card-art{height:80px}.sa-bar-tools>*{width:100%}.sa-bar-preview .sa-simple-preview-bar{padding:12px}.sa-bar-size-form{margin:12px 0 22px}.sa-bar-tools .sa-jar-live-status strong{font-size:20px}}
.sa-jar-size-form{display:grid;gap:12px;width:100%;margin:18px 0;padding-top:16px;border-top:1px solid #4b4058}.sa-jar-size-form h3{margin:0}.sa-jar-size-form label{display:grid;gap:8px;font-size:12px}.sa-jar-size-form details{font-size:12px}.sa-jar-size-form details label{padding-top:12px}.sa-jar-size-form input,.sa-jar-size-form select{width:100%}.sa-jar-size-readout,.sa-jar-obs-size{font-size:15px;color:#e7d6ff;font-variant-numeric:tabular-nums}.sa-portal .sa-sized-jar-preview iframe{height:auto;min-height:420px;max-height:900px;display:block;width:100%}
.sa-font-controls{display:grid;gap:12px;width:100%;padding:14px 0;border-top:1px solid #4c425a}.sa-font-controls h3{margin:0!important;font-size:13px}.sa-font-controls label{display:grid;gap:8px;font-size:12px}.sa-font-row{display:flex;align-items:center;gap:10px;min-width:0}.sa-font-row input[type=range]{flex:1;min-width:40px;width:auto}.sa-font-row input[type=number]{flex:0 0 72px;width:72px;min-width:0;text-align:center;min-height:38px}.sa-font-row span{font-size:11px;color:#b9aec8}.sa-font-controls .sa-button{font-size:11px}.sa-bar-size-form>label{display:grid;gap:8px;font-size:12px}.sa-bar-size-form select{width:100%}