:root{--ink:#342942;--muted:#797180;--purple:#76518d;--line:#e9e3ec;--paper:#fcfaf6;--bg:#f7f5f8;--danger:#aa3d54;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 15px;color:var(--ink);cursor:pointer;font-weight:500;min-height:40px}button:hover{border-color:#bfaaca;background:#fbf8fc}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--purple);border-color:var(--purple);color:white;box-shadow:0 3px 8px #76518d18}button.danger{color:var(--danger)}button.quiet{background:transparent;border-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bda2d2;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.8px;font-weight:600;margin-bottom:12px}h2{font-size:22px;font-weight:600}h3{font-size:16px;font-weight:600}p{line-height:1.7}.muted{color:var(--muted)}small{font-size:12px;color:var(--muted);line-height:1.7}.eyebrow{font-size:11px;letter-spacing:2px;color:#937ca1;margin-bottom:12px;font-weight:600}.app-shell{display:flex;min-height:100vh}aside{position:fixed;width:224px;top:0;bottom:0;background:#fffefd;border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;overflow-y:auto}.brand img{width:146px;height:62px;object-fit:contain;object-position:left}.sidebar-caption{padding:8px 14px 16px;font-size:10px}nav{display:flex;flex-direction:column;gap:3px}nav a{color:#81738b;text-decoration:none;display:flex;align-items:center;gap:14px;padding:11px 15px;border-radius:9px;font-weight:500}nav a span{font-size:10px;color:#ad9eb7;letter-spacing:1px}nav a.active{background:#eee5f3;color:#654579}nav a:hover{background:#f5f0f7}.local-note{margin-top:auto;padding:32px 14px 0;font-size:12px;color:#716878}.local-note p{font-size:11px;margin-top:9px;color:#a096a4}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#809b82;margin-right:5px}.main{margin-left:224px;width:calc(100% - 224px)}header{height:74px;background:#ffffffbc;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px;font-size:12px}.header-actions{display:flex;gap:16px;align-items:center}.pill,.badge{display:inline-block;padding:5px 9px;border-radius:5px;background:#f0edf3;color:#81708c;font-size:11px;white-space:nowrap}.badge.green{background:#edf3ed;color:#628369}.badge.gold{background:#fbf1df;color:#9c7a41}.badge.red{background:#fae9ec;color:#a25464}.page-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.page-title p:last-child{margin-bottom:0;font-size:13px}#page-actions{display:flex;gap:8px}main{max-width:1500px;margin:auto;padding:38px 40px}footer{padding:20px 40px;font-size:11px;color:#afa6b5}.hero{padding:28px 30px;background:linear-gradient(105deg,#eee3f3,#f8f3ec);border:1px solid #e7ddeb;border-radius:14px;display:flex;justify-content:space-between;gap:24px;margin-bottom:24px}.hero h2{font-size:22px;margin-bottom:10px}.hero p{font-size:13px;max-width:630px;margin:0}.hero .hero-number{font-size:52px;line-height:1;color:#9a7caf;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:12px}.stat{padding:22px}.stat p{font-size:12px;color:var(--muted);margin-bottom:18px}.stat strong{font-size:30px;font-weight:500}.stat small{display:block;margin-top:12px}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.panel{padding:24px}.panel h3{margin-bottom:22px}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-title p{margin:0}.list-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0ecf3;gap:12px}.list-row:last-child{border-bottom:0}.list-row strong{font-size:13px;font-weight:500}.list-row p{font-size:12px;margin:4px 0 0;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.toolbar input{max-width:320px}.materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.material{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.material-image{position:relative;background:#fcfaf5;padding:18px;aspect-ratio:1}.material-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.material-image .badge{position:absolute;top:14px;right:14px}.material-info{padding:18px}.material-info h3{margin-bottom:8px}.material-info p{font-size:12px;color:var(--muted);margin-bottom:18px}.card-bottom{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}th{text-align:left;font-size:11px;font-weight:500;letter-spacing:.3px;color:#8d8196;background:#fbf9fc;padding:16px 18px;white-space:nowrap}td{padding:17px 18px;border-top:1px solid #f0ecf3;vertical-align:middle;max-width:280px;overflow-wrap:anywhere}td button{font-size:12px;margin:2px 4px 2px 0;padding:6px 10px;min-height:34px}td img.thumb{width:54px;height:64px;object-fit:contain;background:var(--paper);border-radius:6px}.empty{background:white;border:1px dashed #ddd3e5;border-radius:12px;padding:62px 24px;text-align:center;color:var(--muted)}.empty h3{font-size:19px;color:#6a5378}.empty p{max-width:520px;margin:0 auto;font-size:13px}.notice{background:#f1ebf5;border:1px solid #e7ddeb;border-radius:8px;padding:14px 18px;margin-bottom:22px;font-size:12px;color:#7b6687;line-height:1.8}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{padding:25px;border-radius:12px;background:white;border:1px solid var(--line)}.plan strong{font-size:38px;font-weight:500;display:block;margin:22px 0}.plan p{font-size:13px;color:var(--muted)}.login-shell{display:grid;grid-template-columns:1.25fr 1fr;min-height:100vh;background:#fffefd}.login-art{background:#eee5f0;padding:70px 10%;overflow:hidden}.login-art>img{width:180px;margin-bottom:35px}.login-art h1{font-size:36px;line-height:1.7;font-weight:500}.login-art>p:not(.eyebrow){font-size:13px;color:#887590}.sample-papers{display:flex;gap:24px;margin-top:42px}.sample-papers img{width:43%;background:#fffaf0;padding:16px;box-shadow:0 12px 24px #59456913;transform:rotate(-6deg)}.sample-papers img+img{transform:rotate(6deg)}.login-form{width:350px;align-self:center;justify-self:center}.login-form h2{font-size:29px}.login-form>button{width:100%;margin-top:10px}.login-form small{display:block;margin-top:18px;overflow-wrap:anywhere}label{display:block;font-size:13px;margin:16px 0 8px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #ded6e3;border-radius:7px;background:white;color:var(--ink);margin-top:8px;min-height:43px}textarea{resize:vertical;min-height:82px}dialog{border:1px solid var(--line);border-radius:16px;max-width:560px;width:calc(100% - 32px);padding:28px;max-height:90vh;box-shadow:0 25px 100px #34294230}dialog::backdrop{background:#34294255;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.dialog-head h2{margin:0}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:12px;border-top:1px solid var(--line)}#dialog-description{margin-top:16px;font-size:12px}#toast{position:fixed;right:28px;bottom:28px;padding:15px 22px;border-radius:10px;background:#4c395a;color:white;box-shadow:0 8px 22px #33254425;z-index:20}.error{color:var(--danger);font-size:13px;line-height:1.7;margin-top:15px}pre{white-space:pre-wrap;font-size:12px;background:#f8f5f9;border-radius:6px;padding:14px;max-height:330px;overflow:auto}.row-actions{display:flex;gap:4px;flex-wrap:wrap}.cell-sub{display:block;font-size:11px;color:#9a8fa3;margin-top:5px}.loading{padding:60px;text-align:center;color:var(--muted)}@media(max-width:1100px){.materials{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}main{padding:26px}.plan-grid{grid-template-columns:1fr}}@media(max-width:720px){aside{width:170px;padding:20px 10px}.main{margin-left:170px;width:calc(100% - 170px)}header{padding:0 20px}.page-title{align-items:flex-start;flex-direction:column}.materials,.stats{grid-template-columns:1fr}.login-shell{display:block}.login-art{display:none}.login-form{width:auto;padding:70px 26px}.hero{padding:20px}.hero-number{display:none}main{padding:22px 14px}.toolbar{flex-direction:column;align-items:stretch}.brand img{width:135px}}
/* Procreate import stays within the existing management visual language. */
.pc-dialog{width:min(960px,calc(100vw - 32px));max-height:90vh;overflow:auto}
.pc-mask-pair{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}.pc-mask-pair figure{margin:0;flex:1;min-width:180px}.pc-mask-pair img{width:180px;height:180px;image-rendering:pixelated;border-radius:12px;background:#eee}.pc-mask-pair figcaption{margin-top:12px;color:#85778f}
.pc-dialog input[type=file]{padding:14px;border:1px dashed #a08bb2;border-radius:12px;width:100%;margin:8px 0 16px}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-height:420px;overflow:auto;margin:16px 0}
.pc-candidate{border:1px solid #e6deee;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pc-choice{display:flex!important;align-items:center;gap:10px;line-height:1.6}
.pc-choice input[type=checkbox]{width:18px!important;height:18px;flex:none;margin:0}
.pc-preview{width:100%;height:80px;object-fit:contain;background:#9d8baa;border-radius:10px}
.pc-no-preview{height:80px;display:grid;place-items:center;background:#f1edf5;border-radius:10px;color:#85778f}
.pc-candidate details{font-size:12px;overflow-wrap:anywhere}.pc-candidate small{color:#85778f}
.pc-name{display:flex;align-items:center;gap:12px}.pc-mini{width:100px;height:40px;object-fit:contain;background:#9d8baa;border-radius:8px}
.pc-dialog .toolbar{flex-wrap:wrap}.pc-dialog .dialog-footer{position:sticky;bottom:0;background:white;padding:16px 0}
@media(max-width:600px){.pc-grid{grid-template-columns:1fr}.pc-mini{width:60px}.pc-dialog{max-height:95vh}}

.category-dialog{width:min(760px,calc(100vw - 32px));max-width:760px;overflow:auto}.category-dialog>p{margin:18px 0 24px}.category-dialog .table-wrap{max-height:55vh;overflow:auto}.category-dialog th{position:sticky;top:0}.category-dialog .dialog-footer{position:sticky;bottom:0;background:white}

.brush-effect-button{padding:0;border:0;background:#faf7f0;display:block;width:172px;text-align:left;cursor:zoom-in}.brush-effect{display:block;width:172px;height:64px;object-fit:contain;object-position:left center}.brush-effect-large{display:block;width:100%;max-width:860px;background:#faf7f0;border-radius:12px}

.brush-results table{min-width:1000px}.brush-results .pc-name{min-width:100px}.brush-results .row-actions{min-width:180px}.brush-results th{white-space:nowrap}

.fill-preview{display:block;width:200px;max-width:100%;height:80px;border-radius:12px}.fill-live-preview{grid-column:1/-1;padding:12px;background:#fff6ea;border-radius:12px}.fill-live-preview .fill-preview{margin-top:8px;width:100%;height:auto;max-height:140px;object-fit:cover}

.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.palette-swatches{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.palette-swatches>div{display:flex;flex-direction:column;gap:7px;align-items:center}.palette-swatch{display:block;width:42px;height:42px;border-radius:50%;border:1px solid #0002}.palette-color-row{display:flex;align-items:center;gap:8px;margin:10px 0}.palette-color-row input[type=color]{width:48px;height:40px;padding:3px;flex:none}.palette-color-row input[type=text]{width:110px;min-width:70px}.palette-color-row button{padding:8px}.palette-editor{margin-top:8px}

.nav-tool-group{margin:10px 0 14px;padding:12px 0 4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.nav-tool-group+.nav-tool-group{margin-top:0;border-top:0;padding-top:0}.nav-group-title{font-size:12px;font-weight:600;letter-spacing:1px;color:#937ca1;margin:0 0 6px;padding:0 16px}.nav-tool-group a{padding-left:22px}

.hex-picker{position:relative;flex:none}.hex-picker-trigger{width:48px;height:40px;border:1px solid #bdb2c7;border-radius:8px;padding:3px;box-shadow:inset 0 0 0 4px white}.hex-picker-panel{position:absolute;z-index:10;top:46px;left:0;width:270px;padding:14px;background:white;border:1px solid #ddd4e5;border-radius:12px;box-shadow:0 8px 28px #25153435}.hex-picker-panel[hidden]{display:none}.hex-picker-plane{height:155px;position:relative;touch-action:none;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);cursor:crosshair;border-radius:6px}.hex-picker-marker{position:absolute;width:14px;height:14px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #000;pointer-events:none}.hex-picker-controls{display:flex;align-items:center;gap:12px;margin:14px 0}.hex-picker-preview{width:28px;height:28px;border-radius:50%;border:1px solid #0002;flex:none}.hex-picker-controls input[type=range]{padding:0;width:100%;height:16px;accent-color:#8553bf;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hex-picker-panel label{display:flex;align-items:center;gap:12px}.palette-color-row .hex-picker-panel input[type=text]{width:100%;min-width:0}.hex-picker-panel>button{margin-top:10px;width:100%}

.brush-tip-guide{background:#f8f5fb;border:1px solid #e8deef;border-radius:10px;padding:16px 18px;margin:18px 0;color:var(--ink);font-size:12px;line-height:1.8}.brush-tip-guide strong{font-size:13px}.brush-tip-guide ul{padding-left:18px;margin:8px 0 0}.brush-tip-guide li+li{margin-top:6px}
/* Keep the hue spectrum visible instead of the browser's native range fill. */
.hex-picker-controls input[type=range]{appearance:none;-webkit-appearance:none;border:0;border-radius:999px;cursor:pointer;background:transparent;outline-offset:4px}
.hex-picker-controls input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:linear-gradient(to right,#f00 0%,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,#f00 100%)}
.hex-picker-controls input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-5px;border:3px solid white;border-radius:50%;background:transparent;box-shadow:0 1px 4px #0006}
.hex-picker-controls input[type=range]::-moz-range-track{height:12px;border-radius:999px;background:linear-gradient(to right,#f00 0%,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,#f00 100%)}
.hex-picker-controls input[type=range]::-moz-range-progress{background:transparent}
.hex-picker-controls input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid white;border-radius:50%;background:transparent;box-shadow:0 1px 4px #0006}

.material-header-filter{display:flex;flex-direction:column;gap:6px;min-width:90px}.material-header-filter select{padding:5px 8px;font-size:12px;font-weight:normal;min-width:90px}

.material-filter{display:flex;align-items:center;gap:8px}.material-filter select{min-width:110px}.material-filters{flex-wrap:wrap}.material-batch-bar{flex-wrap:wrap;margin-bottom:12px}.material-list input[type=checkbox]{width:18px;height:18px;accent-color:#8553bf}.material-batch-bar .danger{color:#ac344b;border-color:#e9b7c1}

/* Material management: compact filters, contextual actions, readable rows. */
.main:has(.materials-page) main{padding:28px 28px}
.main:has(.materials-page) .page-title{margin-bottom:18px;align-items:flex-end}
.main:has(.materials-page) h1{font-size:28px;margin-bottom:8px}
.main:has(.materials-page) #page-actions{flex-wrap:wrap;justify-content:flex-end}
.materials-page .notice{background:transparent;border:0;padding:0;margin-bottom:18px;color:var(--muted);font-size:12px}
.materials-page .material-filters{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(140px,1fr) minmax(115px,.8fr) minmax(135px,1fr) auto;gap:14px;align-items:end;padding:18px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:14px}
.materials-page .material-filters label{margin:0;color:var(--muted);font-size:12px;white-space:nowrap}
.materials-page .material-filters input,.materials-page .material-filters select{margin-top:7px;min-height:40px;height:40px;padding:8px 10px;font-size:13px;width:100%;max-width:none}
.materials-page .material-filters button{white-space:nowrap;padding:8px;min-height:40px;font-size:12px}
.material-list-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 2px}
.material-batch-bar{justify-content:flex-start;gap:8px;padding:12px 14px;background:#eee5f3;border:1px solid #ded0e8;border-radius:10px;position:sticky;top:12px;z-index:2}
.material-batch-bar strong{font-size:13px;white-space:nowrap;margin-right:8px}
.material-batch-bar button{padding:7px 10px;min-height:34px;font-size:12px;white-space:nowrap}
.material-batch-bar .danger{margin-left:auto;background:#fff7f8}
.material-list table{min-width:850px;table-layout:auto}
.material-list th{padding:13px 12px;font-size:12px;color:#74647e;background:#f7f4f9;letter-spacing:0}
.material-list td{padding:12px;white-space:nowrap;overflow-wrap:normal;font-size:13px;height:82px}
.material-list td:first-child,.material-list th:first-child{width:42px;text-align:center}
.material-list td:nth-child(2){min-width:185px}
.material-title-cell{display:flex;align-items:center;gap:12px}
.material-title-cell strong{font-weight:500;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.material-list td img.thumb{width:44px;height:56px;flex:none;background:#faf8f2}
.material-list td button{white-space:nowrap;margin:0;padding:6px 10px;color:var(--purple);background:#faf6fc;border-color:#e6dced}
.material-list tbody tr:hover{background:#fcf9fd}
.material-list tbody tr:has(input:checked){background:#f5eff9}
.material-list input[type=checkbox]{margin:0;min-height:18px;cursor:pointer}
.material-list td:nth-child(8),.material-list td:nth-child(9){font-variant-numeric:tabular-nums}
@media(max-width:1000px){.materials-page .material-filters{grid-template-columns:minmax(170px,1.5fr) minmax(115px,1fr) minmax(100px,.8fr) minmax(120px,1fr)}.materials-page .material-filters button{grid-column:4;justify-self:end}.material-batch-bar{flex-wrap:wrap}}
@media(max-width:800px){.materials-page .material-filters{grid-template-columns:1fr 1fr}.materials-page .material-filters .material-search{grid-column:1/-1}.materials-page .material-filters button{grid-column:auto}.material-list-meta{align-items:flex-start;flex-direction:column;gap:4px}}

.material-list table{min-width:780px}.material-list th,.material-list td{padding-left:10px;padding-right:10px}.material-list td:nth-child(2){min-width:170px}.material-title-cell strong{max-width:160px}

/* Palette management list. */
.palette-list-meta{margin:18px 2px 12px;color:var(--muted)}
.palette-list table{min-width:720px}
.palette-list th,.palette-list td{padding:14px 18px;white-space:nowrap;overflow-wrap:normal}
.palette-list td{height:76px}
.palette-list td:first-child{min-width:140px}
.palette-list td:first-child strong{font-weight:500}
.palette-list-swatches{display:flex;align-items:center;gap:7px}
.palette-list-swatch{display:block;width:26px;height:26px;border-radius:7px;border:1px solid #0002;flex:none}
.palette-list td button{padding:7px 14px;white-space:nowrap}
.palette-list tbody tr:hover{background:#fcf9fd}

/* Agreement workspace */
.legal-workspace{max-width:1100px;margin:4px auto 0}.legal-tabs{display:flex;gap:8px;margin-bottom:20px;padding:6px;background:#eee8f2;border-radius:12px}.legal-tab{flex:1;border:0;background:transparent;padding:14px 12px;color:var(--muted);border-radius:8px;font-weight:500}.legal-tab.active{background:white;color:var(--ink);box-shadow:0 2px 8px #402e5710}.legal-editor{background:#fff;border:1px solid #e8e2ed;border-radius:16px;padding:28px 28px 0;overflow:visible}.legal-editor-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.legal-editor-heading h2{margin:0 0 8px;font-size:20px}.legal-editor-heading p{margin:0;font-size:13px}.legal-field{margin-bottom:24px}.legal-field label{font-size:14px;font-weight:600;display:block;margin-bottom:10px}.legal-field input{width:100%;box-sizing:border-box}.legal-field textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:360px;line-height:1.9;padding:18px;font-size:14px;border:1px solid #dcd4e4;border-radius:10px;background:#fdfbfe;color:#352943}.legal-field input:focus,.legal-field textarea:focus{outline:2px solid #9d86b8;outline-offset:2px}.legal-field-heading{display:flex;justify-content:space-between;align-items:baseline}.legal-field-heading .muted{font-size:12px}.legal-hint{font-size:12px;color:var(--muted);margin:8px 0 0}.legal-actions{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-top:1px solid #ece6ef;padding:18px 0;box-shadow:0 -10px 24px #fff}.legal-state{font-size:14px;color:#537460}.legal-state.dirty{color:#976934}.legal-action-buttons{display:flex;align-items:center;gap:20px}.legal-preview{font-size:13px;color:#73518f;text-decoration:none}.legal-actions button{min-width:128px}.legal-tabs button:disabled{opacity:.6}@media(max-width:760px){.legal-editor{padding:20px 16px 0}.legal-tabs{gap:2px}.legal-tab{font-size:12px;padding:12px 4px}.legal-actions{align-items:flex-start;flex-direction:column;gap:12px}.legal-action-buttons{width:100%;justify-content:space-between}.legal-editor-heading .badge{display:none}}

.materials-page .material-date-range{grid-column:1/-1;display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}
.materials-page .material-date-range label{min-width:170px;flex:0 1 210px}
.materials-page .material-date-error{color:#a33652;padding-bottom:10px}

.material-reference-preview{display:block;width:100%;max-height:380px;object-fit:contain;background:#faf4ec;border-radius:12px;margin:16px 0}.material-reference-preview[hidden]{display:none}.reference-dialog .form-error{color:#a33;min-height:22px}

.material-edit-previews{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px}.material-preview-panel{min-width:0;background:#faf8f4;border:1px solid #e8e0eb;border-radius:12px;padding:12px}.material-preview-panel h3{font-size:14px;margin:0 0 10px;color:#685274}.material-preview-panel img{display:block;width:100%;height:190px;object-fit:contain;background:white;border-radius:8px}.material-preview-empty{height:190px;margin:0;display:grid;place-items:center;color:#94869d;font-size:13px;text-align:center}.material-title-cell .thumb{width:64px;height:72px}@media(max-width:600px){.material-edit-previews{grid-template-columns:1fr}.material-preview-panel img,.material-preview-empty{height:160px}}

.material-remove-reference{display:flex;align-items:center;gap:8px}.material-remove-reference input{width:18px;min-height:18px;margin:0}.material-preview-empty[hidden]{display:none}.material-preview-panel img[hidden]{display:none}
nav.pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);flex-direction:row;align-items:center;gap:16px;padding:18px 20px;border-top:1px solid var(--line);margin-top:0;background:#fff;font-size:13px}.pagination-summary{color:var(--muted);line-height:1.5;white-space:nowrap}.pagination-navigation,.pagination-options{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.pagination-options{justify-content:flex-end}.pagination-position{min-width:62px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}.pagination button,.pagination input,.pagination select{height:36px;min-height:36px;margin:0;padding:7px 11px;border-radius:8px;font-size:13px;line-height:20px;box-shadow:none}.pagination button{white-space:nowrap;color:var(--purple);border-color:#d9cbe2;background:#fff}.pagination button:hover:not(:disabled){background:#f5eff8;border-color:#a88bb9}.pagination button:disabled{color:#aaa3af;border-color:var(--line);background:#fff;opacity:.65;cursor:default}.pagination input{width:56px;min-width:0;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield}.pagination input::-webkit-inner-spin-button,.pagination input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination select{width:108px;min-width:108px;padding-right:6px}.pagination-options button{min-width:54px}.paged-nodes>nav.pagination{margin-top:12px;padding-left:0;padding-right:0}dialog nav.pagination{grid-template-columns:1fr auto;gap:12px;padding:16px 12px}dialog .pagination-navigation{grid-column:1/-1;grid-row:2;justify-content:center}dialog .pagination-options{flex-wrap:wrap}@media(max-width:1200px){nav.pagination{grid-template-columns:1fr auto;gap:12px}.pagination-navigation{grid-column:1/-1;grid-row:2;justify-content:center}}@media(max-width:600px){nav.pagination,dialog nav.pagination{grid-template-columns:1fr;gap:12px;padding:16px 12px}.pagination-summary{text-align:center}.pagination-navigation,dialog .pagination-navigation{grid-column:1;grid-row:auto;flex-wrap:wrap}.pagination-options{justify-content:center;flex-wrap:wrap}}


.plan-grid>.paged-nodes,.pc-grid>.paged-nodes{grid-column:1/-1;min-width:0}.plan-grid>.paged-nodes>.paged-body{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pc-grid>.paged-nodes>.paged-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}@media(max-width:1100px){.plan-grid>.paged-nodes>.paged-body{grid-template-columns:1fr}}

.brush-editor-dialog{max-width:1040px;width:calc(100% - 32px);overflow:auto}.brush-editor-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.25fr);gap:28px}.brush-live-preview{align-self:start;position:sticky;top:0}.brush-live-paper{min-height:160px;background:#fffaf1;border:1px solid #e5ddd2;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brush-live-image{width:100%;height:auto;display:block}.brush-live-image[hidden]{display:none}.brush-control-pair{display:grid;grid-template-columns:minmax(100px,1fr) 88px;gap:14px;align-items:center}.brush-control-pair input[type=range]{padding:0;border:0;background:transparent;accent-color:#9370a5}.brush-control-pair input[type=number]{padding:8px}.brush-settings{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.brush-live-preview .error{min-height:20px}.brush-editor-dialog .dialog-footer{position:sticky;bottom:-28px;background:#fff;padding-bottom:18px}@media(max-width:700px){.brush-editor-grid{grid-template-columns:1fr}.brush-live-preview{position:static;grid-row:1}.brush-editor-dialog{padding:18px}}

.brush-parameter-group{margin:18px 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;min-width:0}.brush-parameter-group legend{padding:0 8px;font-weight:600}.brush-switch{display:flex;align-items:center;gap:10px}.brush-switch input[type=checkbox]{width:18px;height:18px;accent-color:#9370a5}

.overview-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.overview-stats .stat{min-width:0}.overview-stats .stat strong{display:block}.overview-stats .stat small{display:block}.panel .header-actions{flex-wrap:wrap;margin-bottom:12px}@media(max-width:1100px){.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.overview-stats{grid-template-columns:1fr}}


.photo-style-dialog{width:min(960px,calc(100vw - 40px));max-width:960px;max-height:calc(100dvh - 48px);padding:0;border:1px solid #eee8f0;border-radius:18px;overflow:hidden;color:#27232e;box-shadow:0 20px 70px #33234425}
.photo-style-dialog::backdrop{background:#302c3b55;backdrop-filter:blur(5px)}
.ps-form{display:flex;flex-direction:column;max-height:calc(100dvh - 50px)}
.ps-dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:32px 40px 26px;border-bottom:1px solid var(--line);margin:0 8px}
.ps-dialog-heading h2{font-size:25px;line-height:1.3;margin:0;font-weight:650}.ps-close{padding:8px;min-height:36px;background:transparent;border:0;color:var(--muted)}
.ps-icon{width:20px;height:20px;display:inline-block;opacity:.75;flex-shrink:0}.ps-close .ps-icon{width:24px;height:24px}
.ps-dialog-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:38px;padding:26px 40px;overflow:auto;min-height:0}
.ps-cover-section{padding-right:0}.ps-details{padding-left:38px;border-left:1px solid var(--line);min-width:0}
.photo-style-dialog h3,.ps-field-heading label,.ps-setting label{font-size:16px;font-weight:600;margin:0 0 14px;display:block}
.ps-cover-preview{width:100%;aspect-ratio:1;background:#fcfbfc;border:1px solid #ded9e5;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ps-cover-preview>img{width:100%;height:100%;object-fit:contain}.ps-cover-empty{display:flex;flex-direction:column;gap:10px;align-items:center;color:var(--muted);font-size:13px}.ps-cover-empty .ps-icon{width:32px;height:32px;margin-bottom:8px}
.ps-replace-cover{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:16px;background:#f0eaf6;border:0;color:var(--purple);height:46px}.ps-remove-cover{display:block;margin:6px auto 0;padding:4px 10px;min-height:28px;font-size:12px;border:0;background:transparent;color:var(--muted)}
.ps-hint{color:#8c8599;font-size:13px;line-height:1.5;margin:10px 0 0}.ps-field-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.ps-count{font-size:13px;color:var(--muted);white-space:nowrap}.ps-name-field input{width:100%;height:48px;margin:0;padding:12px 14px;border-radius:8px}
.ps-skill-field{margin-top:28px}.ps-file-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ded9e5;border-radius:10px;min-height:70px}.ps-file-symbol{background:#f0edf5;padding:9px;border-radius:8px;display:flex}.ps-file-symbol .ps-icon{width:24px;height:24px}.ps-file-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.ps-file-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.ps-file-actions{display:flex;gap:4px}.ps-file-action{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 8px;min-height:36px;background:transparent;border:0;color:var(--purple);white-space:nowrap}
.ps-setting{margin-top:28px}.ps-setting label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0}.ps-setting input[role=switch]{appearance:none;-webkit-appearance:none;position:relative;display:block;width:52px;height:29px;min-height:29px;min-width:52px;padding:0;margin:0;border:0;border-radius:20px;background:#c9c6d0;cursor:pointer;transition:background .15s}.ps-setting input[role=switch]::after{content:'';position:absolute;left:4px;top:4px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .15s}.ps-setting input[role=switch]:checked{background:var(--purple)}.ps-setting input[role=switch]:checked::after{transform:translateX(23px)}.ps-setting input[role=switch]:disabled{opacity:.5;cursor:not-allowed}.ps-order{display:flex;justify-content:space-between;align-items:flex-start}.ps-order label{padding-top:10px}.ps-order>div{width:210px}.ps-order input{width:100%;height:44px;margin:0;padding:10px 14px}.ps-order .ps-hint{text-align:right}
.ps-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 40px;border-top:1px solid var(--line);background:white;flex-shrink:0}.ps-footer-actions{display:flex;gap:16px}.ps-footer-actions button{width:116px;min-height:48px}.ps-error{font-size:13px;color:var(--danger);line-height:1.5;margin:0;flex:1}.ps-list-cover{object-fit:contain;border-radius:8px;background:#fcfafc;border:1px solid var(--line)}
@media(max-width:760px){.photo-style-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.ps-form{max-height:calc(100dvh - 26px)}.ps-dialog-heading{padding:22px}.ps-dialog-body{grid-template-columns:1fr;gap:24px;padding:24px}.ps-cover-section{max-width:240px;width:100%;margin:0 auto}.ps-details{padding:0;border:0}.ps-dialog-footer{padding:16px 24px;flex-wrap:wrap}.ps-footer-actions{margin-left:auto}.ps-dialog-heading h2{font-size:21px}.ps-error:not(:empty){flex-basis:100%}}

@media(min-width:761px) and (min-height:900px){.ps-dialog-body{min-height:660px}.ps-skill-field{margin-top:36px}.ps-setting{margin-top:40px}}
.photo-style-dialog{font-size:16px}.ps-dialog-heading h2{font-size:28px}.photo-style-dialog h3,.ps-field-heading label,.ps-setting label{font-size:18px}.ps-hint{font-size:14px}.ps-file-action{font-size:14px}.ps-count{font-size:14px}.ps-setting:not(.ps-order) label{display:grid;grid-template-columns:minmax(150px,224px) 52px;justify-content:start}.ps-file-info small{font-size:13px}
@media(min-width:761px) and (min-height:900px){.ps-dialog-body{min-height:640px}}
@media(max-width:760px){.ps-dialog-heading h2{font-size:21px}.ps-setting:not(.ps-order) label{grid-template-columns:minmax(0,1fr) 52px}}

/* Paired photo-style references share a compact, uncropped preview. */
.ps-cover-section .ps-cover-preview{aspect-ratio:3/2}
.ps-cover-section .ps-remove-cover+h3{margin-top:22px}

.journal-material-preview{object-fit:contain;background-color:#fff;background-image:linear-gradient(45deg,#e5e2e9 25%,transparent 25%),linear-gradient(-45deg,#e5e2e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e2e9 75%),linear-gradient(-45deg,transparent 75%,#e5e2e9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.journal-upload{padding:20px;margin:18px 0;border:1px solid #ddd5e5;border-radius:16px}.journal-upload>label,.journal-upload>input,.journal-upload>button{margin:8px}.journal-upload [role=status] p{font-size:13px}
/* Journal library uses the studio's existing paper and lavender tokens. */
.journal-library{--journal-accent:#76518d}.journal-summary{display:flex;gap:34px;padding:18px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:24px}.journal-stat{display:flex;align-items:baseline;gap:10px}.journal-stat strong{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.journal-stat span{font-size:12px;color:var(--muted)}.journal-library-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.journal-library-head [role=status]{font-size:12px}.journal-tabs{display:flex;gap:6px;flex-wrap:wrap}.journal-tabs button{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:10px;padding:9px 16px;min-height:42px}.journal-tabs button.active{background:#eee5f3;color:#654579;border-color:#e2d5ea}.journal-tabs button span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.journal-toolbar{display:flex;gap:10px;margin-bottom:22px;align-items:center;flex-wrap:wrap}.journal-toolbar input[type=search]{flex:1;min-width:200px}.journal-toolbar select{width:auto;min-width:130px}.journal-toolbar input,.journal-toolbar select{min-height:44px;border-radius:10px;background:white}.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.journal-grid>.empty{grid-column:1/-1;padding:60px 24px}.journal-grid>.empty+button{grid-column:1/-1;justify-self:center}.journal-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s}.journal-card:hover{border-color:#cbb6d7;box-shadow:0 6px 20px #34294209}.journal-card.selected{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.journal-card-top{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 10px}.journal-card-top input{width:18px;height:18px;margin:0;accent-color:var(--purple)}.journal-checker{background-color:#faf9fb;background-image:linear-gradient(45deg,#edeaf0 25%,transparent 25%),linear-gradient(-45deg,#edeaf0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edeaf0 75%),linear-gradient(-45deg,transparent 75%,#edeaf0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.journal-card-image{display:block;width:calc(100% - 28px);height:170px;margin:0 14px;padding:18px;border:0;border-radius:10px}.journal-card-image:hover{background-color:#f6f0fa}.journal-card-image img{display:block;width:100%;height:100%;object-fit:contain}.journal-card-body{padding:16px 14px 12px}.journal-card-body h3{font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px}.journal-card-meta{font-size:11px;color:var(--muted);margin-bottom:12px;line-height:1.5}.journal-card-details{display:flex;justify-content:space-between;color:#958b9c;font-size:11px;margin-bottom:12px}.journal-card-actions{display:flex;align-items:center;gap:2px;border-top:1px solid var(--line);padding-top:9px}.journal-card-actions button{padding:7px 9px;min-height:36px;font-size:12px}.journal-card-actions button:last-child{margin-left:auto}.journal-publish{background:#f0e8f5;border-color:transparent;color:#67467b}.journal-library-note{font-size:12px;color:var(--muted);margin-top:24px}.journal-selection{position:sticky;top:12px;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f4edf8;border:1px solid #d9c8e4;border-radius:12px;box-shadow:0 4px 18px #34294212;margin-bottom:18px}.journal-selection-actions{display:flex;gap:8px;margin-left:auto}.journal-dialog{max-width:820px;width:min(820px,calc(100vw - 32px));max-height:90vh;padding:24px;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 80px #34294230;overflow:auto;background:#fffefd}.journal-dialog::backdrop{background:#34294260;backdrop-filter:blur(3px)}.journal-dialog-head{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:22px}.journal-dialog-head h2{font-size:22px;margin:0 0 7px}.journal-dialog-head p{font-size:12px;margin:0;line-height:1.6}.journal-dialog-head>button{min-width:56px}.journal-dialog label{margin:0;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.journal-dialog input:not([type=range]),.journal-dialog select{min-height:44px;border-radius:10px;width:100%;color:var(--ink);font-size:14px}.journal-upload-type{max-width:240px;margin-bottom:16px}.journal-file-input{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}.journal-dropzone{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;width:100%;min-height:170px;background:#faf7fc;border:1px dashed #bda5cf;border-radius:14px;margin-bottom:16px}.journal-dropzone.dragging{background:#eee3f6;border-color:#76518d}.journal-dropzone img{width:28px;height:28px}.journal-dropzone strong{font-size:15px;font-weight:500}.journal-dropzone span{font-size:12px;color:var(--muted)}.journal-upload-queue{max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:10px}.journal-upload-item{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.journal-upload-item.failed{border-color:#e7bac5}.journal-upload-thumb{width:72px;height:72px;flex-shrink:0;border-radius:9px;padding:7px}.journal-upload-thumb img{width:100%;height:100%;object-fit:contain}.journal-upload-item-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.journal-upload-item-info input{min-height:34px!important;padding:6px 9px}.journal-upload-item-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-upload-item-info span{font-size:12px}.journal-upload-summary{font-size:12px;color:var(--muted);margin:14px 0 0}.journal-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:22px}.journal-edit-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,1fr);gap:28px}.journal-edit-preview{height:300px;border-radius:14px;padding:24px;display:flex;align-items:center;justify-content:center}.journal-edit-preview img{max-width:100%;max-height:100%;object-fit:contain}.journal-image-info{text-align:center;font-size:11px;color:var(--muted);margin-top:12px}.journal-edit-form{display:flex;flex-direction:column;gap:13px}.journal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.journal-size-control{display:flex;align-items:center;gap:15px}.journal-size-control input{flex:1;min-width:0;accent-color:var(--purple)}.journal-size-control output{color:var(--purple);font-variant-numeric:tabular-nums;min-width:36px}.journal-edit-form small{margin-top:-7px}.journal-edit-form .error:empty{display:none}.journal-edit-form .journal-dialog-footer{margin-top:auto}
@media(max-width:1100px){.journal-toolbar input[type=search]{flex-basis:100%}.journal-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media(max-width:720px){.journal-summary{gap:20px;padding:16px;flex-wrap:wrap}.journal-stat{gap:6px}.journal-stat strong{font-size:22px}.journal-library-head{align-items:flex-start;flex-direction:column;gap:12px}.journal-tabs button{padding:8px 11px}.journal-toolbar select{flex:1;min-width:0}.journal-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.journal-dialog{padding:18px}.journal-edit-layout{grid-template-columns:1fr;gap:18px}.journal-edit-preview{height:190px}.journal-selection{flex-wrap:wrap}.journal-selection-actions{width:100%;margin-left:0}.journal-upload-item{gap:10px}.journal-upload-thumb{width:52px;height:52px}.journal-upload-item>button{padding:8px}}
@media(prefers-reduced-motion:reduce){.journal-card{transition:none}}
/* Journal material table and category management */
.journal-table-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.journal-table-toolbar input[type=search]{flex:1;min-width:200px}.journal-table-toolbar select{width:auto;min-width:140px}.journal-table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}.journal-material-table{width:100%;min-width:1000px}.journal-material-table th{white-space:nowrap}.journal-material-table td{vertical-align:middle}.journal-table-preview{width:72px;height:64px;padding:6px;border-radius:9px;display:flex;align-items:center;justify-content:center}.journal-table-preview img{width:100%;height:100%;object-fit:contain}.journal-material-table .row-actions{flex-wrap:nowrap;white-space:nowrap}.journal-material-table tbody tr:has(input:checked){background:#f5f0f9}.journal-category-toolbar{display:flex;gap:12px;margin:16px 0;align-items:center}.journal-category-toolbar select{flex:1}.journal-category-table{max-height:52vh;overflow:auto}.journal-category-table table{width:100%}.journal-category-form{max-width:560px;margin:18px auto 0}.journal-library .pagination-bar select{width:auto}.journal-dialog .journal-form-row{margin:16px 0}@media(max-width:700px){.journal-table-toolbar>*{flex:1;min-width:130px}.journal-category-toolbar{flex-wrap:wrap}.journal-category-toolbar select{flex-basis:100%}.journal-library .pagination-bar{flex-wrap:wrap;gap:12px}.journal-library .pagination-navigation{flex-wrap:wrap}}
.journal-material-table th:last-child,.journal-material-table td:last-child{position:sticky;right:0;background:#fff;box-shadow:-8px 0 12px -12px #57445e;z-index:1}.journal-material-table tr:has(input:checked) td:last-child{background:#f5f0f9}.journal-material-table .row-actions button{padding:7px 9px;white-space:nowrap}
.journal-library .danger,.journal-dialog .danger{color:#ac344b;border-color:#e9b7c1;background:#fff7f8}.journal-library .danger:hover,.journal-dialog .danger:hover{background:#fbe9ed}.journal-detail-info p{line-height:1.7;margin:12px 0}

.brush-drawing-board{margin-bottom:24px}.brush-drawing-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.brush-drawing-tools label{display:flex;align-items:center;gap:8px;margin:0}.brush-drawing-tools select{width:auto;padding:8px}.brush-drawing-paper{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;aspect-ratio:8/5}.brush-drawing-paper canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.brush-drawing-guide{position:absolute;inset:0;pointer-events:none}.brush-drawing-board [role=status]{min-height:20px;margin:8px 0}.brush-drawing-board>p:last-child{font-size:12px}
.brush-drawing-tools label{flex:0 0 auto;width:auto;white-space:nowrap}.brush-drawing-tools input[type=color]{width:42px;min-width:42px;height:36px;padding:3px}.brush-drawing-tools input[type=checkbox]{width:18px;min-width:18px;height:18px;margin:0}.brush-drawing-tools select{min-width:80px}.brush-parameter-group legend{font-weight:600}.brush-parameter-group .row-actions{flex-wrap:wrap}

.tool-category-icon{display:inline-block;width:30px;height:30px;object-fit:contain;vertical-align:middle}
.tool-category-default{display:inline-flex;align-items:center;gap:10px;color:var(--muted)}