.toolbox-nav-item{color:#6f6351}.toolbox-action.active{background:#fcf7f0;color:#d6a152}.toolbox-page{width:100%;max-width:1100px;margin:0 auto}.toolbox-page-head{margin-bottom:22px}.toolbox-eyebrow{margin:0 0 5px;color:#e1b36d;font-size:11px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.toolbox-category-card{padding:22px 24px}.toolbox-category-head{display:flex;align-items:center;gap:14px;margin-bottom:17px}.toolbox-symbol,.toolbox-detail-emblem{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fcf7f0,#eef7f3);color:#d6a459;flex:0 0 auto}.toolbox-symbol svg,.toolbox-detail-emblem svg{width:25px;height:25px}.toolbox-category-kicker{font-size:11px;color:#8e91a0}.toolbox-category-head h2{margin:2px 0 4px;font-size:18px}.toolbox-category-head p{margin:0;color:#85899a;font-size:12px;line-height:1.6}.toolbox-tool-card{width:100%;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #f4f1ed;border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:.18s}.toolbox-tool-card:hover{border-color:#f7e9d5;box-shadow:0 8px 22px rgba(72,59,39,.07);transform:translateY(-1px)}.toolbox-tool-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#edf8f3;color:#38896c;flex:0 0 auto}.toolbox-tool-icon svg{width:21px;height:21px}.toolbox-tool-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.toolbox-tool-copy strong{font-size:14px;color:#34374a}.toolbox-tool-copy small{font-size:11px;color:#85899a;line-height:1.5}.toolbox-open-link{display:flex;align-items:center;gap:6px;color:#d09e53;font-weight:650;font-size:12px;white-space:nowrap}.toolbox-open-link svg{width:16px;height:16px}.toolbox-detail-head{display:flex;align-items:center;gap:14px;margin:4px 0 20px}.toolbox-detail-head .page-title{font-size:30px;margin-bottom:5px}.toolbox-detail-head .page-subtitle{max-width:600px}.toolbox-expiry-badge{margin-left:auto;border-radius:999px;background:#eff8f4;color:#36866a;font-size:11px;padding:7px 10px;white-space:nowrap}.toolbox-breadcrumb{display:flex;align-items:center;gap:9px;color:#a0a2ae;font-size:12px;margin-bottom:14px}.toolbox-back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#d09e53;padding:5px 2px;cursor:pointer;font-size:12px}.toolbox-back svg{width:15px;height:15px;transform:rotate(180deg)}.toolbox-collaboration{display:block}.toolbox-collaboration>.toolbox-breadcrumb,.toolbox-collaboration>.toolbox-detail-head,.toolbox-collaboration>.toolbox-history{grid-column:1/-1}.toolbox-device-panel,.toolbox-send-panel{padding:18px 19px;min-width:0}.toolbox-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.toolbox-section-heading h2{margin:0;font-size:16px}.toolbox-section-heading>span{font-size:10px;color:#888c9a}.toolbox-device-form{display:flex;align-items:center;gap:8px;margin-bottom:19px}.toolbox-input-label{display:block;color:#53576a;font-size:12px;font-weight:620;margin:0 0 7px}.toolbox-device-form .toolbox-input-label{margin:0;white-space:nowrap}.toolbox-device-form .text-input{min-width:0;flex:1;height:36px;border:1px solid #eeebe6;border-radius:9px;padding:0 10px;font-size:12px}.toolbox-device-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:12px}.toolbox-refresh{width:30px;height:30px;border:0;border-radius:8px;background:#fcfaf6;color:#dcac63;display:grid;place-items:center;cursor:pointer}.toolbox-refresh svg{width:16px;height:16px}.toolbox-recipient-select{border:1px solid #f4f1ed;border-radius:11px;overflow:hidden}.toolbox-device-option{min-height:48px;display:flex;align-items:center;gap:10px;padding:8px 11px;border-top:1px solid #f5f3f0;cursor:pointer}.toolbox-device-option:first-child{border-top:0}.toolbox-device-option input{width:16px;height:16px;margin:0;accent-color:#dcaa60;flex:0 0 auto}.toolbox-device-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.toolbox-device-info strong{font-size:12px;font-weight:620;color:#484c5e;overflow-wrap:anywhere}.toolbox-device-info small{font-size:10px;color:#9295a2}.toolbox-online-dot{width:7px;height:7px;border-radius:50%;background:#c9cbd3;display:inline-block;flex:0 0 auto}.toolbox-online-dot.is-online{background:#43aa7d;box-shadow:0 0 0 3px #eaf7f0}.toolbox-device-all{background:#fefcfa}.toolbox-empty-hint{margin:0;padding:13px;color:#8b8e9b;font-size:11px;line-height:1.6}.toolbox-send-panel form{display:flex;flex-direction:column;align-items:flex-start}.toolbox-mode-tabs{display:flex;align-items:center;gap:5px;padding:3px;border-radius:10px;background:#f8f7f5;width:max-content;max-width:100%;margin-bottom:14px}.toolbox-mode-tab{min-height:31px;border:0;border-radius:8px;padding:0 11px;background:transparent;color:#858897;font-size:11px;cursor:pointer;white-space:nowrap}.toolbox-mode-tab.active{background:#fff;color:#cd9b4f;box-shadow:0 1px 4px rgba(59,48,31,.08);font-weight:650}.toolbox-mode-tab span{margin-left:6px;color:#898c9b}.toolbox-textarea{width:100%;min-height:125px;resize:vertical;border:1px solid #efebe6;border-radius:11px;padding:11px 12px;font-size:12px;line-height:1.6;color:#34374a;background:#fff}.toolbox-textarea:focus{outline:3px solid rgba(225,179,109,.14);border-color:#f5e5ce}.toolbox-textarea::placeholder{color:#a0a2ad}.toolbox-form-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;margin:7px 0 13px;color:#9194a2;font-size:10px;line-height:1.5}.toolbox-form-foot>span:last-child{white-space:nowrap}.toolbox-form-foot .is-over-limit,.toolbox-file-size.is-over-limit{color:#c34f5e;font-weight:650}.toolbox-send-panel .button.primary{min-height:38px}.toolbox-send-panel .button svg,.toolbox-item-actions .button svg{width:15px;height:15px}.toolbox-file-hint{margin:0 0 13px;color:#85899a;font-size:11px;line-height:1.6}.toolbox-file-picker{display:flex;align-items:center;gap:10px;max-width:100%;cursor:pointer}.toolbox-file-picker input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.toolbox-file-picker input:focus-visible+.button{outline:3px solid rgba(225,179,109,.25);outline-offset:2px}.toolbox-file-picker>.button{min-height:35px;padding:0 11px;font-size:11px}.toolbox-file-picker>span:last-child{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666a7b;font-size:11px}.toolbox-file-size{min-height:16px;margin:8px 0 10px;color:#9699a6;font-size:10px}.toolbox-history{min-width:0}.toolbox-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px}.toolbox-history-head .toolbox-mode-tabs{margin:0}.toolbox-history-head .button{min-height:33px}.toolbox-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toolbox-item-card{min-width:0;padding:14px 15px}.toolbox-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.toolbox-item-kind,.toolbox-status{font-size:10px;border-radius:999px;padding:5px 8px;background:#fdf9f4;color:#d4a258;white-space:nowrap}.toolbox-item-kind.file-kind{background:#edf8f3;color:#38896c}.toolbox-status{background:#f8f7f5;color:#777b89}.toolbox-status.is-seen{background:#eff8f4;color:#38896c}.toolbox-item-name{display:block;overflow-wrap:anywhere;font-size:13px;color:#35384a;line-height:1.5}.toolbox-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 0;color:#7f8392;font-size:11px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.toolbox-item-meta{display:flex;flex-direction:column;gap:4px;margin-top:10px;color:#9194a2;font-size:10px;line-height:1.5}.toolbox-item-actions{display:flex;align-items:center;gap:7px;margin-top:12px}.toolbox-item-actions .button{min-height:31px;font-size:10px;padding:0 9px}.toolbox-recipient-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.toolbox-meta-label{width:100%;font-size:10px;color:#9396a3}.toolbox-recipient-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#f9f8f6;padding:5px 8px;color:#777b8b;font-size:9px;line-height:1.35}.toolbox-empty{padding:30px 14px;text-align:center;color:#9598a5;font-size:12px}.toolbox-loading{padding:24px;color:#888c9a;font-size:12px}
@media(max-width:760px){.toolbox-page-head{margin-bottom:15px}.toolbox-category-card{padding:16px}.toolbox-category-head{align-items:flex-start;gap:11px}.toolbox-symbol{width:40px;height:40px;border-radius:12px}.toolbox-symbol svg{width:21px;height:21px}.toolbox-category-head h2{font-size:16px}.toolbox-category-head p{font-size:11px}.toolbox-tool-card{gap:10px;padding:12px}.toolbox-tool-icon{width:35px;height:35px}.toolbox-tool-copy strong{font-size:12px}.toolbox-tool-copy small{font-size:10px}.toolbox-open-link{font-size:0}.toolbox-open-link svg{width:18px;height:18px}.toolbox-detail-head{align-items:flex-start;gap:10px;flex-wrap:wrap;margin:0 0 14px}.toolbox-detail-emblem{width:40px;height:40px;border-radius:12px}.toolbox-detail-emblem svg{width:21px;height:21px}.toolbox-detail-head>div:nth-child(2){flex:1;min-width:0}.toolbox-detail-head .page-title{font-size:24px}.toolbox-detail-head .page-subtitle{font-size:11px}.toolbox-expiry-badge{margin-left:50px;margin-top:-8px;font-size:9px}.toolbox-collaboration>.toolbox-breadcrumb,.toolbox-collaboration>.toolbox-detail-head,.toolbox-collaboration>.toolbox-history{grid-column:1}.toolbox-device-panel,.toolbox-send-panel{padding:14px}.toolbox-device-form{flex-wrap:wrap}.toolbox-device-form .toolbox-input-label{width:100%}.toolbox-device-form .text-input{flex-basis:65%}.toolbox-items{grid-template-columns:minmax(0,1fr)}.toolbox-history-head{margin-top:1px}.toolbox-item-card{padding:13px}.toolbox-form-foot{font-size:9px}.toolbox-mode-tab{padding:0 9px}.toolbox-file-picker>span:last-child{max-width:calc(100vw - 190px)}}
@media(max-width:390px){.toolbox-history-head{align-items:flex-start}.toolbox-history-head .button{padding:0 8px;font-size:10px}.toolbox-device-form .text-input{flex-basis:55%}.toolbox-detail-head .page-title{font-size:22px}}

/* --- device list governance: scrollable collapsed list, row removal, list toggle --- */
#toolboxDeviceOptions{max-height:340px;overflow-y:auto}
.toolbox-device-remove{width:24px;height:24px;border:0;border-radius:7px;background:#f7f6f4;color:#9a9daa;cursor:pointer;flex:0 0 auto}
.toolbox-device-remove:hover{background:#fdf1f1;color:#c45d66}
.toolbox-device-toggle{width:100%;border:0;background:transparent;color:#d09e53;font-size:11px;padding:8px 4px;cursor:pointer}

/* --- night: toolbox.css is hard-coded light; map it onto the night tokens --- */
[data-wb-theme="night"] .toolbox-nav-item{color:#c3bbae}
[data-wb-theme="night"] .toolbox-action.active{background:#3a3023;color:var(--wb-accent-strong)}
[data-wb-theme="night"] .toolbox-page{color:var(--wb-ink)}
[data-wb-theme="night"] .toolbox-tool-copy strong,[data-wb-theme="night"] .toolbox-device-info strong,[data-wb-theme="night"] .toolbox-item-name,[data-wb-theme="night"] .toolbox-input-label,[data-wb-theme="night"] .toolbox-category-head h2,[data-wb-theme="night"] .toolbox-section-heading h2{color:var(--wb-ink-strong)}
[data-wb-theme="night"] .toolbox-tool-copy small,[data-wb-theme="night"] .toolbox-category-head p,[data-wb-theme="night"] .toolbox-category-kicker,[data-wb-theme="night"] .toolbox-device-info small,[data-wb-theme="night"] .toolbox-preview,[data-wb-theme="night"] .toolbox-item-meta,[data-wb-theme="night"] .toolbox-form-foot,[data-wb-theme="night"] .toolbox-file-hint,[data-wb-theme="night"] .toolbox-file-size,[data-wb-theme="night"] .toolbox-meta-label,[data-wb-theme="night"] .toolbox-empty,[data-wb-theme="night"] .toolbox-empty-hint,[data-wb-theme="night"] .toolbox-loading,[data-wb-theme="night"] .toolbox-breadcrumb,[data-wb-theme="night"] .toolbox-section-heading>span{color:var(--wb-muted)}
[data-wb-theme="night"] .toolbox-tool-card,[data-wb-theme="night"] .toolbox-textarea{background:var(--wb-surface);border-color:var(--wb-line);color:var(--wb-ink)}
[data-wb-theme="night"] .toolbox-mode-tab.active{background:#3a3023;color:var(--wb-accent-strong)}
[data-wb-theme="night"] .toolbox-symbol,[data-wb-theme="night"] .toolbox-detail-emblem{background:linear-gradient(145deg,#332b25,#2a2b26);color:var(--wb-accent-strong)}
[data-wb-theme="night"] .toolbox-tool-icon,[data-wb-theme="night"] .toolbox-item-kind.file-kind{background:#23322b;color:#6fc7a4}
[data-wb-theme="night"] .toolbox-expiry-badge,[data-wb-theme="night"] .toolbox-status.is-seen{background:#23322b;color:#6fc7a4}
[data-wb-theme="night"] .toolbox-mode-tabs,[data-wb-theme="night"] .toolbox-status,[data-wb-theme="night"] .toolbox-recipient-pill{background:#2c2724;color:#b6ada2}
[data-wb-theme="night"] .toolbox-item-kind{background:#3a3023;color:var(--wb-accent-strong)}
[data-wb-theme="night"] .toolbox-recipient-select,[data-wb-theme="night"] .toolbox-device-option,[data-wb-theme="night"] .toolbox-device-form .text-input{border-color:var(--wb-line)}
[data-wb-theme="night"] .toolbox-device-all{background:#2a2623}
[data-wb-theme="night"] .toolbox-refresh{background:#332d26;color:var(--wb-accent-strong)}
[data-wb-theme="night"] .toolbox-device-form .text-input{background:var(--wb-input-bg);color:var(--wb-ink)}
[data-wb-theme="night"] .toolbox-online-dot{background:#5c5347}
[data-wb-theme="night"] .toolbox-online-dot.is-online{background:#43aa7d;box-shadow:0 0 0 3px #22352c}
[data-wb-theme="night"] .toolbox-device-remove{background:#332d26;color:#8d8578}
[data-wb-theme="night"] .toolbox-device-remove:hover{background:#3a2a2a;color:#d78f96}
[data-wb-theme="night"] .toolbox-device-toggle{color:var(--wb-accent-strong)}

.toolbox-loading { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }

/* Cloud (storage.to) link items: show the share URL in a compact mono line. */
.toolbox-cloud-link{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#3f7fbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
[data-wb-theme="night"] .toolbox-cloud-link{color:#7fb2e6}

/* 2026-11-09：工具箱视觉与身份模块页对齐（头像块、标题字号、卡片、按钮、画布工具条） */
.toolbox-page .toolbox-page-head,
.toolbox-page .toolbox-detail-head { align-items: center; gap: 14px; margin: 2px 2px 18px; }
.toolbox-page .toolbox-detail-emblem,
.toolbox-page .toolbox-symbol {
  width: 52px; height: 52px; border-radius: 16px;
  background: color-mix(in srgb, #f99732 14%, #fffdf9);
  color: #b96a14;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #f99732 24%, transparent);
}
.toolbox-page .toolbox-detail-emblem svg,
.toolbox-page .toolbox-symbol svg { width: 26px; height: 26px; }
.toolbox-page .page-title { font-size: 24px; line-height: 1.15; letter-spacing: -.02em; margin: 0; }
.toolbox-page .page-subtitle { margin: 5px 0 0; font-size: 13px; line-height: 1.5; }
.toolbox-page .toolbox-expiry-badge { background: #f6f2ea; color: #8b7e6d; font-size: 11px; padding: 6px 11px; }
.toolbox-page .toolbox-tool-icon { background: color-mix(in srgb, #f99732 12%, #fffdf9); color: #b96a14; }
.toolbox-page .toolbox-item-kind.file-kind { background: color-mix(in srgb, #f99732 12%, #fffdf9); color: #b96a14; }
.toolbox-page .card { border-color: #e6dccb; border-radius: 18px; background: #fffdf9; box-shadow: 0 1px 2px rgba(61,44,26,.035), 0 10px 28px rgba(61,44,26,.035); }
.toolbox-page .button { min-height: 36px; border-radius: 10px; padding: 0 13px; font-size: 13px; border-color: #e6dccb; background: #fffdf9; color: #2a2119; }
.toolbox-page .button.small { min-height: 33px; font-size: 12px; }
.toolbox-page .button:hover { border-color: #f99732; color: #b96a14; background: #fffdf9; }
.toolbox-page .button.primary { background: linear-gradient(135deg,#e4ba7b,#dda95a); border-color: transparent; color: #fff; }
.toolbox-page .wb-layout-bar { background: transparent; border: 0; padding: 0; min-height: 0; margin: 0 0 14px; gap: 7px; }
.toolbox-page .wb-layout-btn { min-height: 34px; padding: 0 11px; border-radius: 10px; font-size: 12.5px; border-color: #e6dccb; background: #fffdf9; color: #2a2119; }
.toolbox-page .wb-layout-btn:hover { border-color: #f99732; color: #b96a14; background: #fffdf9; }
.toolbox-page .wb-layout-btn.is-primary { background: #fffdf9; border-color: #e6dccb; color: #2a2119; box-shadow: none; }
.toolbox-page .wb-layout-btn.is-primary:hover { border-color: #f99732; color: #b96a14; background: #fffdf9; }
.toolbox-page .wb-layout-btn.is-primary[aria-pressed="true"] { background: #f99732; border-color: transparent; color: #fff; }
.toolbox-page .canvas-tile { border-radius: 18px; box-shadow: 0 0 0 1px #e6dccb, 0 10px 28px rgba(61,44,26,.035); }
[data-wb-theme="night"] .toolbox-page .card,
[data-wb-theme="night"] .toolbox-page .canvas-tile { background: var(--wb-surface); border-color: var(--wb-line); box-shadow: none; }
[data-wb-theme="night"] .toolbox-page .button,
[data-wb-theme="night"] .toolbox-page .wb-layout-btn { background: var(--wb-surface); border-color: var(--wb-line); color: var(--wb-ink); }
[data-wb-theme="night"] .toolbox-page .wb-layout-btn.is-primary[aria-pressed="true"] { background: var(--wb-accent-strong); color: #241a0e; }
[data-wb-theme="night"] .toolbox-page .toolbox-expiry-badge { background: #2c2724; color: var(--wb-muted); }
@media (max-width: 760px) {
  .toolbox-page .toolbox-detail-emblem,
  .toolbox-page .toolbox-symbol { width: 44px; height: 44px; border-radius: 14px; }
  .toolbox-page .toolbox-detail-emblem svg,
  .toolbox-page .toolbox-symbol svg { width: 22px; height: 22px; }
  .toolbox-page .page-title { font-size: 22px; }
  .toolbox-page .wb-layout-bar { flex-wrap: nowrap; overflow-x: auto; }
}
.toolbox-upload { display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; }
.toolbox-upload[hidden] { display: none; }
.toolbox-upload-track { height: 6px; border-radius: 999px; background: #f2ece2; overflow: hidden; }
.toolbox-upload-track > i { display: block; height: 100%; width: 0; border-radius: 999px; background: linear-gradient(90deg,#f9b45c,#f99732); transition: width .18s ease; }
.toolbox-upload span { font-size: 12px; color: #8b7e6d; }
[data-wb-theme="night"] .toolbox-upload-track { background: #2c2724; }

/* 2026-11-10：布局控件与「设备协作」标题同一行 */
.toolbox-detail-slot{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.toolbox-detail-slot .canvas-toolbar{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.toolbox-detail-slot .canvas-toolbar::-webkit-scrollbar{display:none}
.toolbox-detail-slot .canvas-toolbar>*{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.toolbox-detail-slot{width:100%;margin-left:0;justify-content:flex-start}.toolbox-detail-slot .canvas-toolbar{flex-wrap:wrap;overflow-x:visible}}