:root{--studio-ink:#0b2747;--studio-blue:#0096dc;--studio-line:#dce6ef;--studio-muted:#718399;--studio-paper:#f4f8fc}
body{color:var(--studio-ink);background:var(--studio-paper);font:13px 'Segoe UI',Arial,sans-serif}
button,input,select,textarea{font:inherit}
button{border-color:var(--studio-line);border-radius:8px;color:var(--studio-ink);transition:background .15s,border-color .15s}
button:hover{background:#eef7fd;border-color:#83c9ed}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--studio-blue);outline-offset:3px}
button[aria-pressed=true]{border-color:var(--studio-blue);color:#0075b8;background:#eaf6ff}
input:not([type=range]),select,.inspector textarea{border-color:var(--studio-line);border-radius:8px;background:#fff;color:var(--studio-ink);padding:11px 12px;min-width:0}
input[type=range],input[type=checkbox]{accent-color:var(--studio-blue)}
.primary,.primary:hover{background:var(--studio-blue);border-color:var(--studio-blue);color:#fff}
#lumise-navigations{height:68px;background:#fff;color:var(--studio-ink);border-bottom:1px solid var(--studio-line);padding:0 24px;gap:8px;box-shadow:0 2px 12px #09284e04}
#lumise-navigations>a{padding:8px 0;margin-right:16px!important;white-space:nowrap}
#lumise-navigations .studio-brand{font-size:20px;font-weight:850;letter-spacing:-.6px;line-height:1;white-space:nowrap}
.studio-brand>span{color:var(--studio-blue)}
#lumise-navigations .studio-brand small{display:block;font-size:8px;letter-spacing:2.2px;font-weight:600;color:var(--studio-muted);margin-top:7px}
#lumise-navigations button{background:#fff;border-color:var(--studio-line);color:var(--studio-ink);font-size:11px;font-weight:600;padding:10px 13px;border-radius:8px}
#lumise-navigations button:hover{background:#eff7fd;border-color:#84c9eb}
#lumise-navigations #studio-save{background:var(--studio-ink);color:#fff;border-color:var(--studio-ink)}
#lumise-navigations #layer-checkout{background:var(--studio-blue);color:#fff;border-color:var(--studio-blue)}
#lumise-navigations #editor-language{width:86px;flex-basis:86px;color:var(--studio-muted);background:#f6f9fc;border-color:var(--studio-line);border-radius:8px;font-size:10px;padding:9px 7px}
.studio{grid-template-columns:360px minmax(0,1fr) 288px;height:calc(100dvh - 68px);min-height:0}
.left-sidebar{min-height:0;overflow:hidden}
.left-sidebar .resource-rail{width:78px;flex-basis:78px;background:#fff;border-right:1px solid var(--studio-line);padding:12px 7px;gap:5px}
.resource-rail button{border:1px solid transparent!important;border-radius:10px;background:transparent;color:#6a7c91;font-size:10px;font-weight:500;padding:12px 3px;min-height:68px}
.resource-rail button:hover{color:var(--studio-blue);background:#f2f8fd}
.resource-rail button[aria-pressed=true]{background:#eaf6ff;border-color:#cce9fa!important;color:#007bb9}
.resource-rail b{line-height:24px;margin:0 0 6px}
.resource-rail svg{display:block;width:23px;height:23px;margin:auto}
.resource-panel{padding:26px 20px;border-color:var(--studio-line);scrollbar-width:thin;scrollbar-color:#d4dfeb transparent}
.resource-panel>section>h1{font-size:22px;letter-spacing:-.6px;margin:0 0 10px}
.resource-panel p{color:var(--studio-muted);font-size:12px;line-height:1.65}
.eyebrow{font-size:9px;color:var(--studio-blue);letter-spacing:1.8px}
.resource-panel label{font-size:11px;color:#536c86;margin:19px 0}
.product-color-control{padding:18px 0;border-top:1px solid var(--studio-line);margin-top:24px;color:#536c86;font-size:11px}
.base-browser{margin-top:20px;border-top:1px solid var(--studio-line)}
.base-browser-heading{display:flex;justify-content:space-between;align-items:center;margin:15px 0 10px;font-size:11px}
.base-browser-heading>span{font-size:9px;color:var(--studio-muted)}
.base-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:280px;overflow:auto;padding:3px;scrollbar-width:thin}
.base-gallery>button{padding:7px;border-radius:9px;min-width:0;font-size:10px;text-align:left;line-height:1.35}
.base-gallery img{display:block;width:100%;height:85px;object-fit:contain;background:#f7f9fc;border-radius:6px;margin-bottom:7px}
.base-gallery>button[aria-pressed=true]{box-shadow:0 0 0 1px var(--studio-blue)}
.base-gallery>button span{display:block;overflow-wrap:anywhere}
.product-swatches{gap:10px;margin-top:12px}
.product-swatch{width:26px;height:26px;border-color:#d4dfeb;border-radius:50%}
.product-swatch.selected{border-color:var(--studio-blue);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--studio-blue)}
.custom-product-color{display:flex;align-items:center;justify-content:space-between;gap:15px}
.custom-product-color input[type=color]{width:70px!important;margin:0;height:32px}
.studio-advanced{border:1px solid var(--studio-line);border-radius:10px;margin-top:8px;background:#fafcfe}
.studio-advanced>summary{font-size:11px;font-weight:650;cursor:pointer;padding:15px 12px}
.studio-advanced[open]>summary{border-bottom:1px solid var(--studio-line)}
.studio-advanced .product-style-panel{border:0;margin:0;padding:0 12px 14px;background:#fff;border-radius:0 0 10px 10px}
.studio-advanced .product-style-panel>h2,.studio-advanced .product-style-panel>p{display:none}
#color-panel-studio{--panel-accent:#0096dc}
.panel-studio-heading{background:var(--studio-ink)}
.panel-studio-heading>span{color:#68c8fa}
.panel-studio-heading p{color:#d3e3f5}
.panel-picker{border-color:var(--studio-line);background:#f2f8fc}
.workspace-toolbar{height:59px;min-height:59px;padding:10px 22px;border-color:var(--studio-line)}
.history button{border:1px solid var(--studio-line);font-size:11px;padding:8px 12px}
.editor-mode{background:transparent}
.editor-mode .mode-tab.is-active,.editor-mode .mode-tab[aria-selected=true]{background:#eef7fd;color:#007ab8;border:1px solid #cce8f9;box-shadow:none;border-radius:8px;font-size:11px;padding:9px 14px}
.workspace-context{padding:12px 23px;font-size:12px;border-color:var(--studio-line)}
.workspace-context>span{padding:4px 8px;border-radius:5px;background:#f0f5fa;font-size:10px}
.stage{background-color:#f1f6fb;background-image:radial-gradient(#cad7e5 .7px,transparent .7px);background-size:20px 20px;padding:20px}
.canvas-wrap{filter:drop-shadow(0 10px 16px #0b274708)}
.workspace-controls{padding:10px 20px;border-color:var(--studio-line)}
.workspace-controls input{accent-color:var(--studio-blue)}
.workspace-controls button{font-size:10px;padding:6px 10px}
.workspace-footer{color:var(--studio-muted);border-color:var(--studio-line);background:#fff;font-size:10px}
.inspector{padding:16px 14px 22px;border-color:var(--studio-line);background:#f7fafd;display:block;scrollbar-width:thin;scrollbar-color:#d4dfeb transparent}
.inspector-section{padding:13px 12px;border:1px solid var(--studio-line);border-radius:10px;background:#fff;margin:0 0 10px}
.inspector-section>summary{color:var(--studio-ink);font-size:10px;letter-spacing:.8px;padding:2px 0;cursor:pointer}
.inspector-section[open]>summary{margin-bottom:13px}
.inspector-section h3{color:var(--studio-muted);font-size:11px;margin-top:8px}
.inspector-section p,.inspector small{color:var(--studio-muted)}
.inspector-section label{color:#536c86;font-size:11px}
.layer-row{border-color:var(--studio-line);background:#fafcfe;padding:8px;border-radius:8px;gap:4px}
.layer-row button{background:#fff;font-size:9px;padding:5px 6px}
.layer-row button:first-child{color:var(--studio-ink);font-size:11px}
.product-view-tabs button{border-radius:7px;font-size:10px}
.selection-actions button,.alignment-controls button,.feature-button-row button{font-size:10px}
.upload-box{border-color:#acd8f0;background:#f2f9fe;color:var(--studio-blue)}
.library-count{font-size:10px;font-weight:600;color:var(--studio-muted);margin:8px 0 14px}
.feature-gallery{gap:9px;align-items:stretch}
.feature-gallery>button{border:1px solid var(--studio-line);background:#fff;border-radius:10px;overflow:hidden;padding:8px;transition:box-shadow .15s,transform .15s}
.feature-gallery>button:hover{border-color:#8acdf0;box-shadow:0 4px 12px #0b27470a;transform:translateY(-2px);background:#fff}
.shape-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.shape-preview{height:57px;display:grid;place-items:center;padding:6px;background:#f3f7fc;border-radius:7px}
.shape-preview svg{height:41px;width:100%;max-width:49px}
.feature-gallery .library-item-name{display:block;font-size:10px;font-weight:600;color:var(--studio-ink);margin:8px 0 2px;line-height:1.3}
.shape-gallery .library-item-name{font-size:9px;overflow-wrap:anywhere}
.templates-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.templates-gallery>button{padding:6px 6px 10px;text-align:left}
.templates-gallery .template-preview{display:block;margin:0}
.templates-gallery .template-preview svg{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:7px}
.templates-gallery .library-item-name{margin:9px 3px 3px}
.templates-gallery small{display:block;font-size:9px;color:var(--studio-muted);margin-left:3px}
.templates-gallery .template-preview img{display:block;width:100%;height:auto;aspect-ratio:5/6;object-fit:contain;background:#fff;border-radius:7px}
.template-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;padding-top:12px;border-top:1px solid var(--studio-line)}
.template-pagination button{font-size:11px;padding:7px 10px}
.template-pagination span{font-size:11px;color:var(--studio-muted);white-space:nowrap}
@font-face{font-family:'Bebas Neue';src:url('lumise-templates/fonts/BebasNeue-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Balsamiq Sans';src:url('lumise-templates/fonts/BalsamiqSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('lumise-templates/fonts/DMSerifDisplay-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.library-empty{grid-column:1/-1;padding:20px;border:1px dashed var(--studio-line);border-radius:10px;text-align:center}
#resources>button{display:block;width:100%;margin:0 0 10px;padding:15px 12px;text-align:left;font-size:12px;background:#f5f9fd}
.text-presets button{color:var(--studio-ink);background:#f4f8fc;border-color:var(--studio-line)}
.text-style-actions button[aria-pressed=true]{color:#007ab8;background:#eaf6ff;border-color:var(--studio-blue)}
.feature-dialog{border-color:var(--studio-line);color:var(--studio-ink);border-radius:16px}
.feature-dialog::backdrop{background:#09284e66;backdrop-filter:blur(4px)}
@media(min-width:961px) and (max-width:1280px){
 .studio{grid-template-columns:310px minmax(0,1fr) 260px}
 .left-sidebar .resource-rail{width:68px;flex-basis:68px;padding:10px 5px}
 .resource-panel{padding:23px 15px}
 #lumise-navigations{padding:0 16px;gap:5px}
 #lumise-navigations button{padding:9px 10px;font-size:10px}
}
@media(max-width:1100px){#lumise-navigations>button:nth-of-type(-n+3){display:none}}
@media(max-width:960px){
 #lumise-navigations{padding:0 12px;height:64px;gap:5px}
 #lumise-navigations .studio-brand{font-size:17px}
 #lumise-navigations>a{margin-right:6px!important;font-size:11px!important}
 #lumise-navigations button{padding:8px;font-size:10px}
 .studio{height:calc(100dvh - 64px);grid-template-columns:72px minmax(0,1fr)}
 .left-sidebar .resource-rail{width:72px;flex-basis:72px}
 .left-sidebar .resource-panel{top:64px;left:72px;width:300px;max-width:calc(100vw - 72px)}
 .inspector{display:none;top:64px;width:300px}
 body[data-mobile-panel=tools] #mobile-panel-close,body[data-mobile-panel=options] #mobile-panel-close{top:71px}
 .workspace-toolbar{padding:8px 12px;min-height:52px;height:52px}
 .workspace-context{padding:10px 12px}
 .workspace-controls{padding:8px 12px}
}
@media(max-width:700px){
 #lumise-navigations{overflow-x:auto;gap:6px}
 #lumise-navigations .studio-brand{font-size:16px;flex-shrink:0;margin-right:auto}
 #lumise-navigations .studio-brand small{font-size:7px;letter-spacing:1.7px}
 #lumise-navigations #layer-share,#lumise-navigations #layer-checkout,#lumise-navigations #editor-language{display:none}
 #lumise-navigations button{flex-shrink:0}
 #lumise-navigations #studio-save{display:block}
}
@media(max-width:600px){
 .studio{display:flex;flex-direction:column;height:calc(100dvh - 64px)}
 .left-sidebar{height:64px;flex-shrink:0;overflow:visible}
 .left-sidebar .resource-rail{width:100%;padding:4px;gap:3px;border-right:0;border-bottom:1px solid var(--studio-line);height:64px;flex-direction:row}
 .left-sidebar .resource-rail button{padding:5px 3px;font-size:9px;min-width:51px;min-height:54px;flex:1 0 51px}
 .resource-rail svg{width:20px;height:20px}
 .resource-rail b{margin-bottom:4px;line-height:20px}
 .left-sidebar .resource-panel{top:128px;left:0;width:330px;max-width:calc(100vw - 12px);max-height:none;padding:25px 18px}
 .inspector{top:128px;padding:16px 12px}
 body[data-mobile-panel=tools] #mobile-panel-close,body[data-mobile-panel=options] #mobile-panel-close{top:135px}
 .workspace{flex:1;min-height:0;height:auto}
 .stage{padding:8px}
 .workspace-footer{padding:0 10px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){button,.feature-gallery>button{transition:none}.feature-gallery>button:hover{transform:none}}