@font-face{font-family:Manrope;src:url('/brand/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ice:#EDF1F8;--indigo:#2C3A6B;--plum:#5A3560;--slate:#55607A;--sand:#E6D3C9;--lavender:#B89BFF;--border:#D7DFEF}*{box-sizing:border-box}body{margin:0;font:14px/1.6 Manrope,Arial,sans-serif;background:var(--ice);color:var(--indigo)}button,input,textarea,select{font:inherit}button,a,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--plum);outline-offset:3px}button{color:inherit}a{color:var(--plum)}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;padding:31px 18px;border-right:1px solid var(--border);display:flex;flex-direction:column}.studio-brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:700;text-decoration:none;color:var(--indigo);padding-left:12px;letter-spacing:-.5px}.studio-brand span:last-child{font-size:14px;letter-spacing:-.3px;font-weight:500}.studio-dot{width:15px;height:15px;border-radius:50%;background:var(--plum);display:inline-block}.workspace-label{font-size:9px;letter-spacing:1.8px;color:var(--slate);margin:48px 12px 16px}.nav{border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:14px 12px;margin:5px 0;border-radius:14px;font-size:12px}.nav:first-letter{font-size:18px}.nav b{font-size:10px;font-weight:500;margin-left:auto}.nav.active{background:rgba(90,53,96,.10);color:var(--plum);font-weight:700}.nav:hover{background:rgba(230,211,201,.38)}.sidebar-bottom{margin-top:auto;padding:24px 12px 0}.sidebar-bottom strong{font-size:12px}.sidebar-bottom p{font-size:11px;color:var(--slate);line-height:1.8}.palette{display:flex;gap:5px;margin-bottom:16px}.palette i{width:18px;height:18px;border-radius:50%;background:var(--indigo)}.palette i:nth-child(2){background:var(--plum)}.palette i:nth-child(3){background:var(--sand)}.palette i:nth-child(4){background:var(--lavender)}.palette i:nth-child(5){background:var(--slate)}.locked{border-top:1px solid var(--border);padding-top:20px;margin-top:25px;font-size:11px;color:var(--plum)}main{margin-left:246px}.topbar{height:89px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px;font-size:11px}.slash{padding:0 15px;color:var(--slate)}.topbar b{font-weight:500}.topbar>div{display:flex;gap:10px;align-items:center}.local-label{font-size:10px;color:var(--slate);margin-right:10px}.button{border:1px solid var(--border);background:transparent;padding:10px 15px;border-radius:12px;font-size:11px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-block}.button:hover{border-color:var(--plum);background:rgba(230,211,201,.25)}.button.primary{background:var(--indigo);color:var(--ice);border-color:var(--indigo)}.button.primary:hover{background:#223057}.button.subtle{border-color:transparent}.page{padding:37px 36px 50px;max-width:1640px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--plum);font-weight:700}h1{font-size:35px;font-weight:600;line-height:1.14;letter-spacing:-1.2px;margin:13px 0}h2{font-size:24px;font-weight:600;line-height:1.2}p.muted,.muted{color:var(--slate);font-size:12px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.page-head p{margin-top:13px}.smallnote{font-size:10px;line-height:1.7;color:var(--slate)}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-top:33px;overflow:auto}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:13px 0;color:var(--slate);font-size:12px;white-space:nowrap}.tab.active{border-bottom-color:var(--plum);color:var(--plum);font-weight:700}.tab span{font-size:9px;border:1px solid var(--border);border-radius:12px;padding:1px 6px;margin-left:5px}.filters{display:flex;gap:9px;align-items:center;margin:22px 0}.filters input,.filters select{background:transparent;border:1px solid var(--border);border-radius:10px;padding:9px 10px;color:var(--slate);font-size:10px;max-width:180px}.filters input{flex:1;max-width:none;min-width:100px}.filters .count{font-size:10px;margin-left:auto;white-space:nowrap;color:var(--slate)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}.template{padding:0;border:0;background:transparent;text-align:left;min-width:0}.thumb-wrap{background:rgba(230,211,201,.34);border:1px solid rgba(44,58,107,.08);border-radius:16px;height:255px;display:flex;align-items:center;justify-content:center;padding:22px;position:relative;overflow:hidden;transition:background .2s}.thumb-wrap img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(44,58,107,.07))}.template:hover .thumb-wrap{background:rgba(230,211,201,.62)}.template-title{display:flex;gap:10px;justify-content:space-between;font-size:12px;font-weight:600;margin:11px 0 3px}.template-title span{font-size:9px;color:var(--slate);font-weight:400}.template-meta{font-size:10px;color:var(--slate)}.empty{padding:80px 20px;text-align:center;color:var(--slate)}.editor-head{padding:19px 28px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.editor-head h2{font-size:15px;margin:0 0 4px}.editor-head .id-label{font-size:10px;color:var(--slate)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;min-height:calc(100vh - 170px)}.preview-area{background:rgba(230,211,201,.27);padding:25px;display:flex;align-items:center;flex-direction:column;gap:20px}.preview-controls{display:flex;gap:8px;align-items:center;font-size:10px;flex-wrap:wrap}.preview-controls select{padding:6px 8px;background:var(--ice);border:1px solid var(--border);border-radius:8px;color:var(--indigo);font:inherit}.preview-canvas{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px}.preview-canvas svg{max-height:63vh;max-width:100%;width:auto;height:auto;box-shadow:0 5px 24px rgba(44,58,107,.08)}.preview-foot{font-size:10px;color:var(--slate);text-align:center}.inspector{border-left:1px solid var(--border);padding:22px;overflow:auto}.inspector h3{font-size:13px;margin:0 0 18px}.inspector label{display:block;font-size:10px;font-weight:600;margin:14px 0 5px}.inspector input,.inspector textarea,.inspector select{width:100%;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--indigo);padding:9px;font-size:11px}.inspector textarea{resize:vertical;min-height:60px}.inspector input[type=range]{padding:0}.inspector hr{border:0;border-top:1px solid var(--border);margin:22px 0}.exports{display:flex;flex-wrap:wrap;gap:6px}.exports .button{font-size:10px;padding:8px 10px}.tag{font-size:9px;background:rgba(90,53,96,.09);color:var(--plum);padding:4px 8px;border-radius:20px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.asset-card img{width:100%;height:250px;object-fit:contain;background:rgba(230,211,201,.35);border-radius:16px}.asset-card h3{font-size:14px}.asset-card p{font-size:11px;color:var(--slate)}.queue-list{display:flex;flex-direction:column;gap:12px;margin-top:25px}.queue-row{display:flex;align-items:center;gap:17px;border:1px solid var(--border);border-radius:14px;padding:12px}.queue-row img{width:70px;height:75px;object-fit:contain;background:rgba(230,211,201,.4)}.queue-row .desc{flex:1}.queue-row strong{font-size:12px}.queue-row p{font-size:11px;color:var(--slate);margin:4px 0}.queue-row .button{padding:8px 10px}.actionbar{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.guide{max-width:850px}.guide p,.guide li{font-size:13px;line-height:1.9}.guide section{padding:15px 0;border-bottom:1px solid var(--border)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--indigo);color:var(--ice);padding:12px 22px;border-radius:12px;font-size:12px;max-width:85vw;display:none;z-index:100}.status-warning{color:var(--plum);font-size:10px;margin-top:10px}.back{border:0;background:none;padding:0;margin-right:16px;font-size:17px}.editor-heading{display:flex;align-items:center}.mobile-menu{display:none}
@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.thumb-wrap{height:280px}}
.zoom-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0 8px}.zoom-row span{font-size:12px}.preview-canvas svg{touch-action:none}.asset-card .button{margin-top:8px}
.nav{text-decoration:none;color:inherit}.asset-actions,.asset-tags{display:flex;gap:8px;flex-wrap:wrap}.tag.in-use{background:rgba(90,53,96,.16);font-weight:700}.tag.unused{background:rgba(85,96,122,.10);color:var(--slate)}.button:disabled{opacity:.4;cursor:not-allowed}.delete-button{color:var(--plum)}.asset-card details{margin-bottom:6px}
.color-section{margin:20px 0}.color-section>summary{font-size:13px;font-weight:700;cursor:pointer;margin-bottom:18px}.color-wheel{width:160px;height:160px;border-radius:50%;position:relative;margin:15px auto;touch-action:none;background:radial-gradient(circle,rgba(255,255,255,1),rgba(255,255,255,0) 69%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid rgba(44,58,107,.1);cursor:crosshair}.wheel-dark{position:absolute;inset:0;background:#000;border-radius:50%;pointer-events:none}.wheel-marker{position:absolute;width:12px;height:12px;border:2px solid #EDF1F8;border-radius:50%;box-shadow:0 0 0 1px #2C3A6B;transform:translate(-50%,-50%);pointer-events:none}.hex-row{display:flex;align-items:center;gap:9px;margin-top:12px}.hex-row input[type=color]{width:45px;height:38px;padding:3px;flex-shrink:0}.hex-row input[type=text]{min-width:0}.named-colors{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0}.named-color{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:8px;background:transparent;padding:7px 6px;font-size:9px;text-align:left}.named-color i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(44,58,107,.15);flex-shrink:0}.named-color:hover{border-color:var(--plum)}.preview-canvas{background-image:linear-gradient(45deg,rgba(85,96,122,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(85,96,122,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(85,96,122,.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(85,96,122,.05) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.editor-layout{height:calc(100vh - 170px);min-height:0}.inspector{height:100%;overflow-y:auto}.preview-area{height:100%;overflow:auto}.preview-canvas{min-height:0;flex:1}.preview-canvas svg{max-height:calc(100vh - 340px)}
@media(max-width:1100px){.sidebar{width:205px;padding-inline:10px}.studio-brand{font-size:18px}.studio-brand span:last-child{font-size:12px}main{margin-left:205px}.page,.topbar{padding-inline:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.local-label{display:none}.editor-layout{grid-template-columns:minmax(0,1fr) 255px}.filters{flex-wrap:wrap}.filters select{max-width:145px}}
@media(max-width:760px), (max-width:1000px) and (max-height:500px){.sidebar{position:relative;width:100%;height:auto;padding:16px;border-bottom:1px solid var(--border)}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:12px;overflow:auto}.nav{width:auto;white-space:nowrap;padding:8px;font-size:10px}.nav b{display:none}main{margin:0}.topbar{height:auto;padding:15px;flex-wrap:wrap;gap:12px}.topbar>div{width:100%;justify-content:flex-end}.page{padding:25px 16px}.page-head{display:block}h1{font-size:29px}.tabs{gap:22px;margin-top:20px}.filters select{max-width:45%}.grid{gap:22px 14px}.thumb-wrap{height:210px;padding:14px}.template-title{font-size:10px}.template-title span{display:none}.template-meta{font-size:9px}.editor-head{padding:16px}.editor-layout{display:flex;flex-direction:column}.inspector{border:0;border-top:1px solid var(--border)}.preview-canvas{min-height:240px}.preview-canvas svg{max-height:55vh}.asset-grid{grid-template-columns:1fr}.queue-row{gap:8px;flex-wrap:wrap}.queue-row img{width:45px}.queue-row .button{font-size:9px}}
@media(max-width:760px), (max-width:1000px) and (max-height:500px){.editor-layout{height:auto}.preview-area{height:auto;min-height:350px}.inspector{height:auto;overflow:visible}}
/* Grouped, searchable visual library */
.visual-picker{position:relative;margin-bottom:16px}.visual-picker-field{display:flex;border:1px solid #c8cddd;border-radius:9px;background:#fff;overflow:hidden}.visual-picker-field:focus-within{outline:2px solid #B89BFF}.visual-picker-field input{width:100%;min-width:0;border:0!important;margin:0!important;border-radius:0!important;padding:11px!important;outline:0!important}.visual-picker-field button{border:0;background:#EDF1F8;color:#2C3A6B;width:38px;cursor:pointer}.visual-options{position:absolute;z-index:50;top:100%;left:0;right:0;max-height:310px;overflow:auto;background:white;border:1px solid #c8cddd;border-radius:9px;box-shadow:0 10px 32px #2c3a6b26}.visual-options[hidden]{display:none}.visual-group{position:sticky;top:0;padding:9px 12px;background:#EDF1F8;color:#5A3560;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.visual-options [role=option]{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;font-size:12px;min-height:52px}.visual-options [role=option]:hover,.visual-options [role=option].highlighted{background:#f0eafa}.visual-options [aria-selected=true]{font-weight:800}.visual-options img{width:38px;height:38px;object-fit:contain;border-radius:4px;background:#EDF1F8}.visual-options [role=option] span:nth-child(2){flex:1}.visual-empty{padding:18px;color:#55607A;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clipart-card img{object-fit:contain!important;background-color:#EDF1F8;background-image:linear-gradient(45deg,#dfe3ed 25%,transparent 25%),linear-gradient(-45deg,#dfe3ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe3ed 75%),linear-gradient(-45deg,transparent 75%,#dfe3ed 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;padding:12px}

.presentation-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.presentation-choice{display:flex;align-items:center;gap:18px;padding:14px;border:1px solid #D7DFEF;border-radius:14px;text-align:left;background:transparent;color:#2C3A6B}.presentation-choice.selected{border:2px solid #5A3560;background:#E6D3C933}.presentation-choice img{width:135px;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.presentation-choice strong{display:block;font-size:15px}.presentation-choice small{display:block;color:#55607A;font-size:11px;margin-top:5px}@media(max-width:900px){.presentation-choices{grid-template-columns:1fr}.presentation-choice img{width:110px}}
/* PWA additions reuse Dialog 2.0 tokens. */
.pwa-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 36px;border-bottom:1px solid var(--border);font-size:11px;color:var(--slate)}
dialog{color:var(--indigo);background:var(--ice);border:1px solid var(--border);border-radius:18px;width:min(650px,calc(100% - 24px));max-height:85dvh;overflow:auto;padding:26px}dialog::backdrop{background:#2c3a6b88}.dialog-close{float:right}dialog p{clear:both}#mobileInspector{display:none}.editor-layout{height:calc(100dvh - 224px)}.preview-canvas svg{max-height:max(160px,calc(100dvh - 395px));touch-action:pan-y pinch-zoom}.preview-canvas [data-image-key],.preview-canvas [data-drag-frame]{touch-action:none}body{min-height:100dvh}input,textarea{scroll-margin-top:24px}
@media(pointer:coarse){button,.button,.nav,.tab,select,input:not([type=range]),.named-color{min-height:44px}.inspector input,.inspector textarea,.inspector select,.filters input,.filters select,.visual-picker input{font-size:16px!important}input[type=range]{height:44px}.visual-picker-field button{min-width:44px}.preview-controls{font-size:12px}}
@media(max-width:760px), (max-width:1000px) and (max-height:500px){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.sidebar{padding:12px 16px}.sidebar nav{gap:6px}.nav{min-height:44px;font-size:11px}.topbar{padding:12px 16px}.topbar>div{justify-content:flex-start;flex-wrap:wrap}.pwa-tools{padding:8px 16px;gap:8px}.pwa-tools .button{min-height:44px}.page,.editor-head{min-width:0}.filters input{flex-basis:100%;max-width:100%}.filters select{flex:1;max-width:100%;min-width:0}.editor-layout{height:auto;min-height:0}.preview-area{padding:16px;min-height:290px;height:auto;overflow:visible}.preview-canvas{min-height:180px}.preview-canvas svg{max-height:48dvh;max-width:100%}.inspector{display:none;padding:20px 16px;scroll-margin-top:12px}.inspector.mobile-open{display:block}#mobileInspector{display:inline-block}.editor-head{flex-wrap:wrap}.editor-heading{min-width:0}.editor-head h2{overflow-wrap:anywhere}.preview-controls{gap:6px}.button,button.back{min-height:44px}.back{min-width:44px}.asset-card img{height:230px}.queue-row .desc{min-width:140px}.queue-row .button{font-size:12px;min-width:44px}.presentation-choice img{width:88px}.presentation-choice{gap:12px}.presentation-choice strong{font-size:13px}.named-color{font-size:12px;min-height:44px}.inspector label{font-size:12px}.inspector textarea,.inspector select,.inspector input,.filters input,.filters select{font-size:16px}.visual-options{max-height:min(310px,45dvh)}dialog{padding:18px}#toast{bottom:calc(16px + env(safe-area-inset-bottom))}}
@media(max-width:380px){.grid{grid-template-columns:1fr}.thumb-wrap{height:230px}.template-title{font-size:13px}.template-meta{font-size:11px}.topbar>span{font-size:10px}}
@media(max-width:760px) and (orientation:landscape){.preview-canvas svg{max-height:65dvh}.preview-area{min-height:240px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px), (max-width:1000px) and (max-height:500px){.preview-controls select{min-height:44px}}
.account-locked .sidebar,.account-locked .topbar,.account-locked .account-bar,.account-locked .pwa-tools{display:none}.account-locked main{margin:0}.account-login{max-width:540px;padding-top:8vh}.account-login form{display:grid;gap:12px;margin-top:28px}.account-login input,.users-dialog input{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--ice);color:var(--indigo);font:inherit;font-size:16px}.account-login label,.users-dialog label{display:block;font-weight:600;margin-top:12px}.account-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 36px;border-bottom:1px solid var(--border);font-size:11px}.account-bar #syncStatus{color:var(--slate);margin-left:auto}.users-dialog{width:min(850px,calc(100% - 24px))}.user-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.user-card{border:1px solid var(--border);border-radius:12px;padding:14px}.user-card p{font-size:12px}.check-label{display:flex!important;gap:10px;align-items:center}.check-label input{width:22px;height:22px}.users-dialog form .button{margin-top:16px}.account-session-expired main{filter:blur(8px);pointer-events:none}.account-sync-conflict{border:1px solid var(--plum);padding:16px;border-radius:12px;background:var(--ice)}@media(max-width:760px){.account-bar{padding:10px 16px}.account-bar #syncStatus{margin-left:0;flex-basis:100%}.account-bar .button{min-height:44px}}.read-only-note{padding:12px;color:var(--plum);background:var(--sand);font-size:12px}
.inspector.is-read-only .color-wheel{pointer-events:none;opacity:.6}@media(min-width:1001px), (min-width:761px) and (min-height:501px){.account-enabled .editor-layout{height:calc(100dvh - 285px)}.account-enabled .preview-canvas svg{max-height:max(160px,calc(100dvh - 455px))}}