.ct-root{--ctc-bg:#fff;--ctc-bg-alt:#f4f4f5;--ctc-border:#dcdcdf;--ctc-text:#1a1a1a;--ctc-text-secondary:#6b6b70;--ctc-text-mono:#8a8a90;--ctc-accent:#2563eb;--ctc-accent-bg:#eef2ff;--ctc-danger:#dc2626;--ctc-radius:10px;--ctc-radius-sm:6px;--ctc-shadow:0 12px 32px #0f0f1438;color:var(--ctc-text);z-index:2147483000;font-family:system-ui,-apple-system,Segoe UI,Noto Sans TC,PingFang TC,sans-serif;font-size:14px;line-height:1.5;position:relative}.ct-root,.ct-root *,.ct-root :before,.ct-root :after{box-sizing:border-box}.ct-root button{font:inherit;color:inherit;cursor:pointer}.ct-fab{z-index:2147483000;border:1px solid var(--ctc-border);background:var(--ctc-bg);color:var(--ctc-text);box-shadow:var(--ctc-shadow);border-radius:999px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:inline-flex;position:fixed;bottom:16px;left:16px}.ct-fab:hover{background:var(--ctc-bg-alt)}.ct-panel{z-index:2147483000;background:var(--ctc-bg);box-shadow:var(--ctc-shadow);border-top:1px solid var(--ctc-border);border-radius:16px 16px 0 0;flex-direction:column;max-height:70vh;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.ct-panel{border-top:none;border-left:1px solid var(--ctc-border);border-radius:0;width:360px;max-height:none;inset:0 0 0 auto}}.ct-panel__header{border-bottom:1px solid var(--ctc-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ct-panel__title{font-size:16px;font-weight:700}.ct-tabs{border-bottom:1px solid var(--ctc-border);flex-shrink:0;gap:4px;padding:10px 16px 0;display:flex}.ct-tab{color:var(--ctc-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:13px;font-weight:700}.ct-tab--active{color:var(--ctc-accent);border-bottom-color:var(--ctc-accent)}.ct-panel__body{flex:1;padding:8px 16px 16px;overflow-y:auto}.ct-panel__footer{border-top:1px solid var(--ctc-border);flex-wrap:wrap;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.ct-group{margin-top:16px}.ct-group:first-child{margin-top:8px}.ct-group__title{color:var(--ctc-text-secondary);text-transform:none;letter-spacing:.02em;margin-bottom:6px;font-size:12px;font-weight:700}.ct-auto-derive{color:var(--ctc-text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:6px 0 10px;font-size:13px;display:flex}.ct-row{border-bottom:1px dashed var(--ctc-border);align-items:center;gap:10px;padding:8px 0;display:flex}.ct-row:last-child{border-bottom:none}.ct-row__info{flex:1;min-width:0}.ct-row__label{font-size:13.5px;font-weight:600}.ct-row__usage{color:var(--ctc-text-secondary);margin-left:4px;font-size:12px;font-weight:400}.ct-row__desc{color:var(--ctc-text-secondary);margin-top:2px;font-size:12px}.ct-row__var{color:var(--ctc-text-mono);margin-top:2px;font-family:DM Mono,ui-monospace,Menlo,monospace;font-size:11px}.ct-row__controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.ct-color-swatch{border-radius:var(--ctc-radius-sm);border:1px solid var(--ctc-border);cursor:pointer;background:0 0;width:30px;height:30px;padding:0}.ct-hex-input{border:1px solid var(--ctc-border);border-radius:var(--ctc-radius-sm);width:78px;color:var(--ctc-text);background:var(--ctc-bg);padding:5px 6px;font-family:DM Mono,ui-monospace,Menlo,monospace;font-size:12px}.ct-hex-input.ct-hex-input--invalid{border-color:var(--ctc-danger);color:var(--ctc-danger)}.ct-reset-btn{color:var(--ctc-accent);white-space:nowrap;background:0 0;border:none;padding:4px 2px;font-size:12px}.ct-btn{border-radius:var(--ctc-radius-sm);border:1px solid var(--ctc-border);background:var(--ctc-bg);color:var(--ctc-text);flex:1;padding:8px 12px;font-size:13px;font-weight:600}.ct-btn:hover{background:var(--ctc-bg-alt)}.ct-btn--primary{background:var(--ctc-accent);border-color:var(--ctc-accent);color:#fff}.ct-btn--primary:hover{background:#1d4ed8}.ct-btn--wide{flex-basis:100%}.ct-btn:disabled{opacity:.5;cursor:default}.ct-save-msg{color:#15803d;flex-basis:100%;margin:0;font-size:12px}.ct-save-msg--error{color:#b42318}.ct-btn--active{background:var(--ctc-accent-bg);border-color:var(--ctc-accent);color:var(--ctc-accent)}.ct-btn--ghost{background:0 0}.ct-btn--danger{color:var(--ctc-danger)}.ct-btn--small{flex:none;padding:4px 8px;font-size:12px}.ct-icon-btn{color:var(--ctc-text-secondary);border-radius:var(--ctc-radius-sm);background:0 0;border:none;padding:4px 6px;font-size:16px;line-height:1}.ct-icon-btn:hover{background:var(--ctc-bg-alt);color:var(--ctc-text)}.ct-overrides{margin-top:16px}.ct-override-item{border-bottom:1px dashed var(--ctc-border);align-items:center;gap:8px;padding:6px 0;display:flex}.ct-override-item__text{flex:1;min-width:0}.ct-override-item__selector{color:var(--ctc-text-mono);text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,ui-monospace,Menlo,monospace;font-size:11px;overflow:hidden}.ct-override-item__meta{color:var(--ctc-text-secondary);font-size:12px}.ct-empty-hint{color:var(--ctc-text-secondary);padding:8px 0;font-size:12px}.ct-copy-item{border-bottom:1px dashed var(--ctc-border);padding:8px 0}.ct-copy-item__page{color:var(--ctc-text-mono);font-family:DM Mono,ui-monospace,Menlo,monospace;font-size:10.5px}.ct-copy-item__original,.ct-copy-item__new{overflow-wrap:anywhere;margin-top:2px;font-size:12.5px}.ct-copy-item__new{font-weight:600}.ct-copy-item__actions{gap:6px;margin-top:6px;display:flex}.ct-copy-table{border-collapse:collapse;width:100%;margin-bottom:10px;font-size:12px}.ct-copy-table th,.ct-copy-table td{border:1px solid var(--ctc-border);text-align:left;vertical-align:top;padding:6px 8px}.ct-copy-table th{background:var(--ctc-bg-alt);font-weight:700}.ct-pick-overlay{z-index:2147483001;pointer-events:none;border:2px solid var(--ctc-accent);background:#2563eb14;border-radius:4px;transition:all 60ms ease-out;position:fixed}.ct-pick-overlay--copy{background:#16a34a14;border-color:#16a34a}.ct-pick-overlay--copy .ct-pick-overlay__label{background:#16a34a}.ct-pick-overlay__label{background:var(--ctc-accent);color:#fff;white-space:nowrap;border-radius:4px;padding:2px 6px;font-family:DM Mono,ui-monospace,Menlo,monospace;font-size:11px;position:absolute;top:-22px;left:0}.ct-inspector{z-index:2147483002;background:var(--ctc-bg);border:1px solid var(--ctc-border);border-radius:var(--ctc-radius);width:300px;max-width:calc(100vw - 24px);box-shadow:var(--ctc-shadow);padding:12px;position:fixed}.ct-inspector__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ct-inspector__title{font-family:DM Mono,ui-monospace,Menlo,monospace;font-size:13px;font-weight:700}.ct-inspector__prop{border-top:1px solid var(--ctc-border);padding:8px 0}.ct-inspector__prop-head{align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.ct-inspector__swatch{border:1px solid var(--ctc-border);border-radius:4px;width:16px;height:16px;display:inline-block}.ct-inspector__select{border:1px solid var(--ctc-border);border-radius:var(--ctc-radius-sm);background:var(--ctc-bg);width:100%;color:var(--ctc-text);padding:5px 6px;font-size:12px}.ct-inspector__checkbox-row{color:var(--ctc-text-secondary);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}.ct-inspector__direct-edit{align-items:center;gap:6px;margin-top:6px;display:flex}.ct-inspector__affects{color:var(--ctc-text-secondary);font-size:11px}.ct-dialog-backdrop{z-index:2147483003;background:#0a0a0c80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ct-dialog{background:var(--ctc-bg);border-radius:var(--ctc-radius);width:100%;max-width:560px;max-height:85vh;box-shadow:var(--ctc-shadow);flex-direction:column;display:flex}.ct-dialog__header{border-bottom:1px solid var(--ctc-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ct-dialog__tabs{gap:4px;padding:10px 16px 0;display:flex}.ct-dialog__tab{color:var(--ctc-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:13px;font-weight:600}.ct-dialog__tab--active{color:var(--ctc-accent);border-bottom-color:var(--ctc-accent)}.ct-dialog__body{flex:1;padding:12px 16px;overflow-y:auto}.ct-dialog__actions{border-top:1px solid var(--ctc-border);flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.ct-code{border:1px solid var(--ctc-border);border-radius:var(--ctc-radius-sm);background:var(--ctc-bg-alt);width:100%;min-height:260px;color:var(--ctc-text);resize:vertical;padding:10px;font-family:DM Mono,ui-monospace,Menlo,monospace;font-size:11.5px}.ct-summary-item{border-bottom:1px dashed var(--ctc-border);padding:6px 0;font-family:DM Mono,ui-monospace,Menlo,monospace;font-size:13px}.ct-toast{color:#fff;z-index:2147483004;background:#1a1a1a;border-radius:999px;padding:8px 16px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ct-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ct-root button:focus-visible,.ct-root input:focus-visible,.ct-root select:focus-visible{outline:2px solid var(--ctc-accent);outline-offset:2px}