.tools-dock{position:fixed;z-index:300;display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid transparent;pointer-events:auto;}.tools-dock[data-position="bottom"]{bottom:20px;left:50%;transform:translateX(-50%);flex-direction:row;}.tools-dock[data-position="left"]{left:16px;top:50%;transform:translateY(-50%);flex-direction:column;}.tools-dock[data-position="left"] .tools-dock-wrapper{flex-direction:column;}.tools-dock[data-position="left"] .tools-dock-items{flex-direction:column;}.tools-dock[data-position="left"] .tools-dock-item, .tools-dock[data-position="right"] .tools-dock-item{min-width:0;width:var(--dock-icon-size, 48px);height:var(--dock-icon-size, 48px);padding:0;gap:0;}.tools-dock[data-position="left"] .tools-dock-item-name, .tools-dock[data-position="right"] .tools-dock-item-name{display:none;}.tools-dock[data-position="left"] .tools-dock-actions{flex-direction:column;}.tools-dock[data-position="right"]{right:16px;top:50%;transform:translateY(-50%);flex-direction:column;}.tools-dock[data-position="right"] .tools-dock-wrapper{flex-direction:column;}.tools-dock[data-position="right"] .tools-dock-items{flex-direction:column;}.tools-dock[data-position="right"] .tools-dock-actions{flex-direction:column;}.tools-dock-wrapper{display:flex;align-items:center;gap:4px;transition:transform 0.15s ease;}.tools-dock-items{display:flex;align-items:center;gap:4px;}.tools-dock-item{position:relative;width:var(--dock-icon-size, 48px);height:var(--dock-icon-size, 48px);min-width:0;min-height:0;padding:0;border-radius:var(--theme-shape-md);border:1px solid var(--theme-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;background:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateZ(0);overflow:visible;transition:transform 0.2s cubic-bezier(0.2, 0, 0, 1), border-color 0.2s ease;user-select:none;}.tools-dock-item::before{content:'';position:absolute;top:0;left:0;right:0;height:46%;background:linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.02));border-radius:var(--theme-shape-md) var(--theme-shape-md) 0 0;pointer-events:none;z-index:1;}.tools-dock-item::after{content:'';position:absolute;inset:-4px;border-radius:var(--theme-shape-md);border:1px solid var(--theme-accent-cyan-alpha);opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.tools-dock-item i, .tools-dock-item-name{position:relative;z-index:2;}.tools-dock-item i{font-size:calc(var(--dock-icon-size, 48px) * 0.45);line-height:var(--theme-lh-none);}.tools-dock-item-name{font-size:var(--theme-type-label-md);line-height:var(--theme-lh-tight);text-align:center;white-space:nowrap;color:var(--theme-text-main);}.tools-dock .tools-dock-item-name{display:none;}.tools-dock-tooltip{position:fixed;transform:translateX(-50%) translateY(-100%);padding:5px 10px;border-radius:var(--theme-shape-sm);background:var(--theme-bg-card);border:1px solid var(--theme-border);color:var(--theme-text-main);font-size:var(--theme-type-label-sm);white-space:nowrap;pointer-events:none;z-index:900;opacity:0;transition:opacity 0.12s ease;}.tools-dock-tooltip--show{opacity:1;}.tools-dock-tooltip--pos-left{transform:translateY(-50%);}.tools-dock-tooltip--pos-right{transform:translateY(-50%) translateX(-100%);}.tools-dock-tooltip--pos-bottom{transform:translateX(-50%) translateY(-100%);}.tools-dock-item:active{transform:translateZ(0) scale(0.96);}.tools-dock[data-position="left"] .tools-dock-item:hover, .tools-dock[data-position="right"] .tools-dock-item:hover{transform:translateZ(0);}.tools-dock-divider{width:1px;height:28px;background:var(--theme-border);opacity:0.4;flex-shrink:0;}.tools-dock[data-position="left"] .tools-dock-divider, .tools-dock[data-position="right"] .tools-dock-divider{width:28px;height:1px;}.tools-dock-actions{display:flex;align-items:center;gap:4px;}.tools-dock-pos-group{display:flex;gap:2px;}.tools-dock[data-position="left"] .tools-dock-pos-group, .tools-dock[data-position="right"] .tools-dock-pos-group{flex-direction:column;}.tools-dock-pos-btn{position:relative;width:22px;height:22px;border-radius:var(--theme-shape-sm);border:none;background:transparent;color:var(--theme-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--theme-type-label-sm);transition:all 0.2s ease;}.tools-dock-pos-btn:hover{background:var(--theme-accent-cyan-alpha);color:var(--theme-primary);}.tools-dock-pos-btn__tip{position:absolute;padding:5px 10px;border-radius:var(--theme-shape-sm);background:var(--theme-bg-card);border:1px solid var(--theme-border);font-size:var(--theme-type-label-sm);line-height:var(--theme-lh-none);letter-spacing:0.05em;white-space:nowrap;color:var(--theme-text-main);pointer-events:none;opacity:0;transition:opacity 0.12s ease;}.tools-dock[data-position="bottom"] .tools-dock-pos-btn__tip{bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);}.tools-dock[data-position="left"] .tools-dock-pos-btn__tip{left:calc(100% + 6px);top:50%;transform:translateY(-50%);}.tools-dock[data-position="right"] .tools-dock-pos-btn__tip{right:calc(100% + 6px);top:50%;transform:translateY(-50%);}@media (hover:hover){.tools-dock-pos-btn:hover .tools-dock-pos-btn__tip{opacity:1;}}.tools-dock-pos-btn:focus-visible .tools-dock-pos-btn__tip{opacity:1;}.tools-dock .tools-dock-pos-btn.tools-dock-pos-btn--tip-hidden .tools-dock-pos-btn__tip{opacity:0;}.tools-dock-pos-active{background:var(--theme-accent-cyan-alpha) !important;color:var(--theme-primary) !important;}.tools-dock-item--skeleton{cursor:default;background:var(--theme-border-light);}.tools-dock-item--skeleton::before, .tools-dock-item--skeleton::after{content:none;}.tools-color-accent-purple{color:var(--theme-accent-purple);}.tools-color-accent-indigo{color:var(--theme-accent-indigo);}.tools-color-accent-pink{color:var(--theme-accent-pink);}.tools-color-accent-orange{color:var(--theme-accent-orange);}.tools-color-info{color:var(--theme-info);}.tools-color-success{color:var(--theme-success);}.tools-color-error{color:var(--theme-error);}.tools-color-warning{color:var(--theme-warning);}.tools-color-accent-teal{color:var(--theme-accent-teal);}.tools-color-accent-cyan{color:var(--theme-accent-cyan);}.tools-bg-accent-purple{background:var(--theme-accent-purple-alpha);}.tools-bg-accent-purple:hover{background:var(--theme-accent-purple-alpha-hover, var(--theme-accent-purple-alpha));}.tools-bg-accent-indigo{background:var(--theme-accent-indigo-alpha);}.tools-bg-accent-indigo:hover{background:var(--theme-accent-indigo-alpha-hover, var(--theme-accent-indigo-alpha));}.tools-bg-accent-pink{background:var(--theme-accent-pink-alpha);}.tools-bg-accent-pink:hover{background:var(--theme-accent-pink-alpha-hover, var(--theme-accent-pink-alpha));}.tools-bg-accent-orange{background:var(--theme-accent-orange-alpha);}.tools-bg-accent-orange:hover{background:var(--theme-accent-orange-alpha-hover, var(--theme-accent-orange-alpha));}.tools-bg-info{background:var(--theme-info-alpha);}.tools-bg-info:hover{background:var(--theme-info-alpha-hover, var(--theme-info-alpha));}.tools-bg-success{background:var(--theme-success-alpha);}.tools-bg-success:hover{background:var(--theme-success-alpha-hover, var(--theme-success-alpha));}.tools-bg-error{background:var(--theme-error-alpha);}.tools-bg-error:hover{background:var(--theme-error-alpha-hover, var(--theme-error-alpha));}.tools-bg-warning{background:var(--theme-warning-alpha);}.tools-bg-warning:hover{background:var(--theme-warning-alpha-hover, var(--theme-warning-alpha));}.tools-bg-accent-teal{background:var(--theme-accent-teal-alpha);}.tools-bg-accent-teal:hover{background:var(--theme-accent-teal-alpha-hover, var(--theme-accent-teal-alpha));}.tools-bg-accent-cyan{background:var(--theme-accent-cyan-alpha);}.tools-bg-accent-cyan:hover{background:var(--theme-accent-cyan-alpha-hover, var(--theme-accent-cyan-alpha));}@media (max-width:1024px){.tools-dock{display:none;}.tools-dock-pos-group{display:none;}}.tools-workspace-panel{position:fixed;top:116px;left:var(--ws-panel-left, 20px);width:var(--ws-panel-width, calc(100vw - var(--ws-panel-left, 20px) - var(--right-safe-zone, 400px) - var(--ws-panel-gap, 20px)));right:auto;bottom:130px;min-width:var(--ws-panel-min-width, 360px);z-index:700;display:flex;border-radius:var(--theme-shape-xl);background:var(--theme-bg-card);backdrop-filter:blur(20px);border:1px solid var(--theme-border);overflow:hidden;container-type:inline-size;--theme-type-label-sm:11px;--theme-type-label-md:12px;--theme-type-body:14px;--theme-type-body-lg:16px;--theme-type-title:16px;--theme-type-title-lg:clamp(1.125rem, calc(1rem + 0.3333cqw), 1.25rem);--theme-type-headline:clamp(1.25rem, calc(1rem + 0.6667cqw), 1.5rem);}.tools-workspace-panel--width-anim{transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.tools-workspace-panel--hidden{display:none;}.to-close-btn{margin-left:auto;flex-shrink:0;font-family:inherit;box-sizing:border-box;padding:0.625rem 1.25rem;border-radius:var(--theme-shape-md);font-size:var(--theme-type-body);font-weight:500;cursor:pointer;border:1px solid var(--theme-border);background:transparent;transition:border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:inline-flex;align-items:center;gap:0.4rem;color:var(--theme-text-muted);}.to-close-btn:not(:disabled):hover{border-color:var(--theme-accent-cyan);}.to-close-btn--float{display:none;}.to-form-header{display:none;align-items:center;gap:8px;height:48px;flex-shrink:0;padding:0 48px 0 12px;background:var(--theme-bg-card);border-bottom:1px solid var(--theme-border);}.to-form-header-title{flex:1;font-size:var(--theme-type-title);font-weight:700;color:var(--theme-text-main);text-align:center;}.to-form-back{width:32px;height:32px;border-radius:50%;border:1px solid var(--theme-border);background:var(--theme-bg-card);color:var(--theme-text-dim);font-size:var(--theme-type-body-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0;}.to-form-back:hover{color:var(--theme-accent-orange);border-color:var(--theme-accent-orange);}.to-left{width:40%;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--theme-border);padding:1rem 0.75rem;gap:0.75rem;min-height:0;}.to-left-header{display:flex;align-items:center;justify-content:space-between;padding:0 0.25rem;}.to-title{font-size:var(--theme-type-title);font-weight:700;color:var(--theme-text-main);display:flex;align-items:baseline;gap:0.35rem;}.to-count{font-size:var(--theme-type-label-md);font-weight:500;color:var(--theme-text-muted);}.to-left-actions{display:flex;align-items:center;gap:0.4rem;}.to-add-btn{width:34px;height:34px;border-radius:var(--theme-shape-md);border:1px solid var(--theme-border);background:var(--theme-accent-cyan-alpha);color:var(--theme-accent-cyan);font-size:var(--theme-type-body-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.to-add-btn:hover{background:var(--theme-accent-cyan-alpha-hover);}.to-hint{font-size:var(--theme-type-label-md);color:var(--theme-text-muted);padding:0 0.25rem;}.to-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:0.4rem;padding:0 0.25rem;}.to-tool-item{display:flex;align-items:center;gap:0.6rem;padding:0.6rem 0.75rem;border-radius:var(--theme-shape-md);border:1px solid transparent;background:transparent;cursor:grab;transition:all 0.15s ease;}.to-tool-item:hover{background:var(--theme-accent-orange-alpha, rgba(249, 115, 22, 0.1));}.to-tool-item--active{background:var(--theme-accent-orange-alpha, rgba(249, 115, 22, 0.15));border-color:var(--theme-accent-orange, #f97316);}.to-tool-item.to-tool-drag-over{border-color:var(--theme-accent-orange, #f97316);background:var(--theme-accent-orange-alpha, rgba(249, 115, 22, 0.15));}.to-tool-icon{font-size:var(--theme-type-title);width:1.2rem;text-align:center;flex-shrink:0;}.to-tool-name{flex:1;min-width:0;font-size:var(--theme-type-body);font-weight:600;color:var(--theme-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.to-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:2rem 1rem;color:var(--theme-text-muted);text-align:center;}.to-empty i{font-size:2rem;opacity:0.5;}.to-empty-sub{font-size:var(--theme-type-label-md);}.to-right{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;}.to-form{flex:1;min-height:0;display:flex;flex-direction:column;padding:1.25rem;}.to-form-inner{flex:1;min-height:0;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;}.to-name-input{border:none;border-bottom:1px solid var(--theme-border);background:transparent;color:var(--theme-text-main);font-size:var(--theme-type-title-lg);font-weight:700;padding:0.4rem 0;outline:none;transition:border-color 0.2s ease;}.to-name-input:focus{border-bottom-color:var(--theme-accent-orange);}.to-name-input::placeholder{color:var(--theme-text-muted);font-weight:500;}.to-input{width:100%;box-sizing:border-box;padding:0.55rem 0.75rem;border-radius:var(--theme-shape-md);border:1px solid var(--theme-border);background:var(--theme-bg-card);color:var(--theme-text-main);font-size:var(--theme-type-body);outline:none;transition:border-color 0.2s ease;}.to-input:focus{border-color:var(--theme-accent-orange);outline:2px solid var(--theme-accent-orange-alpha, rgba(249, 115, 22, 0.15));}.to-input::placeholder{color:var(--theme-text-muted);}.to-input.tools-form-input-error{border-color:var(--theme-error);}.to-select{padding:0.55rem 0.6rem;border-radius:var(--theme-shape-md);border:1px solid var(--theme-border);background:var(--theme-bg-card);color:var(--theme-text-main);font-size:var(--theme-type-body);outline:none;}.to-form-actions{display:flex;align-items:center;gap:0.5rem;padding-top:0.75rem;border-top:1px solid var(--theme-border);}.to-delete-btn, .to-save-btn{font-family:inherit;box-sizing:border-box;padding:0.625rem 1.25rem;border-radius:var(--theme-shape-md);font-size:var(--theme-type-body);font-weight:500;cursor:pointer;border:1px solid var(--theme-border);background:transparent;transition:border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:inline-flex;align-items:center;gap:0.4rem;}.to-delete-btn{color:var(--theme-error);}.to-delete-btn:not(:disabled):hover{border-color:var(--theme-error);}.to-delete-btn--hidden{display:none;}.to-save-btn{color:var(--theme-accent-cyan);}.to-save-btn:not(:disabled):hover{border-color:var(--theme-accent-cyan);}.to-save-btn:disabled, .to-delete-btn:disabled, .to-close-btn:disabled{opacity:0.5;cursor:not-allowed;}@media (max-width:1024px){.tools-workspace-panel{top:0;left:0;right:0;bottom:0;width:auto;min-width:0;flex-direction:column;border-radius:0;border:none;}.to-left{width:100%;flex:1;min-height:0;padding-top:0;border-right:none;border-bottom:1px solid var(--theme-border);}.to-left-header{height:48px;padding-right:48px;}.to-form{flex:1;min-height:0;padding:0;}.to-form-inner{padding:0.75rem;}.to-form-actions{margin-top:0;padding:0.75rem;}.tools-workspace-panel .to-right{display:none;min-height:0;}.tools-workspace-panel--form-open .to-left{display:none;}.tools-workspace-panel--form-open .to-right{display:flex;min-height:0;}.to-form-header{display:flex;}.to-close-btn--float{display:flex;position:absolute;top:10px;right:16px;z-index:10;width:auto;height:auto;margin:0;padding:6px;border:none;border-radius:var(--theme-shape-sm);background:transparent;color:var(--theme-text-dim);align-items:center;justify-content:center;transition:none;}.to-close-btn--float i{display:block;width:16px;height:16px;font-size:var(--theme-type-body-lg);}.to-close-btn--float:hover{background:var(--theme-accent-cyan-alpha);color:var(--theme-primary);}.to-close-btn:not(.to-close-btn--float){display:none;}.to-save-btn{margin-left:auto;}}@media (min-width:1440px){.tools-dock{gap:12px;}}.ws-resize-handle{position:absolute;top:0;right:0;width:12px;height:100%;cursor:col-resize;z-index:10;touch-action:none;}.ws-resize-handle::before{content:'';position:absolute;top:50%;right:2px;transform:translateY(-50%);width:3px;height:32px;border-radius:2px;background:var(--theme-border);transition:background 0.15s;}.ws-resize-handle:hover::before, .ws-resize-handle:active::before{background:var(--theme-primary);}@media (max-width:1024px){.ws-resize-handle{display:none;}}@media (min-width:1025px){body[data-dock-pos="left"] .tools-workspace-panel{left:100px;width:calc(100vw - 100px - var(--right-safe-zone, 400px) - var(--ws-panel-gap, 20px));}}@media (min-width:1440px){.tools-workspace-panel{top:128px;bottom:140px;left:28px;}}