#studio-dock{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:7px;padding:7px 8px 7px 15px;border:1px solid #ffffff29;background:#092e28f5;backdrop-filter:blur(20px);border-radius:14px;z-index:500;box-shadow:0 10px 40px #0007;font-family:Inter,Arial,sans-serif}#studio-dock.editor-open{right:410px}.dock-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#bbb8ca;padding-right:9px;max-width:225px}.dock-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-label i{width:5px;height:5px;background:#ffe224;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px #ffe22480}.studio-primary,.studio-secondary,.studio-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-family:Inter,Arial,sans-serif;font-size:11px;line-height:1.5;font-weight:600;padding:11px 15px;transition:background .2s,color .2s}.studio-primary{background:#ffe224;border:1px solid #ffe224;color:#fff}.studio-primary:hover{background:#fff06a}.studio-secondary{background:#ffffff06;border:1px solid #ffffff21;color:#d9d6e6}.studio-secondary:hover,.studio-icon:hover{background:#ffffff13}.studio-icon{width:35px;height:35px;padding:8px;background:transparent;color:#c7c1db;border:1px solid #ffffff16}.studio-primary svg,.studio-secondary svg,.studio-icon svg{width:15px;height:15px;flex-shrink:0}.wide{width:100%}.studio-stack{display:grid;gap:9px}.studio-overline{font-size:9px!important;font-weight:600;letter-spacing:1.6px;color:#d5e7bf!important;margin:0 0 9px!important;text-transform:uppercase}
#studio-editor{position:fixed;top:0;right:0;bottom:0;width:390px;background:#0b2d26;border-left:1px solid #ffffff24;z-index:600;display:flex;flex-direction:column;box-shadow:-18px 0 60px #0008;font-family:Inter,Arial,sans-serif;line-height:1.5}.studio-panel-header{padding:24px 21px 19px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff12}.studio-panel-header h2{font-family:Inter,Arial,sans-serif;font-size:19px;font-weight:650;margin:0 0 5px}.studio-panel-header #save-status{font-size:10px;color:#8e899f}.studio-selector{padding:13px 21px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:15px}.studio-selector>label{font-size:10px;color:#8c879d}.studio-selector select{flex:1}.studio-panel-body{flex:1;overflow:auto;padding:23px 21px}.studio-panel-footer{display:flex;gap:10px;border-top:1px solid #ffffff12;padding:17px 21px;background:#10382e}.studio-panel-footer .studio-primary{flex:1}.studio-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:10px;color:#c9c3d9;line-height:1.6}.studio-field>span{font-weight:500}.studio-field small{font-size:9px;color:#80798f;font-weight:400}.studio-field input:not([type=color]),.studio-field textarea,.studio-field select,.studio-selector select,#duplicate-form input{border:1px solid #ffffff1a;border-radius:7px;background:#06231e;color:#eeeaf8;font-size:11px;padding:10px 11px;width:100%;min-width:0;line-height:1.6}.studio-field textarea{min-height:90px;resize:vertical}.studio-field input[type=color]{width:100%;height:40px;padding:4px;border:1px solid #ffffff20;border-radius:8px;background:#06231e}.studio-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-hint{font-family:Inter,Arial,sans-serif!important;background:#ffffff03;border:1px solid #ffffff0c;border-radius:9px;padding:13px 14px;color:#9b93ac!important;font-size:11px!important;line-height:1.8!important;margin:0 0 22px!important}.studio-product,.studio-media{padding:13px;border:1px solid #ffffff14;border-radius:10px;margin-bottom:14px;background:#ffffff02}.studio-product>summary,.studio-media>summary{font-size:11px;color:#ddd5f2;cursor:pointer;line-height:1.6;overflow-wrap:anywhere}.studio-product[open]>summary,.studio-media[open]>summary{margin-bottom:20px}.studio-media-preview{width:100%;max-height:170px;object-fit:contain;border-radius:7px;margin-bottom:15px;background:#060609}.studio-switch{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff10;font-size:12px;color:#cec7de}.studio-switch input{accent-color:#ffe224;width:17px;height:17px}
#studio-modal{border:1px solid #ffffff24;padding:0;width:min(850px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border-radius:20px;background:#0b2d26;color:white;box-shadow:0 35px 150px #000b;font-family:Inter,Arial,sans-serif;z-index:1000}#studio-modal::backdrop{background:#04271ede;backdrop-filter:blur(10px)}.studio-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #ffffff15;gap:20px}.studio-modal-header h2{font-family:Inter,Arial,sans-serif;font-size:21px;font-weight:650}.studio-modal-body{padding:25px}.studio-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.studio-template{border:1px solid #ffffff20;border-radius:13px;overflow:hidden;background:#113b30}.studio-template.selected{border-color:#ffe224}.studio-mini{height:150px;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--preview-color) 23%,transparent),transparent 75%),#087b62;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center}.studio-mini span{font-family:Anton,Impact,sans-serif;font-size:9px;align-self:flex-start;margin-bottom:15px}.studio-mini b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:17px;line-height:1.2}.studio-mini strong{font-family:Anton,Impact,sans-serif;color:var(--preview-color);font-size:28px;line-height:1.2;font-weight:400}.studio-mini i{height:21px;width:5px;margin-top:5px;background:linear-gradient(#444,#0d352b);border:1px solid #585260;border-radius:3px}.studio-template-info{padding:15px}.studio-template-info h3{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:650;margin:0 0 7px}.studio-template-info small{font-size:10px;color:#9b90b0}.studio-template-info .studio-secondary{margin-top:16px}.studio-modal-actions{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}#duplicate-form{display:flex;gap:10px;margin-top:24px}#duplicate-form input{flex:1}.studio-offer{max-width:550px;margin:0 auto}.studio-offer h3{font-family:Anton,Impact,sans-serif;font-size:36px;font-weight:400;text-transform:uppercase;line-height:1.2;margin:10px 0 16px}.studio-offer p{font-size:13px;color:#afa6c0;line-height:1.8}.studio-price{font-size:40px;font-weight:650;margin:20px 0}.studio-price s{font-size:21px;color:#786e8a;margin-left:10px;font-weight:400}.studio-offer ul{list-style:none;margin:0 0 25px;padding:0}.studio-offer li{display:flex;align-items:flex-start;gap:9px;margin:12px 0;color:#d3cadd;font-size:12px}.studio-offer li svg{width:15px;height:15px;flex-shrink:0;color:#ffe224}#studio-toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%,12px);background:#fffbe4;color:#103326;box-shadow:0 10px 40px #0008;padding:13px 20px;border-radius:9px;font-family:Inter,Arial,sans-serif;font-size:12px;z-index:1500;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 40px);text-align:center}#studio-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.studio-template-grid{grid-template-columns:1fr 1fr}.local-review-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#studio-editor{width:min(390px,100vw)}#studio-dock{bottom:12px;right:12px;padding:6px;gap:6px;max-width:calc(100vw - 24px)}#studio-dock .dock-label{display:none}#studio-dock.editor-open{display:none}.studio-template-grid{grid-template-columns:1fr}.studio-modal-body{padding:19px}.studio-modal-header{padding:20px}.studio-modal-header h2{font-size:18px}#duplicate-form{flex-direction:column}.local-review-grid{padding:20px 18px;gap:12px;grid-template-columns:1fr}.studio-panel-header{padding-top:20px}.kp-root .topnav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kp-root *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.kp-root .local-track{animation:none!important}}
/* Locally authored media previews retain the reference composition. */
.bands img{pointer-events:none}.trk img{height:180px;width:auto;max-width:none;flex-shrink:0;object-fit:cover}.kpba-media img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.q-win>img{position:absolute;inset:-6%;width:112%;height:112%;max-width:none;object-fit:cover;filter:blur(2.6px) saturate(1.25) brightness(.9)}.mtile-mont,.cpfullv{object-fit:cover}.local-demo{width:100%;height:100%;min-height:470px;background:#092e27;color:#d8d5e2;font-family:Inter,Arial,sans-serif;text-align:left;display:flex;flex-direction:column}.demo-top{height:40px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;background:#073a30;font-size:9px;color:#8a8498;letter-spacing:1px}.demo-dots{letter-spacing:4px;color:#74548e}.demo-workspace{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:22px;padding:22px;flex:1;min-height:300px}.demo-label{display:block;font-size:8px;letter-spacing:1.5px;color:#91889f;margin-bottom:13px}.demo-library button{border:1px solid #ffffff15;border-radius:7px;background:#124637;width:100%;padding:12px;margin-bottom:10px;text-align:left;color:#91889f;font-size:8px}.demo-library button.active{border-color:#ffe224;background:#20553a}.demo-library strong{display:block;color:white;margin-top:7px;font-size:18px}.demo-library button:nth-child(2) strong{font-weight:400;font-size:16px}.demo-library button:nth-child(3) strong{font-style:italic;color:#e9ff75}.demo-canvas{background:radial-gradient(ellipse at 30% 20%,#157b5f,transparent),linear-gradient(150deg,#09523f,#052f28);position:relative;overflow:hidden;min-height:260px;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:5px}.demo-orbit{position:absolute;width:140px;height:140px;border-radius:35px;border:2px solid #ffe22477;transform:rotate(-18deg);box-shadow:0 0 90px #ffe22422;top:35px}.demo-caption{position:relative;z-index:2;font-family:Anton,Impact,sans-serif;text-align:center;line-height:1.05;font-size:36px;color:white;text-shadow:0 6px 18px #000}.demo-caption b{color:#ffe224;font-weight:400}.demo-canvas.clean .demo-caption{font:500 22px/1.3 Inter,Arial,sans-serif}.demo-canvas.clean .demo-caption b{color:white;font-weight:500}.demo-canvas.bold .demo-caption{font-size:38px;transform:rotate(-3deg)}.demo-canvas.bold .demo-caption b{background:#ffe224;color:#092f25;padding:0 5px}.demo-canvas-footer{position:absolute;bottom:15px;font-size:8px;color:#8e819e;letter-spacing:1px}.demo-settings b{font-size:9px;display:block;margin:12px 0 6px;color:#b3a7c6;font-weight:500}.demo-setting{padding:9px;background:#124637;border:1px solid #ffffff0e;border-radius:5px;font-size:9px}.demo-swatches{display:flex;gap:7px}.demo-swatches i{width:24px;height:22px;background:#087b62;border-radius:4px}.demo-swatches i:nth-child(2){background:#ffe224}.demo-swatches i:nth-child(3){background:#fff}.demo-play{border:1px solid #ffe22466;background:#1e674b;color:white;border-radius:6px;padding:10px 7px;margin-top:17px;width:100%;font-size:9px}.demo-timeline{height:120px;background:#062a23;border-top:1px solid #ffffff12;position:relative;padding:10px 20px 13px}.demo-times{display:flex;justify-content:space-between;color:#746d81;font-size:7px;margin-bottom:9px}.demo-track{display:flex;gap:6px;margin-top:7px}.demo-video-track{width:45%;padding:8px 12px;background:repeating-linear-gradient(90deg,#175443 0 35px,#206650 35px 37px);border:1px solid #69637866;border-radius:4px;font-size:8px;color:#d7d1e1}.demo-text-track{width:67%;padding:7px 12px;background:#826329;border:1px solid #ffe22488;border-radius:4px;font-size:8px;color:#eee4ff}.demo-playhead{position:absolute;top:8px;bottom:10px;left:23%;width:1px;background:#ffe224;box-shadow:0 0 10px #ffe22444}.playing .demo-playhead{animation:local-playhead 6s linear infinite}.playing .demo-caption{animation:local-caption 3s ease-in-out infinite}.playing .demo-orbit{animation:local-orbit 12s linear infinite}@keyframes local-playhead{from{left:6%}to{left:92%}}@keyframes local-caption{0%,100%{opacity:.3;translate:0 10px;scale:.95}25%,75%{opacity:1;translate:0 0;scale:1}}@keyframes local-orbit{to{rotate:360deg}}.demo.panel .scr:has(.local-demo){aspect-ratio:auto!important;padding:0!important;overflow:hidden}
@media(max-width:767px){.trk img{height:120px}.demo-workspace{padding:12px;gap:11px;grid-template-columns:.8fr 1.2fr}.demo-settings{display:none}.demo-library button{padding:9px}.demo-library strong{font-size:13px}.demo-canvas{min-height:230px;aspect-ratio:auto}.demo-caption{font-size:27px}.demo-canvas.bold .demo-caption{font-size:26px}.demo-canvas.clean .demo-caption{font-size:18px}.local-demo{min-height:390px}.demo-top{font-size:7px}.demo-top>span:last-child{display:none}.demo-timeline{height:105px}.demo-orbit{width:100px;height:100px}.demo-label{font-size:7px}}

/* Store editor and preview use the same green / yellow palette. */
#studio-editor,#studio-modal{color:#f7f8eb}.studio-primary{color:#123b2c}.studio-icon{color:#d8e7cb}.studio-hint{color:#b1c9ba!important}.studio-overline{color:#c5dcaa!important}.studio-field{color:#d5e4d4}.studio-field small,.studio-panel-header #save-status,.studio-selector>label{color:#9cb8aa}.studio-field input:not([type=color]),.studio-field textarea,.studio-field select,.studio-selector select,#duplicate-form input{color:#f7faed}.studio-secondary{color:#dbe8d4}.studio-product>summary,.studio-media>summary{color:#edf2de}.studio-offer p{color:#b1c9ba}.studio-offer li{color:#d6e7cf}.studio-mini{background-color:#087b62}.studio-mini strong{color:var(--preview-color)}.studio-load{text-align:center;padding:150px 25px}.demo-library button,.demo-top,.demo-label{color:#a2c6b1}.demo-settings b{color:#b0ccb6}.demo-canvas-footer{color:#bdd6bb}.demo-library strong{font-family:Inter,Arial,sans-serif}.demo-caption{font-family:Inter,Arial,sans-serif;font-weight:800;font-size:44px;letter-spacing:-2px}.demo-caption b{font-weight:800}.demo-canvas.clean .demo-caption{letter-spacing:-1px}.demo-canvas.bold .demo-caption{font-weight:800}.demo-canvas.bold .demo-caption b{font-weight:800}.demo-times{color:#98b29f}.local-demo{border-radius:7px;overflow:hidden}.demo-workspace{grid-template-columns:1fr 1.8fr 1fr;gap:25px;padding:30px;min-height:300px}.demo-canvas{min-height:280px}.demo-text-track{color:#fff5b9}.demo-play{min-height:36px}.demo-orbit{width:160px;height:160px;top:55px}.demo-settings b{margin-top:18px}.demo-canvas.bold .demo-caption{font-size:43px}.demo-canvas.clean .demo-caption{font-size:28px}.artwork-view{max-height:none}.studio-panel-header h2{letter-spacing:-.5px}.studio-modal-header h2{letter-spacing:-.5px;margin:0}.studio-template-info h3{letter-spacing:-.4px}.studio-offer h3{font-family:Inter,Arial,sans-serif;font-weight:800;text-transform:none;letter-spacing:-1.5px}.studio-offer .studio-price{letter-spacing:-1.7px}.studio-template-info small{color:#a6c1af}.studio-mini span{font-family:Inter,Arial,sans-serif;font-weight:800}.studio-mini i{display:none}.studio-mini b{font-family:Inter,Arial,sans-serif;font-weight:800}.studio-mini strong{font-family:Inter,Arial,sans-serif;font-weight:800}.studio-icon:focus-visible,.studio-primary:focus-visible,.studio-secondary:focus-visible{outline:2px solid #ffe224;outline-offset:3px}
@media(max-width:900px){.demo-workspace{gap:15px;padding:20px}.demo-caption{font-size:34px}.demo-canvas.bold .demo-caption{font-size:34px}.demo-canvas.clean .demo-caption{font-size:23px}}
@media(max-width:767px){.demo-workspace{padding:12px;gap:12px;grid-template-columns:.9fr 1.2fr}.demo-canvas{min-height:220px}.demo-caption{font-size:25px;letter-spacing:-1.4px}.demo-canvas.bold .demo-caption{font-size:25px}.demo-canvas.clean .demo-caption{font-size:18px}.demo-settings{display:block;grid-column:1/-1;text-align:center}.demo-settings>*:not(.demo-play){display:none}.demo-play{width:auto;padding:9px 22px;margin:0;min-height:36px}.demo-label{font-size:6px}.demo-library strong{font-size:13px}.demo-orbit{width:100px;height:100px}.local-demo{min-height:390px}.demo-top{font-size:6px}.demo-canvas-footer{font-size:6px;letter-spacing:.5px}.demo-library button{font-size:6px;padding:10px 8px}.demo-text-track{font-size:7px;width:85%}.demo-video-track{font-size:7px;padding:8px}.demo-disclaimer{margin-top:13px}.demo-timeline{height:106px}.studio-primary,.studio-secondary{min-height:40px}.studio-icon{min-height:36px;min-width:36px}}

.studio-product-art{display:block;width:100%;max-height:440px;object-fit:contain;border-radius:8px;margin-bottom:24px}.studio-offer:has(.studio-product-art){max-width:700px}
/* Owner controls stay hidden until the local server explicitly enables them. */
#studio-dock[hidden],#studio-editor[hidden]{display:none!important}