/* Achromatic resource workspace. Product images retain their own colors. */
:root{color-scheme:dark;--ui-text:#e5e5e5;--ui-subtle:#8d8d8d;--ui-border:#292929;--mint:#eee;--mint-bg:#2b2b2b;--ink:#e2e2e2;--muted:#888;--line:#2c2c2c;--paper:#111;--green:#eee;--accent:#ddd;--panel:210px;--inspector:256px}
.editor-mode{background:#0b0b0b;color:#ddd}.editor{background:#0b0b0b}.e-top{background:#101010;border-color:#252525}.e-brand>svg{background:#252525;color:#eee}.e-brand strong{color:#eee}.e-brand>span:last-child,.e-breadcrumb{color:#666}.e-top-divider{background:#303030}.e-filetitle{color:#aaa}.e-user{background:#242424;border-color:#101010;box-shadow:0 0 0 1px #3a3a3a;color:#bdbdbd}.editor .e-new{background:#e8e8e8;color:#171717}.editor .e-new:hover{background:#fff}.editor button{color:#aaa}.editor button:hover{background:#292929}.editor button:focus-visible,.editor a:focus-visible{outline-color:#aaa}.editor .e-icon{color:#888}.e-left,.e-right{background:#151515;border-color:#2b2b2b;box-shadow:none;border-radius:8px}.e-left{width:var(--panel)}.e-right{width:var(--inspector)}.e-panel-heading{color:#aaa}.e-global-nav a,.e-left-bottom>a{color:#888}.e-global-nav a:hover{background:#202020}.e-global-nav a.selected{background:#2a2a2a;color:#eee}.e-global-nav a svg,.e-global-nav a.selected svg{color:#aaa}.e-global-nav small{color:#8a8a8a}.e-left-separator,.e-left-bottom{border-color:#292929;background:transparent}.e-left-separator{background:#292929}.e-local-indicator{color:#696969}.e-local-indicator i{background:#777}.e-local-indicator span{color:#555}.e-left-bottom>a>svg{color:#777}.e-stage{left:calc(var(--panel) + 19px);right:calc(var(--inspector) + 19px);background:#0b0b0b}#eLibrary{background:#0b0b0b;scrollbar-color:#333 transparent}.editor #content{padding:32px;min-height:100%;color:#ccc;background:#0b0b0b}.e-inspector-tabs{border-color:#292929;color:#c4c4c4}.e-inspector-version{color:#626262}.e-prop-section{border-color:#262626}.e-section-title,.e-service-row{color:#999}.e-service-row>span{color:#888}.e-inspector-foot{color:#5e5e5e}.editor .e-full-btn{background:#202020;border-color:#383838;color:#bbb}.editor .e-full-btn:hover{background:#292929;border-color:#555}.editor .e-dark-btn{background:#ddd;color:#181818;border-color:#ddd}.editor .e-dark-btn:hover{background:#fff}.e-inspector-foot{margin-top:auto}.e-prop-section h3{color:#ddd}.e-prop-section p{color:#777}.editor .pill,.editor .pill.pending,.editor .pill.revision,.editor-mode .pill,.editor-mode .pill.pending,.editor-mode .pill.revision{background:#292929;color:#a7a7a7;border-color:#3b3b3b}.editor .pill.pending{color:#ddd}.editor .pill.revision{border-style:dashed}
.resource-nav-label{padding:20px 15px 10px;font-size:10px;color:#636363}.resource-lines{padding:0 8px;flex:1;overflow:auto}.editor .resource-lines button{display:flex;align-items:center;justify-content:flex-start;width:100%;font-size:11px;padding:9px 8px;gap:9px;color:#888;margin-bottom:3px}.resource-lines svg{width:13px;height:13px;color:#656565}.resource-lines small{margin-left:auto;font-size:9px;color:#575757}.editor .resource-lines button.selected{background:#202020;color:#ddd}.resource-lines button.selected svg{color:#aaa}.resource-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 27px}.resource-breadcrumb{font-size:10px;color:#555;margin-bottom:15px}.resource-breadcrumb span{margin:0 9px;color:#444}.editor #content .resource-title h1{font-size:23px;font-weight:550;letter-spacing:-.5px;margin:0;display:flex;align-items:center;gap:12px;color:#eee}.resource-title h1>span{font:10px ui-monospace,monospace;color:#888;background:#222;padding:4px 6px;border-radius:4px;letter-spacing:0}.resource-title-actions{display:flex;gap:8px}.editor .resource-title-actions button{font-size:10px;border:1px solid #303030;background:#161616;padding:8px 10px;color:#aaa}.editor .resource-title-actions .resource-primary{background:#e5e5e5;border-color:#e5e5e5;color:#181818}.resource-title-actions svg{width:13px;height:13px}.resource-controls{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282828;margin-bottom:19px;gap:12px}.resource-tabs{display:flex;gap:21px;align-items:center}.editor .resource-tabs button{border:0;border-bottom:1px solid transparent;border-radius:0;padding:0 0 13px;background:none;color:#777;font-size:11px;gap:7px}.editor .resource-tabs button.active{color:#eee;border-bottom-color:#ddd}.resource-tabs button>span{font:9px ui-monospace,monospace;color:#666}.resource-tabs button.active>span{color:#999}.resource-view{display:flex;background:#171717;border:1px solid #292929;border-radius:5px;padding:2px;margin-bottom:9px}.resource-view button{padding:4px 6px;color:#666}.resource-view svg{height:13px;width:13px}.editor .resource-view button.active{background:#303030;color:#ddd}.resource-filterbar{display:flex;gap:8px;align-items:center;margin-bottom:26px}.resource-search{display:flex;align-items:center;gap:8px;max-width:300px;flex:1;background:#151515;border:1px solid #292929;border-radius:5px;padding:0 10px;color:#656565}.resource-search>svg{height:13px;width:13px}.editor .resource-search input{color:#ccc;background:none;border:0;padding:8px 0;min-width:0;width:100%;font-size:10px;outline:none;box-shadow:none}.resource-search:focus-within{border-color:#777}.resource-search input::placeholder{color:#5f5f5f}.editor #resourceStatus{width:auto;background:#151515;border:1px solid #292929;color:#888;border-radius:5px;font-size:10px;padding:8px;max-width:120px;outline:none}.editor #resourceClear{font-size:10px;color:#666;padding:7px}.resource-results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px;color:#777}.resource-results-head b{font:9px ui-monospace,monospace;color:#555;margin-left:7px}.editor #resourceSort{background:none;border:0;color:#777;font-size:10px;width:auto;padding:0;outline:none}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.resource-card{min-width:0;border:1px solid #292929;border-radius:7px;background:#141414;overflow:hidden;cursor:pointer;outline:none;transition:border-color .15s}.resource-card:hover{border-color:#505050}.resource-card.selected{border-color:#aaa}.resource-card:focus-visible{outline:2px solid #888;outline-offset:3px}.resource-thumb{aspect-ratio:1.38;position:relative;background:#1b1b1b;display:flex;align-items:center;justify-content:center;padding:18px;border-bottom:1px solid #282828;overflow:hidden}.resource-thumb>img,.resource-thumb>svg{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:none}.resource-type-label{position:absolute;bottom:7px;left:8px;font-size:8px;background:#171717e8;color:#9b9b9b;border:1px solid #353535;padding:3px 5px;border-radius:3px}.editor .resource-open{position:absolute;right:7px;top:7px;padding:5px;background:#111111e8;border:1px solid #3c3c3c;color:#bbb;opacity:0;transition:opacity .15s}.resource-card:hover .resource-open,.resource-card:focus-within .resource-open{opacity:1}.resource-open svg{width:12px;height:12px}.resource-card-info{display:flex;align-items:center;gap:9px;padding:13px 11px;min-height:65px}.resource-small-icon{display:grid;place-items:center;width:26px;height:28px;background:#242424;border-radius:4px;flex-shrink:0;color:#888}.resource-small-icon svg{width:13px;height:13px}.resource-card-info>div{min-width:0;flex:1}.editor #content .resource-card h3{font-size:10px;font-weight:500;color:#c9c9c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6;margin:0}.editor #content .resource-card p{font-size:8px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 0}.resource-card p>span{margin:0 5px}.resource-status-dot{width:4px;height:4px;background:#555;border-radius:50%;flex-shrink:0}.resource-status-dot.pending{background:#c5c5c5}.resource-document{display:flex;flex-direction:column;align-items:center;gap:10px;color:#666}.resource-document>svg{width:34px;height:34px;stroke-width:1}.resource-document>span{font:9px ui-monospace,monospace;letter-spacing:1px}.resource-pagination{margin-top:24px;padding-top:16px;border-top:1px solid #242424;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#555}.resource-pagination>div{display:flex;align-items:center;gap:7px}.resource-pagination button{padding:5px!important}.resource-pagination button svg{width:12px;height:12px}.resource-pagination button:disabled{opacity:.25;cursor:default}.resource-empty{text-align:center;padding:80px 15px;color:#777}.resource-empty>svg{width:30px;height:30px;stroke-width:1;color:#444}.editor #content .resource-empty h2{font-size:13px;color:#aaa;margin:18px 0 8px}.editor #content .resource-empty p{font-size:11px;color:#666}.resource-empty button{margin-top:18px;border:1px solid #444;color:#bbb}.resource-detail-preview{margin:18px 15px 0;height:145px;display:flex;align-items:center;justify-content:center;padding:14px;background:#1d1d1d;border:1px solid #2b2b2b;border-radius:5px;overflow:hidden}.resource-detail-preview>svg,.resource-detail-preview>img{max-height:100%;max-width:100%;object-fit:contain}.resource-detail-meta{font-size:9px;color:#777;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.resource-prop-label{display:block;font-size:10px;color:#777;margin:16px 0 8px}.editor #resourceName,.editor #resourceLineEdit,.editor #resourceNote{font-size:11px;background:#202020;color:#b8b8b8;border:1px solid #303030;border-radius:5px;padding:8px;width:100%;outline:none}.editor #resourceName:focus,.editor #resourceNote:focus{border-color:#777;box-shadow:none}.editor #resourceNote{height:100px;line-height:1.8;resize:vertical}.resource-no-selection{padding:56px 20px;text-align:center}.resource-no-selection>svg{width:28px;height:28px;stroke-width:1;color:#444}.resource-no-selection h3{font-size:11px;font-weight:400;color:#888;margin:17px 0 10px}.resource-no-selection p{font-size:10px;line-height:1.9;color:#555}.resource-space-summary{border-top:1px solid #292929}.resource-table-wrap{overflow-x:auto}.resource-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.resource-table th{color:#666;text-align:left;font-weight:400;padding:10px 12px;border-bottom:1px solid #2a2a2a}.resource-table td{border-bottom:1px solid #242424;padding:10px 12px;color:#777;height:65px;cursor:pointer}.resource-table tr:hover td{background:#181818}.resource-table tr.selected td{background:#222}.resource-table td:first-child{display:flex;align-items:center;gap:10px}.resource-table strong{font-weight:400;font-size:10px;color:#b6b6b6;max-width:210px;text-overflow:ellipsis;overflow:hidden}.resource-table small{font-size:8px;color:#555}.resource-row-thumb{width:45px;height:36px;padding:4px;background:#252525;border-radius:3px;display:grid;place-items:center;overflow:hidden}.resource-row-thumb>svg,.resource-row-thumb>img{max-width:100%;max-height:28px;object-fit:contain}.resource-row-thumb .resource-document span{display:none}.resource-row-thumb .resource-document svg{width:18px;height:18px}.resource-file-preview{padding:20px;background:#202020;text-align:center;margin-bottom:20px}.resource-file-preview img{max-width:100%;max-height:65vh;object-fit:contain}
/* Shared legacy views and dialogs. */
.editor #content .card,.editor #content .panel,.editor #content .fileitem{background:#161616;border-color:#303030;color:#bbb;box-shadow:none}.editor #content .cover{background:#202020;border-color:#303030}.editor #content h1,.editor #content h2,.editor #content h3{color:#d4d4d4}.editor #content p{color:#777}.editor #content .meta,.editor #content .cardbottom{color:#777;border-color:#2c2c2c}.editor #content .cardbottom button{color:#aaa}.editor #content button{color:#aaa;border-color:#3b3b3b}.editor #content .primary{background:#e6e6e6;color:#141414;border-color:#e6e6e6}.editor #content input,.editor #content select,.editor #content textarea{background:#1c1c1c;border-color:#363636;color:#bbb}.editor #content .notice{background:#1a1a1a;border-color:#303030;color:#858585}.editor #content .empty{background:#111;border-color:#333}.editor #content .mini{background:#262626;color:#888}.editor #content .swatches{filter:grayscale(1)}.editor-mode .overlay{background:#0009;backdrop-filter:blur(3px)}.editor-mode .drawer{background:#151515;color:#ccc;border-left:1px solid #363636;box-shadow:-10px 0 40px #0006}.editor-mode .drawer h2{color:#ddd}.editor-mode .drawer p{color:#888}.editor-mode .drawer label{color:#999}.editor-mode .drawer input,.editor-mode .drawer textarea,.editor-mode .drawer select{background:#202020;border-color:#363636;color:#ccc}.editor-mode .drawer input:focus,.editor-mode .drawer textarea:focus,.editor-mode .drawer select:focus{border-color:#888;box-shadow:0 0 0 2px #ffffff08}.editor-mode .drawer button{background:#232323;color:#bbb;border-color:#3b3b3b}.editor-mode .drawer .primary{background:#e1e1e1;color:#181818;border-color:#e1e1e1}.editor-mode .drawer .cover{background:#232323;border-color:#3a3a3a}.editor-mode .drawer .notice{background:#202020;color:#888;border-color:#333}.editor-mode .feedback{background:#1d1d1d;border-color:#333;border-left-color:#888;color:#aaa}.editor-mode .feedback small{color:#666}.editor-mode .e-menu-actions button,.editor-mode .e-menu-actions a{background:#222;border-color:#3b3b3b;color:#ccc}.editor-mode #toast{background:#242424;border-color:#555;color:#ddd}.editor-mode #toast:before{color:#bbb}.editor-mode .drawer #deleteWork{color:#888!important}.editor-mode input[type=file]::file-selector-button{background:#333;border:1px solid #444;color:#ccc;border-radius:4px;padding:5px 8px;margin-right:10px}.resource-no-selection p{margin:0}.editor .resource-lines button.selected{color:#e0e0e0}button:disabled{filter:none!important}option{background:#202020;color:#bbb}
@media(min-width:1600px){:root{--panel:230px;--inspector:270px}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){:root{--panel:186px;--inspector:220px}.editor #content{padding:26px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-title-actions button{font-size:9px!important;padding:7px!important}.resource-title-actions svg{width:12px;height:12px}.resource-tabs{gap:14px}.resource-title h1{font-size:21px!important}.resource-breadcrumb{font-size:9px}.resource-tabs button{font-size:10px!important}.resource-filterbar{flex-wrap:wrap}.resource-search{max-width:none}.e-stage{left:calc(var(--panel) + 19px);right:calc(var(--inspector) + 19px)}}
@media(max-width:950px){:root{--panel:166px;--inspector:0px}.e-right{display:none}.e-stage{right:9px}.editor #content{padding:25px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.e-brand{width:auto}.resource-card-info{padding:10px;gap:7px}.resource-small-icon{display:none}.resource-thumb{padding:12px}.editor .resource-lines button{font-size:10px}.resource-title-actions{gap:6px}.resource-card p{font-size:8px!important}}
@media(max-width:720px){:root{--panel:145px}.e-stage{left:calc(var(--panel) + 10px);right:0}.editor #content{padding:22px 18px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.resource-title{align-items:flex-start}.resource-title-actions{flex-direction:column}.resource-title h1{font-size:20px!important}.resource-title-actions button{font-size:9px!important}.resource-tabs{gap:12px}.resource-tabs button>span{display:none}.resource-filterbar{gap:6px}.resource-search{min-width:100%;max-width:100%}.resource-title{margin-bottom:23px}.resource-controls{gap:6px}.resource-view button{padding:4px}.resource-view svg{width:11px;height:11px}.e-brand>span:last-child{display:none}.resource-breadcrumb{font-size:8px}.resource-thumb{padding:10px}.resource-card-info{padding:10px 8px}.editor #content .resource-card h3{font-size:9px}.resource-type-label{font-size:7px}.editor .resource-lines button{font-size:9px;padding:8px 5px;gap:6px}}
@media(max-width:490px){:root{--panel:115px}.resource-grid{grid-template-columns:1fr}.resource-view{display:none}.resource-tabs{gap:10px}.resource-tabs button{font-size:9px!important}.resource-title-actions{display:none}.editor #content{padding:22px 14px}.resource-nav-label{padding-left:10px}.resource-lines svg{width:11px;height:11px}.resource-lines small{display:none}.resource-lines{padding:0 5px}.e-top .e-new{font-size:10px}.resource-filterbar #resourceClear{font-size:9px}.resource-pagination{font-size:8px}}
.editor #content .resource-tabs button{border-color:transparent;color:#888}.editor #content .resource-tabs button.active{border-bottom-color:#ddd;color:#eee}.editor #content .resource-title-actions .resource-primary{background:#e5e5e5;border-color:#e5e5e5;color:#171717}.editor #content .resource-title-actions .resource-primary:hover{background:#fff;color:#111}.resource-results-head,.resource-pagination,.resource-breadcrumb{color:#888}.editor #content .resource-card p{color:#888}.resource-lines small{color:#777}.resource-no-selection p{color:#888}.resource-card-info .resource-small-icon{color:#999}
/* Requested accent: #49D64A. Surfaces remain achromatic. */
:root{--accent:#49D64A}
.editor .e-new,.editor #content .resource-title-actions .resource-primary,.editor #content .primary,.editor-mode .drawer .primary,.editor .e-dark-btn{background:#49D64A;border-color:#49D64A;color:#092009}
.editor .e-new:hover,.editor #content .resource-title-actions .resource-primary:hover,.editor #content .primary:hover,.editor-mode .drawer .primary:hover,.editor .e-dark-btn:hover{background:#62e263;border-color:#62e263;color:#092009}
.e-global-nav a.selected{background:#202420;color:#e5f5e5}.e-global-nav a.selected svg{color:#49D64A}.editor .resource-lines button.selected{background:#1d251d;color:#e1eee1}.resource-lines button.selected svg{color:#49D64A}
.editor #content .resource-tabs button.active{border-bottom-color:#49D64A;color:#e6e6e6}.resource-tabs button.active>span{color:#49D64A}.resource-card.selected{border-color:#49D64A}.resource-status-dot.pending{background:#49D64A}.e-local-indicator i{background:#49D64A}
.editor .pill.pending,.editor-mode .pill.pending{background:#1c2a1c;color:#49D64A;border-color:#304430}.resource-search:focus-within{border-color:#49D64A}.editor #resourceName:focus,.editor #resourceNote:focus,.editor-mode .drawer input:focus,.editor-mode .drawer textarea:focus,.editor-mode .drawer select:focus{border-color:#49D64A;box-shadow:0 0 0 2px #49d64a0a}
.editor button:focus-visible,.editor a:focus-visible,.resource-card:focus-visible{outline-color:#49D64A}.editor-mode #toast:before{color:#49D64A}
.e-right>.resource-detail-preview,.e-right>.e-prop-section,.e-right>.e-inspector-tabs,.e-right>.resource-no-selection,.e-right>.e-inspector-foot{flex-shrink:0}