:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;color:#f1f2f4;background:#1c1e21;--page: #1c1e21;--panel: #232629;--input: #2d3035;--hover: #34383e;--border: #3a3e46;--text: #f1f2f4;--muted: #a8afba;--accent: #b5a6f3;--accent-dark: #cbbfff;--soft: #35313f;--danger: #f3a3a4;--warning: #e3c694;--radius: 7px;font-size:13px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#50555f transparent}[hidden]{display:none!important}body{margin:0}::selection{color:#1c1e21;background:#b5a6f3}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input,select,textarea{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input);color:var(--text);padding:9px 12px;cursor:pointer;white-space:nowrap;line-height:1.3;transition:background .13s,border-color .13s,color .13s}button:hover{background:var(--hover);border-color:#626773}button:disabled{opacity:.4;cursor:not-allowed}button svg{flex-shrink:0;width:18px;height:18px}input,select,textarea{min-width:0;min-height:40px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input);color:var(--text);caret-color:var(--accent)}input::placeholder,textarea::placeholder{color:#a0a7b3}input[type=range]{width:100%;height:24px;min-height:24px;accent-color:var(--accent);padding:0;border:0;background:transparent;cursor:pointer}input[type=checkbox]{width:16px;height:16px;min-height:16px;margin:0;accent-color:var(--accent);flex-shrink:0}input[type=color]{width:40px;padding:4px;cursor:pointer}input[type=number]{font-variant-numeric:tabular-nums}button.primary{background:var(--accent);border-color:var(--accent);color:#1c1e21;font-weight:650}button.primary:hover{background:#c4b8fa;border-color:#c4b8fa}button.soft,button.active,button[aria-pressed=true]{color:var(--accent);background:var(--soft);border-color:#685c87}button.danger-quiet{color:var(--danger)}button.icon-button{width:40px;height:40px;padding:8px;border-color:transparent;background:transparent}button.icon-button:hover{background:var(--hover)}.full{width:100%}.text-button{padding:3px 0;border:0;min-height:40px;color:var(--muted);background:transparent;font-size:11px}h2,h3,p{margin-top:0}h2{font-size:21px;font-weight:620;letter-spacing:-.02em}h3{margin-bottom:12px;font-size:13px;font-weight:600}a{color:inherit;text-decoration:none;text-underline-offset:3px}a:hover{color:var(--accent)}hr{border:0;border-top:1px solid var(--border);width:100%;margin:10px 0}.muted{color:var(--muted);font-size:12px;line-height:1.7}.micro{color:var(--muted);font-size:11px;line-height:1.65;margin:7px 0 12px}.label{display:block;margin:12px 0 8px;color:var(--muted);font-size:12px}.field{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:15px 0;color:var(--muted);font-size:12px}.field>b{margin-left:auto;font-size:12px;font-weight:500;color:var(--text)}.field>b small{color:var(--muted)}.field>input:not([type=checkbox]):not([type=range]),.field>select,.field>textarea{width:100%}.field>input[type=range]{flex-basis:100%}.field input.edge-number,.field input.color-limit-number{width:54px;height:34px;min-height:34px;padding:5px;text-align:center}.field b span{color:var(--muted);font-size:10px;margin-right:6px}.check,.check-box{display:flex;align-items:center;gap:10px;min-height:40px;margin:10px 0;font-size:12px;color:var(--text)}.check-box small,.check-box b{display:block;line-height:1.65}.check-box small{color:var(--muted);font-size:10px;font-weight:400}.check-box b{font-size:12px;font-weight:500}.dimensions{display:flex;align-items:center;gap:10px}.dimensions>label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--muted);font-size:12px}.dimensions input{width:100%}.dimensions>span{color:var(--muted)}.preset-row,.preset-sizes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.preset-row button{flex:1}.segmented,.palette-switch{display:flex;gap:4px;background:var(--page);padding:4px;border-radius:8px}.segmented button,.palette-switch button{flex:1;border-color:transparent;background:transparent;color:var(--muted)}.segmented button.active,.palette-switch button.active{color:var(--accent);background:var(--soft)}.hint,.error,.material-pending{border-radius:7px;padding:12px 14px;line-height:1.75;font-size:12px}.hint{color:#c1c4ce;background:var(--input)}.error{background:#3b292e;color:var(--danger)}.tag{color:var(--muted);background:var(--input);border-radius:4px;padding:4px 6px;font-size:10px}summary{list-style:none;display:flex;gap:7px;align-items:center;min-height:40px;cursor:pointer;color:var(--muted);font-size:12px}summary::-webkit-details-marker{display:none}summary:hover{color:var(--text)}details>summary:after{content:"+";margin-left:auto;color:var(--muted)}details[open]>summary:after{content:"−"}.menu>summary:after{display:none}progress{accent-color:var(--accent);height:7px;border:0;border-radius:4px;width:100%;overflow:hidden}progress::-webkit-progress-bar{background:var(--input)}progress::-webkit-progress-value{background:var(--accent)}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;padding:24px;z-index:100}.modal{width:580px;max-width:100%;max-height:calc(100dvh - 48px);overflow-y:auto;padding:24px;border:1px solid var(--border);background:var(--panel);border-radius:12px;outline:none}.modal.wide{width:980px}.modal>header{position:sticky;top:-24px;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 0 18px;margin-bottom:18px;background:var(--panel);border-bottom:1px solid var(--border)}.modal>header h2{margin:0}.modal>header .icon-button{margin-right:-5px}.modal>footer,.modal form>footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:18px;margin-top:20px;border-top:1px solid var(--border)}.modal footer .muted{margin:0 auto 0 0}.modal footer button{min-height:42px}.creation-info{display:flex;align-items:center;gap:16px;padding:20px 0;margin-top:16px;border-top:1px solid var(--border);color:var(--muted)}.creation-info svg{color:var(--accent)}.creation-info b{color:var(--text)}.creation-info small{display:block;margin-top:6px}.works-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.work-card{overflow:hidden;border:1px solid var(--border);border-radius:8px}.work-open{display:flex;flex-direction:column;width:100%;min-width:0;padding:12px;border:0;border-radius:0;background:transparent}.work-open .mini-canvas{width:100%;height:110px;object-fit:contain}.work-open b{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12px}.work-open small{color:var(--muted)}.work-card>div{display:flex;gap:5px;padding:8px;border-top:1px solid var(--border)}.work-card>div button{flex:1;font-size:11px;padding:8px}.cloud-title{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.cloud-works>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding:12px 0}.cloud-works>div>span{flex:1;min-width:0}.cloud-works small{display:block;color:var(--muted);margin-top:5px}.auth-tabs{margin-bottom:18px}.modal form>.field{flex-direction:column;align-items:stretch}.palette-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.palette-grid button{min-width:0;flex-direction:column;padding:6px;font-size:11px}.palette-grid button span{width:100%;height:30px;border-radius:4px}.palette-grid button small{font-size:9px;color:var(--muted)}.replace-preview{display:flex;align-items:center;justify-content:center;gap:24px;margin:20px 0}.replace-preview>div{width:64px;height:64px;border-radius:6px}.reference-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.similar-groups{max-height:420px;overflow:auto}.similar-groups>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.similar-groups i{width:28px;height:28px;display:inline-block;border-radius:4px}.guide{padding-left:22px;color:var(--muted);line-height:1.8}.guide b{color:var(--text)}.guide li{padding:4px 0}.guide p{margin:6px 0 18px;font-size:12px}.coming-soon,.export-ready,.processing-card{text-align:center}.coming-soon>svg,.export-ready>svg{color:var(--accent);width:46px;height:46px;margin:16px}.export-ready .muted{overflow-wrap:anywhere}.processing-card{padding:32px;width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:12px}.processing-card svg{color:var(--accent);margin-bottom:18px}.processing-card p{color:var(--muted);font-size:12px}.boot-screen{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--page)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 12px 10px 16px;background:var(--input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12px;box-shadow:0 8px 24px #0005}.toast>svg{color:var(--accent);flex-shrink:0}.toast button{background:transparent;border:0;padding:6px;width:40px;min-width:40px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.01ms;transition-duration:.01ms}}@media(max-width:620px){.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:18px}.modal>header{top:-18px;padding-bottom:14px}.modal>header h2{font-size:18px}.modal>footer{flex-wrap:wrap}.modal>footer button{flex:1}.modal>footer .muted{flex-basis:100%}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-actions button{flex:1 1 140px}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cloud-works>div{flex-wrap:wrap}.cloud-works>div>span{flex-basis:100%}.reference-controls{grid-template-columns:1fr}}.app{height:100dvh;min-height:400px;display:flex;flex-direction:column;overflow:hidden;background:var(--page)}.app-header{height:80px;flex:0 0 80px;display:flex;align-items:center;padding:0 24px;gap:28px;border-bottom:1px solid var(--border);background:var(--panel);z-index:50}.brand{display:flex;flex:0 0 auto;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:var(--accent)}.brand strong{display:block;font-size:19px;font-weight:620;letter-spacing:.04em}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:9px;letter-spacing:.16em}.project-identity{display:flex;gap:20px;align-items:center;min-width:0;flex:1;padding-left:26px;border-left:1px solid var(--border)}.project-title{display:flex;align-items:center;min-width:0}.project-title input{border:0;background:transparent;width:190px;padding:8px 0;font-size:14px;text-overflow:ellipsis;font-weight:500}.save-state{display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--muted);font-size:11px}.save-state i,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9db4a5;flex-shrink:0}.save-state.failed{color:var(--danger)}.save-state.failed i{background:var(--danger)}.top-toolbar{display:flex;align-items:center;gap:10px;flex-shrink:0}.top-toolbar>button{min-height:40px;font-size:12px;padding:10px 14px;background:transparent}.top-toolbar>button:hover{background:var(--hover)}.top-toolbar .export-entry{background:var(--accent);color:var(--page);padding-inline:17px}.top-toolbar .account-button{margin-left:7px;width:40px;padding:7px}.top-toolbar .account-button svg{width:25px;height:25px}.menu{position:relative}.menu>summary{display:flex;justify-content:center;min-width:40px;height:40px;border-radius:6px;color:var(--muted)}.menu>summary:hover,.menu[open]>summary{color:var(--text);background:var(--hover)}.menu-content{position:absolute;z-index:80;width:230px;max-height:min(640px,75dvh);overflow-y:auto;padding:8px;background:var(--input);border:1px solid #4a4e59;border-radius:8px;box-shadow:0 12px 32px #0007}.project-menu .menu-content{top:calc(100% + 12px);left:0}.menu-content>button{display:flex;width:100%;min-height:40px;justify-content:flex-start;border:0;border-radius:5px;background:transparent;font-size:12px}.menu-content>button:hover{background:var(--hover)}.menu-label{display:block;padding:8px 10px;color:var(--muted);font-size:10px}.menu-note{margin-left:auto;font-size:10px;color:var(--muted)}.workspace{display:grid;grid-template-columns:72px minmax(0,1fr) 316px;min-height:0;flex:1;overflow:hidden}.tool-rail{display:flex;align-items:center;flex-direction:column;gap:5px;padding:14px 9px 12px;background:var(--panel);border-right:1px solid var(--border);min-height:0;overflow-y:auto;scrollbar-width:none}.tool-rail>button,.tool-extensions>summary{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:52px;height:56px;border:0;background:transparent;border-radius:7px;padding:6px 0;color:var(--muted)}.tool-rail>button:hover{color:var(--text);background:var(--hover)}.tool-rail>button.active{color:#25222d;background:var(--accent)}.tool-rail>button svg{width:22px;height:22px}.tool-rail>button span,.tool-extensions>summary span{font-size:10px;line-height:1.1}.tool-rail>button:nth-of-type(6){margin-top:12px}.rail-divider{height:1px;min-height:1px;width:30px;background:var(--border);margin:9px 0}.rail-spacer{flex:1;min-height:16px}.tool-extensions{position:static}.tool-extensions .menu-content{left:80px;bottom:90px}.tool-extensions .menu-content button{flex-direction:row}.editor-column{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.editor-heading{height:56px;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #303339}.view-tabs{height:100%;display:flex;align-items:stretch;gap:27px}.view-tabs>button{position:relative;height:100%;min-width:42px;padding:0 3px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:12px}.view-tabs>button:hover{color:var(--text)}.view-tabs>button.active{color:var(--accent);background:transparent}.view-tabs>button.active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;content:"";background:var(--accent)}.canvas-heading-note{color:#9aa2ae;font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:40%}.canvas-shell{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--page)}.canvas-host{width:100%;height:100%;position:relative;overflow:hidden}.canvas-host>canvas{display:block}.editor-statusbar{display:flex;align-items:center;gap:14px;height:58px;min-height:58px;padding:0 16px 0 25px;border-top:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.project-metrics{display:flex;align-items:center;gap:18px}.project-metrics>span{color:var(--text);white-space:nowrap}.project-metrics small{color:var(--muted);font-size:10px;margin-left:3px}.history-controls{display:flex;gap:2px;border-left:1px solid var(--border);padding-left:10px}.history-controls button{font-size:0;width:40px;padding:8px;border-color:transparent;background:transparent}.history-controls button svg{width:18px;height:18px}.cursor-status{margin-right:auto;min-width:0;font-size:10px}.zoom-controls{display:flex;align-items:center;gap:2px}.zoom-controls>button{padding:7px;width:40px;border:0;background:transparent}.zoom-controls>.zoom-label{width:58px;font-size:11px;color:var(--text)}.zoom-label small{display:none}.zoom-number{width:67px;padding:5px;min-height:40px}.canvas-menu .menu-content{right:0;bottom:calc(100% + 12px)}.canvas-menu .toolbar-divider{display:block;width:100%;border-top:1px solid var(--border);margin:6px 0}.grid-color-settings{padding:0 10px}.grid-color-popover{display:flex;flex-direction:column;gap:8px;padding:8px 0}.grid-color-popover label{display:flex;align-items:center;justify-content:space-between}.grid-color-popover button{width:100%}.editing-dock{position:absolute;z-index:5;bottom:76px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.brush-options,.selection-toolbar{display:flex;align-items:center;gap:5px}.brush-options>span{margin-right:8px;color:var(--muted);font-size:11px}.brush-options button{min-width:40px;border:0;padding:5px 7px;background:transparent;font-size:11px}.brush-options button.active{color:var(--accent);background:var(--soft)}.brush-options>em,.brush-options>small{display:none}.selection-toolbar{flex-wrap:wrap;font-size:11px}.selection-toolbar>b{color:var(--accent);font-weight:500}.selection-toolbar>button{min-height:40px;font-size:11px;padding:5px 8px}.settings-panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--panel);border-left:1px solid var(--border)}.panel-tabs{display:flex;align-items:stretch;height:56px;min-height:56px;padding:0 19px;gap:26px;border-bottom:1px solid var(--border)}.panel-tabs>button[role=tab]{position:relative;background:transparent;color:var(--muted);border:0;border-radius:0;padding:0 5px;min-width:40px;font-size:12px}.panel-tabs>button.active{color:var(--accent)}.panel-tabs>button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.panel-tabs small{font-size:9px;margin-left:3px}.panel-body{min-height:0;overflow:auto;flex:1}.panel-section{padding:16px 20px;border-bottom:1px solid var(--border)}.section-title{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:10px}.section-title h3{margin:0}.section-title>span{color:var(--muted);font-size:10px}.source-thumbnail{display:flex;align-items:center;justify-content:center;height:120px;background:var(--page);border:1px solid var(--border);border-radius:6px;overflow:hidden}.source-thumbnail>img,.source-thumbnail>canvas{width:100%;height:100%;object-fit:contain}.source-caption{display:flex;align-items:center;gap:8px;margin-top:6px}.source-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;flex:1}.source-caption button{min-width:40px}.preset-select{width:98px;font-size:10px;padding:5px;min-height:40px}.panel-section>.section-title>span{display:none}.panel-section .dimensions{gap:8px}.panel-section .dimensions label{position:relative}.panel-section .dimensions input{width:100%}.panel-section .dimensions>label{flex-direction:column;align-items:flex-start;gap:6px}.panel-section>.label{display:none}.panel-section>.micro{font-size:10px}.panel-section .material-settings .micro{font-size:10px}.material-evidence{margin-top:6px}.material-evidence summary{min-height:40px;font-size:10px}.panel-disclosure{border-bottom:1px solid var(--border)}.panel-section>.panel-disclosure{margin:12px -20px -18px}.panel-disclosure>summary{height:46px;padding:0 20px;font-size:11px;color:var(--text)}.panel-disclosure>summary svg{margin-left:auto;color:var(--muted)}.panel-disclosure>summary:after{display:none}.disclosure-body{padding:0 20px 18px}.disclosure-body .outline-action,.disclosure-body .similar-action{width:100%;font-size:11px}.edge-control{border-top:1px solid var(--border);margin-top:16px;padding-top:4px}.compact-usage-summary{display:flex;gap:30px;margin:18px 0}.compact-usage-summary span{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:10px}.compact-usage-summary b{color:var(--text);font-size:21px;font-weight:500;font-variant-numeric:tabular-nums}.compact-color-list{margin-bottom:12px}.compact-color-list>button{display:flex;width:100%;padding:5px 0;min-height:40px;gap:10px;border:0;background:transparent;font-size:11px}.compact-color-list>button>i{display:block;width:18px;height:18px;border-radius:3px;border:1px solid #ffffff25}.compact-color-list>button b{color:var(--text);font-weight:500}.compact-color-list>button>span{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.compact-usage .full{font-size:11px}.selected-color{display:flex;align-items:center;gap:10px;margin-bottom:18px}.selected-color>div{width:38px;height:38px;border-radius:6px;border:1px solid #ffffff25}.selected-color>span{flex:1}.selected-color small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.selected-color>strong{text-align:right;font-size:13px;font-weight:500}.palette-switch{margin:10px 0}.palette-switch button{padding:7px 5px;font-size:10px}.search{width:100%;margin-bottom:12px;font-size:11px}.side-colors{display:flex;flex-direction:column}.side-colors>button{display:flex;width:100%;min-height:48px;background:transparent;border:0;border-radius:5px;gap:10px;padding:7px;font-size:11px}.side-colors>button.selected{background:var(--soft);outline:1px solid var(--accent);outline-offset:-1px}.side-colors>button>span{width:29px;height:29px;border-radius:4px;border:1px solid #ffffff20}.color-row-copy{display:flex;flex-direction:column;text-align:left;gap:4px}.color-row-copy strong{font-size:12px;font-weight:500}.color-row-copy small{color:var(--muted);font-size:9px}.side-colors em{margin-left:auto;font-style:normal;font-size:10px;color:var(--muted)}.disabled-color{opacity:.5;text-decoration:line-through}.usage-summary{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;color:var(--muted)}.usage-summary strong{color:var(--text);font-size:18px;font-weight:500}.usage-summary small{font-size:11px;color:var(--muted)}.mini-preview{display:flex;gap:10px;align-items:center;margin:12px 0}.source-export-mini,.mini-preview canvas{width:90px;max-width:100%;height:95px;object-fit:contain;background:#fff}.mini-preview>div{flex:1;min-width:0}.mini-preview b{font-size:11px;overflow-wrap:anywhere}.mini-preview small,.mini-preview span{display:block;font-size:10px;color:var(--muted);line-height:1.8}.export-links{display:flex;gap:7px;margin-top:8px}.export-links button{flex:1;min-width:0;font-size:10px;padding:7px}.sidebar-footer{display:none}.panel-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;height:35px;min-height:35px;padding:0 20px;border-top:1px solid var(--border);color:var(--muted);font-size:9px}.panel-footer>span{display:flex;gap:6px;align-items:center}.mobile-settings,.mobile-panel-close,.drawer-backdrop{display:none}.focus .workspace{grid-template-columns:72px minmax(0,1fr)}.focus .settings-panel{display:none}@media(max-width:1200px){.app-header{padding-inline:16px;gap:18px}.project-identity{padding-left:18px;gap:8px}.project-title input{width:150px}.top-toolbar{gap:7px}.top-toolbar>button{padding-inline:10px}.workspace{grid-template-columns:68px minmax(0,1fr) 300px}.tool-rail{padding-inline:7px}.cursor-status{display:none}.zoom-controls{margin-left:auto}.editor-statusbar{gap:8px;padding-inline:14px}.project-metrics{gap:10px}}@media(max-width:1024px){.workspace,.focus .workspace{grid-template-columns:64px minmax(0,1fr)}.tool-rail{padding-inline:6px}.settings-panel{display:none}.mobile-settings{display:flex;gap:6px;width:auto;font-size:11px}.side-open .settings-panel{display:flex;position:fixed;top:80px;bottom:0;right:0;width:min(340px,calc(100vw - 40px));z-index:70}.side-open .drawer-backdrop{display:block;position:fixed;inset:80px 0 0;z-index:65;background:#0008;border:0;border-radius:0}.mobile-panel-close{display:flex;margin:auto 0 auto auto}.canvas-heading-note{margin-left:auto;margin-right:12px}.brand strong{font-size:17px}.brand small{font-size:8px}.save-state{display:flex;font-size:9px}.project-identity{flex-direction:column;align-items:flex-start;gap:0}.project-title input{min-height:32px;height:32px}.project-identity{flex:1}.project-title input{width:130px}}@media(max-width:700px){.app-header{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:56px 48px;gap:0 12px;height:112px;flex-basis:112px;padding:0 12px 8px}.brand{gap:6px}.brand-mark{width:27px;height:30px}.brand-mark svg{width:24px}.brand strong{font-size:15px}.brand small{font-size:7px;letter-spacing:.12em;margin-top:4px}.project-identity{border-left:0;padding-left:0;padding-right:30px;justify-self:end}.project-title input{width:100px;font-size:11px}.project-menu>summary{min-width:30px;width:30px}.project-menu .menu-content{position:fixed;left:auto;right:12px;top:51px}.top-toolbar{grid-row:2;grid-column:1/-1;width:100%;gap:7px}.top-toolbar>button{flex:1;min-width:0;font-size:11px;padding:9px 6px}.top-toolbar>.account-button{position:absolute;top:9px;right:6px;margin:0;width:36px;height:40px}.workspace,.focus .workspace{grid-template-columns:52px minmax(0,1fr)}.tool-rail{padding:9px 4px;gap:3px}.tool-rail>button,.tool-extensions>summary{width:44px;height:49px;min-height:44px}.tool-rail>button span,.tool-extensions>summary span{font-size:9px}.tool-rail>button svg{width:20px;height:20px}.tool-extensions .menu-content{position:fixed;left:58px;bottom:20px;width:min(270px,calc(100vw - 72px))}.rail-divider{margin:6px 0}.editor-heading{padding-inline:14px;min-height:48px;height:48px}.view-tabs{gap:21px}.view-tabs button{font-size:11px;min-width:30px}.canvas-heading-note{display:none}.mobile-settings{padding:6px}.mobile-settings>span{display:none}.editor-statusbar{display:grid;grid-template-columns:minmax(0,1fr) 80px;grid-template-rows:36px 44px;gap:0 6px;height:86px;min-height:86px;padding:3px 9px}.project-metrics{font-size:10px;gap:10px}.project-metrics small{font-size:9px;margin-left:0}.history-controls{padding:0;border:0;gap:0}.zoom-controls{margin:0;gap:0;justify-content:flex-start}.zoom-controls>button{width:35px;min-width:35px}.zoom-controls>.zoom-label{width:49px}.canvas-menu{justify-self:end}.canvas-menu .menu-content{position:fixed;right:10px;bottom:92px}.editing-dock{bottom:100px;padding:4px}.brush-options>span{display:none}.brush-options button{min-width:38px}.selection-toolbar{width:225px;justify-content:center}.side-open .settings-panel,.side-open .drawer-backdrop{top:112px}.focus .app-header{display:grid}}.modal.wide:has(.import-workspace){width:1240px;height:min(960px,calc(100dvh - 48px));display:flex;flex-direction:column;overflow:hidden;padding:22px 24px 18px}.modal:has(.import-workspace)>header{flex:0 0 auto;position:static;margin-bottom:0;padding-bottom:14px}.import-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 2px 0}.upload-title-row{display:flex;align-items:center;gap:16px;min-height:58px;font-size:11px;color:var(--muted)}.upload-title-row>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-title-row>button{min-height:40px;font-size:11px}.import-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.import-pane{min-width:0}.import-pane-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;margin-bottom:8px}.import-pane-title h3{margin:0;font-size:13px}.import-pane-title>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.import-pane-title .preview-ready{color:var(--accent)}.import-pane-title .preview-updating{color:var(--muted)}.source-crop-frame,.import-preview-viewport{height:clamp(240px,24dvh,310px);position:relative;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:#191b1e;touch-action:none;user-select:none;overscroll-behavior:contain}.source-crop-image{position:absolute;touch-action:none}.source-crop-image>img{display:block;width:100%;height:100%;pointer-events:none}.source-crop-box{position:absolute;border:2px solid var(--accent);box-shadow:0 0 0 2000px #0009;cursor:move}.source-crop-box:after{content:"";position:absolute;inset:0;border:1px dashed #ffffff70;pointer-events:none}.crop-handle{position:absolute;z-index:2;min-height:16px;width:16px;height:16px;padding:0;border:3px solid var(--accent);border-radius:3px;background:var(--panel);transform:translate(-50%,-50%)}.crop-handle:before{content:"";position:absolute;inset:-14px}.crop-handle.nw{left:0;top:0;cursor:nw-resize}.crop-handle.n{left:50%;top:0;cursor:n-resize}.crop-handle.ne{left:100%;top:0;cursor:ne-resize}.crop-handle.e{left:100%;top:50%;cursor:e-resize}.crop-handle.se{left:100%;top:100%;cursor:se-resize}.crop-handle.s{left:50%;top:100%;cursor:s-resize}.crop-handle.sw{left:0;top:100%;cursor:sw-resize}.crop-handle.w{left:0;top:50%;cursor:w-resize}.crop-ratio-tag,.import-preview-stale{position:absolute;bottom:10px;left:10px;color:var(--text);background:#232629eb;border:1px solid #ffffff15;border-radius:4px;padding:6px 8px;font-size:10px;pointer-events:none}.import-view-tools{display:flex;align-items:center;gap:6px;margin:8px 0;min-height:40px}.import-view-tools button{min-width:40px;min-height:40px;padding:7px 9px;gap:5px;font-size:11px}.import-view-tools>span{min-width:36px;text-align:center;color:var(--muted);font-size:11px}.import-view-tools .check{margin:0 0 0 auto;white-space:nowrap;font-size:11px}.import-crop-options{display:flex;gap:6px;min-height:40px}.import-crop-options button{font-size:11px;padding:7px 9px;min-height:40px;gap:5px}.import-crop-options button:last-child{margin-left:auto}.import-preview-viewport{cursor:grab}.import-preview-viewport:active{cursor:grabbing}.import-preview-paper{position:absolute;background-color:#fff;background-image:linear-gradient(45deg,#edf0f4 25%,transparent 25%),linear-gradient(-45deg,#edf0f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f4 75%),linear-gradient(-45deg,transparent 75%,#edf0f4 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.import-preview-paper canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.import-preview-paper.stale{opacity:.45}.import-preview-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,#1c1e2150 1px,transparent 1px),linear-gradient(to bottom,#1c1e2150 1px,transparent 1px)}.import-preview-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--muted);font-size:12px}.import-preview-empty>svg{color:var(--accent);opacity:.7}.import-preview-empty p{margin:0}.import-preview-empty span{font-size:10px}.import-pane-note{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin:0;color:var(--muted);font-size:11px}.import-pane-note button{flex:0 0 auto;min-height:40px;font-size:11px}.import-composition-hint{margin:14px 0;padding-left:10px;border-left:2px solid var(--accent);font-size:11px;color:var(--muted)}.import-settings{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0;padding:16px 0 0;border:0;border-top:1px solid var(--border)}.import-settings>section{min-width:0}.import-settings h3,.import-advanced h3{font-size:12px;margin:0 0 12px}.import-color-limit{display:flex;align-items:center;gap:12px;min-height:60px}.import-color-limit input[type=number]{width:66px;flex:0 0 66px}.import-color-limit input[type=range]{flex:1;min-width:0}.import-material .material-settings{margin:0}.import-material .field{font-size:10px;margin:8px 0}.import-material .material-name{font-size:11px}.import-material .material-settings>.micro{display:none}.import-material .material-evidence{margin-top:8px}.import-material .material-evidence>summary{padding:5px 0;font-size:10px}.import-material select{font-size:11px;min-height:40px}.import-summary{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.import-summary>div{display:flex;flex-direction:column;gap:8px}.import-summary>div>span{color:var(--muted);font-size:10px}.import-summary strong{font-size:19px;font-weight:500}.import-summary strong small{font-size:11px;font-weight:400;color:var(--muted);margin-left:5px}.import-summary>p{grid-column:1 / -1;margin:0;color:var(--muted);font-size:10px}.import-advanced{margin-top:14px;border-top:1px solid var(--border)}.import-advanced>summary{padding:12px 0;min-height:40px;font-size:11px;color:var(--muted);cursor:pointer}.import-advanced>fieldset{border:0;padding:8px 0 12px;margin:0;min-width:0}.import-advanced-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.import-advanced-grid>section{min-width:0}.import-advanced-grid .field,.import-advanced-grid .check{margin:10px 0;font-size:11px}.import-advanced-grid input,.import-advanced-grid select{min-width:0}.import-crop-numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.import-crop-numbers>label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px}.import-crop-numbers input{width:100%}.import-error{margin:10px 0;font-size:12px}.modal>footer.import-footer{flex:0 0 auto;margin-top:0;padding-top:14px;flex-wrap:nowrap}.import-footer>span{flex:1;display:flex;gap:8px;align-items:center}.import-footer>button{flex:0 0 auto;min-width:90px}@media(max-width:900px){.import-settings{gap:14px;grid-template-columns:1fr 1fr}.import-material{grid-column:1 / -1}.import-material .material-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.import-material .material-evidence{grid-column:1 / -1}.import-advanced-grid{grid-template-columns:1fr 1fr}.import-workspace{gap:14px}}@media(max-width:700px){.modal.wide:has(.import-workspace){height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:16px 14px 12px}.modal:has(.import-workspace)>header{padding-bottom:10px}.modal:has(.import-workspace)>header h2{font-size:17px}.import-workspace{grid-template-columns:minmax(0,1fr);gap:18px}.source-crop-frame,.import-preview-viewport{height:250px}.upload-title-row{gap:8px;min-height:54px}.upload-title-row>.micro{display:none}.upload-title-row>button{padding:7px 8px;font-size:10px}.import-pane-title>span{font-size:10px}.import-view-tools,.import-crop-options{gap:4px}.import-view-tools button,.import-crop-options button{font-size:10px;padding:7px 6px}.import-settings,.import-advanced-grid{grid-template-columns:minmax(0,1fr);gap:18px}.import-material{grid-column:auto}.import-material .material-settings{display:block}.import-summary{grid-template-columns:1fr 1fr}.import-summary>div:first-child{grid-column:1 / -1}.import-summary strong{font-size:18px}.modal>footer.import-footer{flex-wrap:wrap;gap:8px}.import-footer>span{flex-basis:100%;margin:0 0 2px;font-size:10px}.modal>footer.import-footer>button{flex:1}}.color-search-label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);margin:16px 0}.color-picker-description,.outline-description,.export-confirm-description{color:var(--muted);font-size:12px;line-height:1.7}.source-color-groups{max-height:57dvh;overflow-y:auto;padding-right:8px}.source-color-groups>section{margin:18px 0}.source-color-groups>section>header{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:12px 0}.source-color-groups>section>header strong{color:var(--text);font-weight:500}.source-color-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.source-color-grid>button{position:relative;flex-direction:column;min-width:0;padding:5px;background:transparent;border-color:transparent;font-size:11px}.source-color-grid>button>span{width:100%;height:37px;border-radius:4px;border:1px solid #ffffff20}.source-color-grid>button>strong{font-weight:500}.source-color-grid>button>small{font-size:9px;color:var(--muted)}.source-color-grid>button.active{border-color:var(--accent);background:var(--soft)}.source-color-grid input{position:absolute;top:9px;right:8px}.palette-advanced{border-top:1px solid var(--border);margin-top:14px}.palette-advanced>span{display:block;color:var(--muted);font-size:12px;padding:8px 0}.palette-advanced button{margin:8px 8px 0 0}.export-confirm-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:7px;overflow:hidden;margin:18px 0}.export-confirm-grid>div{display:flex;flex-direction:column;gap:9px;padding:16px;border-bottom:1px solid var(--border)}.export-confirm-grid>div:nth-child(odd){border-right:1px solid var(--border)}.export-confirm-grid>div:nth-child(n+3){border-bottom:0}.export-confirm-grid span,.export-confirm-grid small{color:var(--muted);font-size:11px;line-height:1.7}.export-confirm-grid strong{font-size:13px;font-weight:550}.export-mirror{display:flex;align-items:center;gap:12px;margin:18px 0}.export-mirror small{display:block;color:var(--muted);font-size:11px;margin-top:6px;line-height:1.6}.export-mirror strong{font-size:12px;font-weight:500}.export-local-hint{display:flex;align-items:center;gap:8px;color:var(--muted);background:var(--page);padding:12px;border-radius:6px;font-size:11px}.export-local-hint svg{color:var(--accent);flex-shrink:0}.export-checks{display:flex;gap:16px;flex-wrap:wrap}.export-advanced{margin:12px 0}.board-region-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:220px;overflow:auto}.board-region-grid button{flex-direction:column;min-width:0;padding:6px;font-size:11px}.board-region-grid button small{font-size:9px}.outline-settings{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;margin-top:16px}.outline-settings>.field{margin:0}.outline-detect{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8px}.outline-detect .field{margin:0}.outline-detect small{grid-column:1/-1;color:var(--muted);font-size:11px}.outline-tools{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.outline-tools button{font-size:11px;padding:6px 9px}.outline-zoom{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:12px;color:var(--muted)}.outline-viewport{height:400px;overflow:hidden;position:relative;background:var(--page);border:1px solid var(--border);border-radius:6px;touch-action:none}.outline-viewport canvas{position:absolute;touch-action:none}.canvas-crop-layer{position:absolute;inset:0;pointer-events:none}.canvas-crop-selection{position:absolute;pointer-events:auto;border:2px solid var(--accent);box-shadow:0 0 0 4000px #0007;cursor:move}.canvas-crop-actions{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;pointer-events:auto}.canvas-crop-actions span{font-size:11px;color:var(--muted)}.canvas-crop-actions button{font-size:11px}@media(max-width:900px){.source-color-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:700px){.source-color-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.source-color-grid>button>span{height:34px}.outline-settings{display:flex;flex-direction:column}.outline-detect{grid-template-columns:1fr}.outline-viewport{height:310px}.outline-zoom{flex-wrap:wrap}.export-confirm-grid>div{padding:13px}.export-confirm-grid strong{font-size:12px}}.import-source-panel{min-width:0}.import-source-panel>summary{display:none}.import-source-panel .source-crop-frame{height:clamp(340px,43dvh,480px)}.import-preview-column{min-width:0}.import-preview-column .import-pane-note{min-height:26px;font-size:10px}.import-preview-column .import-view-tools .preview-actual-scale{min-width:54px;font-variant-numeric:tabular-nums}.import-density{border:0;padding:14px 0 0;margin:6px 0 0;min-width:0;border-top:1px solid var(--border)}.density-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.density-heading h3{margin:0;font-size:13px}.density-heading>strong{font-size:20px;font-weight:500;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.density-heading>strong small{font-size:11px;color:var(--muted);margin-left:5px}.density-slider-label{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;font-size:11px;color:var(--muted)}.density-slider-label b{font-weight:500;color:var(--text)}.density-slider-label>input{grid-column:1 / -1;width:100%}.density-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:7px 0 12px}.density-presets>button{min-height:40px;padding:6px;gap:4px;font-size:12px}.density-presets small{font-size:10px;opacity:.75}.density-ratio-row{display:grid;grid-template-columns:1fr 1.08fr;gap:10px;align-items:end}.density-ratio-row>label,.density-placement-row>label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--muted);font-size:10px}.density-ratio-row select,.density-placement-row select{width:100%;min-width:0;font-size:11px;padding-left:8px}.density-dimensions{display:flex;align-items:end;gap:5px;min-width:0}.density-dimensions>label{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px}.density-dimensions input{width:100%;min-width:0;padding:8px 5px;text-align:center;font-size:12px;appearance:textfield}.density-dimensions input::-webkit-inner-spin-button{appearance:none}.density-dimensions>span{align-self:center;padding-top:15px;color:var(--muted)}.density-dimensions .icon-button{width:40px;min-width:40px;height:40px;padding:0}.density-placement-row{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:10px}.density-framing-note{margin:8px 0;color:var(--muted);font-size:10px;line-height:1.6}.density-framing-note.warning{color:var(--warning)}.density-summary.import-summary{grid-template-columns:1.4fr 1fr .7fr;padding-top:10px;margin-top:10px;gap:8px}.density-summary.import-summary>div{gap:5px}.density-summary.import-summary strong{font-size:16px}.density-summary.import-summary>p{font-size:9px}.source-output-guide{position:absolute;border:2px dashed #f1f2f4;z-index:1;pointer-events:none}.source-output-guide>span{position:absolute;left:4px;bottom:4px;padding:4px;background:#1c1e21dd;font-size:10px;color:#fff;white-space:nowrap}@media(max-width:900px)and (min-width:701px){.density-ratio-row{grid-template-columns:1fr}.import-source-panel .source-crop-frame{height:370px}}@media(max-width:700px){.import-preview-column{order:-1}.import-source-panel>summary{display:flex;padding:12px 0;color:var(--muted);font-size:12px;min-height:44px}.import-source-panel .source-crop-frame{height:260px}.import-preview-column .import-preview-viewport{height:190px}.import-density{padding-top:10px}.density-heading{gap:6px}.density-heading h3{font-size:12px}.density-heading>strong{font-size:17px}.density-ratio-row{grid-template-columns:1fr}.density-dimensions{gap:8px}.density-summary.import-summary{grid-template-columns:1.4fr 1fr .7fr}.density-summary.import-summary>div:first-child{grid-column:auto}.density-summary.import-summary strong{font-size:13px}.density-summary.import-summary>div>span{font-size:9px}.import-settings{grid-template-columns:1fr}.import-composition-hint{font-size:10px}}.material-settings{margin:12px 0;min-width:0}.material-settings .field{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:8px 0;font-size:12px}.material-name{font-size:12px;color:var(--text);line-height:1.6}.material-settings select{width:100%;height:40px;min-height:40px;padding:8px 10px;line-height:20px}.material-settings .micro{font-size:11px;line-height:1.65;margin:7px 0;color:var(--muted)}.material-pending{padding:10px;background:#383226;color:var(--warning);font-size:12px;line-height:1.7;border-radius:8px}.modal.wide:has(.bead-list){width:880px}.modal:has(.bead-list)>header{position:sticky;top:-25px;background:var(--panel);z-index:3;padding:10px 0;margin-top:-10px}.bead-list{min-width:0;font-size:13px}.bead-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.bead-list-heading h3{font-size:18px;overflow-wrap:anywhere;margin:0 0 12px}.bead-list-heading>span{white-space:nowrap;color:var(--muted)}.bead-list-spec{border:1px solid var(--border);border-radius:7px;padding:6px 16px;margin:0;min-width:0}.bead-list-spec .material-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:0}.bead-list-spec .material-settings p{grid-column:1/-1}.bead-list-series{margin:12px 0;color:var(--muted)}.bead-list-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.bead-list-summary span{display:flex;flex-direction:column;gap:5px;padding:14px;background:var(--input);border-radius:7px;color:var(--muted);font-size:12px}.bead-list-summary b{font-size:25px;font-variant-numeric:tabular-nums;color:var(--text)}.bead-list-controls{display:flex;gap:16px;flex-wrap:wrap}.bead-list-controls label{display:flex;align-items:center;gap:8px;font-size:12px}.bead-list-controls select{height:40px;padding:8px 10px;line-height:20px}.bead-list-reserve{margin:12px 0;color:var(--warning);line-height:1.8}.bead-list-notice{margin:16px 0;padding:12px 14px;border-radius:7px;background:#34302a;color:var(--warning);line-height:1.8}.bead-list-actions{display:flex;gap:10px;flex-wrap:wrap}.bead-list-actions button{flex:1 1 180px;min-height:42px}.bead-list-actions svg{width:18px;height:18px}.bead-list>.micro{margin:10px 0 16px;line-height:1.7}.bead-list-table-wrap{border:1px solid var(--border);border-radius:7px;overflow:hidden}.bead-list-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.bead-list-table td,.bead-list-table th{padding:10px 14px;text-align:right;border-bottom:1px solid var(--border);font-size:13px}.bead-list-table th:first-child,.bead-list-table td:first-child,.bead-list-table th:nth-child(2){text-align:left}.bead-list-table thead{background:var(--input)}.bead-list-table tbody tr:nth-child(2n){background:#26292e}.bead-list-swatch{display:inline-block;width:31px;height:26px;border:1px solid #616673;border-radius:5px;vertical-align:middle}.bead-list-sources{margin:18px 0 0;font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.bead-list-sources summary{cursor:pointer;color:var(--accent)}.bead-list-sources p{margin:8px 0}.bead-list-sources a{color:var(--accent)}.bead-list-progress{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}.bead-list-message{padding:9px 12px;background:var(--input);color:var(--text);border-radius:8px;line-height:1.6}.bead-list-copy{width:100%;height:180px;padding:12px;font-size:13px}@media(max-width:620px){.modal.wide:has(.bead-list){padding:16px;max-height:calc(100dvh - 24px)}.modal:has(.bead-list)>header{top:-16px}.bead-list-heading{flex-wrap:wrap;gap:0 10px;margin-bottom:12px}.bead-list-heading h3{width:100%}.bead-list-spec .material-settings{grid-template-columns:minmax(0,1fr)}.bead-list-summary{gap:6px}.bead-list-summary span{padding:10px 8px;font-size:10px}.bead-list-summary b{font-size:21px}.bead-list-controls{gap:10px}.bead-list-controls label{width:100%}.bead-list-controls select{flex:1}.bead-list-actions{gap:7px}.bead-list-actions button{flex-basis:100%}.bead-list-table td,.bead-list-table th{padding:10px 7px;font-size:12px}.bead-list-swatch{width:25px}}