/* Luma — Soft Light. UI only: artwork colors and exported content are untouched. */
:root{--luma-accent:#655df0;--luma-accent-soft:#edebff;--luma-ink:#404b63;--luma-muted:#778298;--luma-border:#e3e7f0}
.brand{letter-spacing:-.8px;font-weight:650;gap:9px}.brand small{letter-spacing:2.5px;font-size:9px;font-weight:500}.brand .luma-mark{width:32px;height:32px;display:block;border-radius:10px}.luma-mark{width:26px;height:26px;display:block}#home{padding:0 4px}#home .luma-mark{width:27px;height:27px}.photo-brand .luma-mark{width:25px;height:25px}.theme-toggle{width:29px;min-width:29px;height:29px;padding:5px;flex-shrink:0}.theme-toggle svg{width:17px;height:17px;pointer-events:none}nav .theme-toggle{margin-left:14px}#editor header .theme-toggle{margin:0 3px}
button.primary,.primary{background:var(--luma-accent);color:#fff}button.primary:hover,.primary:hover{background:#554cda;color:#fff}input[type=checkbox],input[type=range]{accent-color:var(--luma-accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#7770f4}button.active,.type-icons .active{background:#49436a;color:#e8e4ff}
html[data-theme=light]{color-scheme:light;color:var(--luma-ink);background:#f3f5fb}
html[data-theme=light] body{background:#f3f5fb;color:var(--luma-ink)}
html[data-theme=light] :is(nav,header,#left,#right,.library-sidebar,.toolbar,.panel,.foot,footer){background:#fff;border-color:var(--luma-border);color:var(--luma-ink)}
html[data-theme=light] nav{box-shadow:0 2px 16px #596b9205}
html[data-theme=light] :is(h1,h2,h3,.home-heading h1,.home-sub h2,.inspector-section h3,.advanced summary,.empty h2){color:#3c4860}
html[data-theme=light] :is(small,label,.eyebrow,.section-head,.section-title,.library-caption,.home-heading p,.home-note,.preview-placeholder,.folder-empty,.inspector-section p,.frame-context p,.frame-context small,.frame-summary,.empty,.empty p,.subtle,.file-title,.control output,.panel-head h2,.image-adjust output,#shortcutRows small,#shortcutPanel header small){color:#758097}
html[data-theme=light] :is(button,a){color:#56627a}
html[data-theme=light] button:hover{background:#eef0fa;color:#534bce}
html[data-theme=light] button:disabled{opacity:.4}
html[data-theme=light] :is(button.primary,.primary){background:var(--luma-accent);color:white;box-shadow:0 4px 12px #655df023}
html[data-theme=light] :is(button.primary,.primary):hover{background:#554cda;color:white}
html[data-theme=light] :is(button.active,.page-row.active,.layer-row.selected,.folder-row.active,.type-icons .active){background:var(--luma-accent-soft);color:#5c52d6}
html[data-theme=light] :is(.page-row,.layer-row):hover{background:#f1f2fb}
html[data-theme=light] :is(.layer-row .glyph,.layer-row button,.page-options,.page-row .page-options:hover,.asset-item b,.style-item button,.control label,.upload-icon,.demo){color:#78819a}
html[data-theme=light] :is(input,select,textarea):not(#canvasTextEditor){background:#f2f4f9;border-color:#e9ecf3;color:#46526a;border-radius:6px}
html[data-theme=light] :is(input,textarea)::placeholder{color:#929bb0}
html[data-theme=light] :is(input,select,textarea):focus{outline-color:#8a82f8}
html[data-theme=light] :is(input[type=checkbox],input[type=range]){accent-color:var(--luma-accent)}
html[data-theme=light] :is(.tabs,.inspector-section,.section-head,.advanced,.paint-row,.custom-frame,.panel-head,.frame-context,.list-row,td,th){border-color:var(--luma-border)}
html[data-theme=light] :is(.actions-grid button,.view-switch,.comment-card,.ruler,pre){background:#f2f4fa;border-color:var(--luma-border);color:#536079}
html[data-theme=light] :is(.comment-card p,.comment-card b,pre,dialog code,kbd){color:#59627e}
html[data-theme=light] :is(#dock,.zoom,#textFormatBar,.zoom-bar,.crop-tools,.original-label){background:#ffffffed;border-color:#e1e5ef;box-shadow:0 6px 24px #56648b1b;color:#505b74;border-radius:10px}
html[data-theme=light] :is(#dock i,.zoom-divider){background:#e4e6ef}
html[data-theme=light] #workspace,html[data-theme=light] .stage{background:#e9edf5}
html[data-theme=light] #dots circle{fill:#bfc7d9}
html[data-theme=light] .stage.drag{background:#e7e3ff;outline-color:var(--luma-accent)}
html[data-theme=light] .preset-shape i{border-color:#938be0;background:#f2f0ff}
html[data-theme=light] :is(dialog,#contextMenu,#shortcutPanel){background:#fff;color:#46526a;border-color:#e1e5ef;box-shadow:0 18px 64px #45537926}
html[data-theme=light] dialog::backdrop{background:#26344d26;backdrop-filter:blur(2px)}
html[data-theme=light] :is(#contextMenu button:hover,#contextMenu button:focus){background:#eeebff;color:#5d52d8}
html[data-theme=light] :is(#contextMenu hr,#shortcutRows>div){border-color:#e8ebf2}
html[data-theme=light] :is(#toast,#status){background:#ebe8ff;color:#5349c7;border-color:#d6d0ff;box-shadow:0 5px 20px #6a5fe81c}
html[data-theme=light] .project-card{background:#fff;border-color:#e4e8f1;border-radius:13px;box-shadow:0 5px 20px #62739b09}
html[data-theme=light] .project-card:hover{border-color:#aaa2f5;background:#fff;box-shadow:0 7px 24px #655df014}
html[data-theme=light] .project-open:hover{background:transparent;color:#404b63}
html[data-theme=light] .project-art{background:#e9edf5}
html[data-theme=light] :is(.project-star,.project-options){background:#ffffffed;border-color:#e2e5ef;color:#8c88a5}
html[data-theme=light] .project-star.on{color:#7161db;background:#f2efff}
html[data-theme=light] .project-meta b{color:#424d64}
html[data-theme=light] .library-sidebar{background:#fafbff}
html[data-theme=light] #libraryNav button.active{box-shadow:inset 3px 0 #8275ee}
html[data-theme=light] .home-sub button{color:#7a7899}
html[data-theme=light] .library-layout .home-heading{margin-bottom:24px}
html[data-theme=light] .library-layout .home-heading h1{letter-spacing:-.9px;font-weight:600}
html[data-theme=light] .library-layout .home-sub{margin-top:30px}
html[data-theme=light] .library-layout .empty-list{color:#7b8598}
html[data-theme=light] :is(.tooltip){background:#46516b;color:#fff}
html[data-theme=light] .foot,html[data-theme=light] footer{color:#8791a5}
html[data-theme=light] .frame-breadcrumb button{color:#655dd7}
html[data-theme=light] .layer-tree-line{border-color:#d9deea}
html[data-theme=light] :is(.home article li,article li){color:#65728b}
html[data-theme=light] article a{color:#6259d7}
html[data-theme=light] #syncStatus{color:#6c8790}
html[data-theme=light] #selectionInfo,html[data-theme=light] #connectionInfo{color:#808ba0}
@media(prefers-reduced-motion:no-preference){.project-card{transition:border-color .15s,box-shadow .15s}button{transition:background-color .12s,color .12s}}
html[data-theme=light] .tabs{background:#fff;border-color:var(--luma-border)}
html[data-theme=light] .tabs button.active{background:#f0edff;color:#655ad8}
html[data-theme=light] .layer-row.frame-row{background:#f1f3fa;border-color:#e2e6f0;color:#556078}
html[data-theme=light] .layer-row.frame-row.selected{background:#e9e5ff;color:#5e51ce}
html[data-theme=light] .layer-count{background:#e5e8f2;color:#7a8398}
html[data-theme=light] .frame-context{background:#f8f9fe;border-color:#e3e7f0}
html[data-theme=light] #dock #selectionMode{background:#f2f3fa;border-color:#e3e5ef;color:#566078}
html[data-theme=light] .avatar{background:#e2f5f0;color:#487b72;border-color:#c8e6dd}