.prop-hint{font-size:var(--ui-fs-10);color:#5a5a5a;text-align:center;padding:8px 12px 4px;letter-spacing:0.02em}.prop-section{padding:0 8px 4px}.prop-section-title{font-size:var(--ui-fs-10);font-weight:var(--ui-fw-bold);letter-spacing:0.02em;color:var(--ui-text-muted, #6b6b6b);padding:8px 0 4px;margin-bottom:0}.prop-row{display:flex;align-items:center;gap:4px;min-height:24px;margin-bottom:6px;overflow:hidden}.prop-toggle-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:6px;margin-bottom:6px}.prop-toggle-grid .prop-row{margin-bottom:0;min-width:0}.prop-label{font-size:var(--ui-fs-base);color:var(--ui-text-muted, #6b6b6b);width:56px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prop-field-label{font-size:var(--ui-fs-10);color:var(--ui-text-muted, #6b6b6b);margin-bottom:4px;display:block}.prop-icon-input{display:flex;align-items:center;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;height:24px;flex:1;min-width:0;overflow:hidden;transition:border-color 0.1s}.prop-icon-input:hover{border-color:var(--ui-border-mid)}.prop-icon-input:focus-within{border-color:var(--ui-accent-primary)}.prop-icon-input svg{flex-shrink:0;opacity:0.45;margin-left:4px}.prop-icon-input input{flex:1;min-width:0;width:100%;background:transparent;border:none;outline:none;color:var(--ui-text);font-size:var(--ui-fs-base);text-align:center;height:100%;padding:0 4px;-moz-appearance:textfield}.prop-icon-input input::-webkit-outer-spin-button,.prop-icon-input input::-webkit-inner-spin-button{-webkit-appearance:none}.prop-xy-label{flex-shrink:0;font-size:var(--ui-fs-10);font-weight:var(--ui-fw-bold);color:var(--ui-text-dim, #666);margin-left:6px;margin-right:2px;min-width:10px;text-align:center}.prop-value-text{font-size:var(--ui-fs-base);color:var(--ui-text-sub)}.prop-count-btn{background:var(--ui-bg-input);border:1px solid var(--ui-border-mid);color:var(--ui-text-sub);width:20px;height:20px;border-radius:4px;cursor:pointer;font-size:var(--ui-fs-14);line-height:1;display:flex;align-items:center;justify-content:center}.prop-count-btn:hover{background:var(--ui-border);color:#fff}.prop-count-val{font-size:var(--ui-fs-base);color:var(--ui-text-sub);min-width:20px;text-align:center}.prop-slider{flex:1;min-width:0;-webkit-appearance:none;height:3px;border-radius:2px;background:var(--ui-border);outline:none;cursor:pointer}.prop-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ui-accent-primary);cursor:pointer}.prop-number{width:44px;height:24px;flex-shrink:0;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;color:var(--ui-text);font-size:var(--ui-fs-base);text-align:center;outline:none;transition:border-color 0.1s}.prop-number:hover{border-color:var(--ui-border-mid)}.prop-number:focus{border-color:var(--ui-accent-primary)}.prop-text{flex:1;min-width:0;height:24px;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;color:var(--ui-text);font-size:var(--ui-fs-base);padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none;transition:border-color 0.1s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.prop-text:hover{border-color:var(--ui-border-mid)}.prop-text:focus{border-color:var(--ui-accent-primary)}.prop-text::placeholder{color:var(--ui-text-dim)}.prop-number-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-left:8px;padding-right:20px;text-align:left}.prop-section input[type=text],.prop-section input[type=number],.prop-section select{font-size:var(--ui-fs-base)}.prop-ph-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.prop-chain-btn{width:22px;height:22px;flex-shrink:0;background:transparent;border:1px solid var(--ui-border-strong);border-radius:4px;cursor:pointer;color:var(--ui-text-dim);padding:0;display:flex;align-items:center;justify-content:center}.prop-chain-btn:hover{border-color:#888;color:var(--ui-text-sub)}.prop-chain-btn.active{border-color:var(--ui-accent-primary);color:var(--ui-accent-primary);background:rgba(45,111,232,0.12)}.prop-select{flex:1;min-width:0;width:0;height:24px;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;color:var(--ui-text);font-size:var(--ui-fs-base);padding:0 6px;outline:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color 0.1s}.prop-select:hover{border-color:var(--ui-border-mid)}.prop-select:focus{border-color:var(--ui-accent-primary)}.prop-layout-input{flex:1;height:24px;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;color:var(--ui-text);font-size:var(--ui-fs-base);padding:0 8px;outline:none;transition:border-color 0.1s}.prop-layout-input:hover{border-color:var(--ui-border-mid)}.prop-layout-input:focus{border-color:var(--ui-accent-primary)}.prop-layout-input::placeholder{color:var(--ui-text-dim)}.prop-block-label{display:flex;align-items:center;gap:6px;margin-bottom:6px}.prop-block-info{flex:1;display:flex;flex-direction:column;justify-content:center}.layout-preset-btns{display:flex;gap:4px;flex-wrap:wrap}.layout-preset-btn{flex:1;min-width:44px;padding:5px 4px;background:var(--ui-bg-input, #1c1c1c);border:1px solid var(--ui-border, #333);border-radius:4px;color:var(--ui-text-dim, #888);font-size:var(--ui-fs-base);font-weight:var(--ui-fw-semibold);cursor:pointer;transition:background .08s,border-color .08s,color .08s}.layout-preset-btn:hover{background:var(--ui-bg-hover, #252525);color:var(--ui-text, #ccc)}.layout-preset-btn.active{background:rgba(45,111,232,0.18);border-color:rgba(45,111,232,0.5);color:rgba(100,160,255,1)}.prop-block-icon{width:20px;height:20px;background:#222;border:1px solid var(--ui-border);border-radius:4px;display:flex;align-items:center;justify-content:center}.prop-block-icon svg{width:16px;height:16px}.prop-block-name{font-size:var(--ui-fs-12);font-weight:var(--ui-fw-semibold);color:var(--ui-text-sub)}.prop-breadcrumb{display:none}.prop-block-id{font-size:var(--ui-fs-9);font-weight:400;color:var(--ui-text-dim);margin-left:auto;cursor:pointer;letter-spacing:0.02em}.prop-block-id:hover{color:var(--ui-text-muted)}.prop-toggle{position:relative;display:inline-block;width:32px;height:18px;cursor:pointer}.prop-toggle input{opacity:0;width:0;height:0}.prop-toggle-track{position:absolute;inset:0;border-radius:18px;background:var(--ui-border);transition:background 0.2s}.prop-toggle-track::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--ui-divider);transition:transform 0.2s,background 0.2s}.prop-toggle input:checked+.prop-toggle-track{background:var(--ui-accent-primary)}.prop-toggle input:checked+.prop-toggle-track::after{transform:translateX(14px);background:#fff}.prop-preset-group{display:flex;flex-wrap:wrap;gap:4px}.prop-preset-group .prop-preset-btn{flex:1 1 calc(50% - 2px);display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 4px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-bg-app);color:#ccc;cursor:pointer;font-size:var(--ui-fs-base);font-weight:var(--ui-fw-semibold);transition:border-color 0.15s,background 0.15s}.prop-preset-group .prop-preset-btn span{font-size:var(--ui-fs-9);font-weight:400;color:var(--ui-text-dim)}.prop-preset-group .prop-preset-btn:hover{border-color:var(--ui-divider);background:#222}.prop-type-group{display:flex;gap:0;margin-bottom:4px}.prop-type-group:has(.prop-preset-btn){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.prop-type-group:has(.prop-preset-btn) .prop-preset-btn.prop-type-btn{flex-direction:row;align-items:center;justify-content:center;padding:0 6px;height:24px;border-width:1px;border-radius:4px;font-size:var(--ui-fs-10);font-weight:var(--ui-fw-semibold);color:var(--ui-text-dim);background:var(--ui-bg-input);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:0}.prop-type-btn{flex:1;min-width:max-content;height:24px;background:var(--ui-bg-input);border:1px solid var(--ui-border-mid);border-radius:4px;color:var(--ui-text-dim);font-size:var(--ui-fs-base);font-weight:var(--ui-fw-semibold);cursor:pointer;transition:all 0.15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.prop-type-btn:hover{border-color:var(--ui-divider);color:var(--ui-text-sub)}.prop-type-btn.active{background:var(--ui-accent-primary);border-color:var(--ui-accent-primary);color:#fff}.prop-align-group{display:flex;gap:4px;flex:1;min-width:0;flex-wrap:wrap;row-gap:4px}.prop-align-btn{flex:1 0 28px;height:24px;min-width:28px;background:var(--ui-bg-input);border:1px solid var(--ui-border-mid);border-radius:var(--ui-radius-sm);color:var(--ui-text-dim);font-size:var(--ui-fs-12);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.12s,border-color 0.12s,color 0.12s}.prop-align-btn:hover{border-color:var(--ui-divider);color:var(--ui-text-sub);background:var(--ui-bg-elevated)}.prop-align-btn.active{background:var(--ui-accent-primary);border-color:var(--ui-accent-primary);color:#fff}.cvb-grad-preset{flex:1;color:#fff;text-shadow:0 0 2px #000}.prop-align-btn--aux{flex:0 0 auto;width:auto;min-width:44px;padding:0 8px;font-size:var(--ui-fs-base)}.prop-style-group{display:flex;gap:4px}.prop-style-btn{width:28px;height:24px;background:var(--ui-bg-input);border:1px solid var(--ui-border-mid);border-radius:4px;color:var(--ui-text-dim);font-size:var(--ui-fs-12);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s}.prop-style-btn:hover{border-color:var(--ui-divider);color:var(--ui-text-sub)}.prop-style-btn.active{background:var(--ui-accent-primary);border-color:var(--ui-accent-primary);color:#fff}.prop-type-btn:first-child{border-radius:4px 0 0 4px}.prop-type-btn:not(:first-child):not(:last-child){border-radius:0;border-left:none}.prop-type-btn:last-child{border-radius:0 4px 4px 0;border-left:none}.prop-icon-label{width:16px;flex-shrink:0;font-size:var(--ui-fs-10);color:var(--ui-text-dim);text-align:center;font-weight:var(--ui-fw-semibold);letter-spacing:0}.prop-color-row{display:flex;align-items:center;gap:6px;min-height:24px;margin-bottom:6px;overflow:hidden}.prop-color-swatch{width:24px;height:24px;box-sizing:border-box;flex-shrink:0;border-radius:4px;border:1px solid var(--ui-border-strong);cursor:pointer;overflow:hidden;padding:0;background:transparent;position:relative}.prop-color-swatch input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:none;padding:0;margin:0;cursor:pointer;background:none}.prop-color-hex{flex:1;min-width:0;height:24px;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;color:var(--ui-text);font-size:var(--ui-fs-base);text-align:left;padding:0 6px;outline:none;font-family:monospace;font-variant-numeric:tabular-nums;text-transform:uppercase;transition:border-color 0.1s}.prop-color-hex:hover{border-color:var(--ui-border-mid)}.prop-color-hex:focus{border-color:var(--ui-accent-primary)}.prop-color-swatch.swatch-none{background:transparent!important;background-image:linear-gradient(45deg,#555 25%,transparent 25%,transparent 75%,#555 75%),linear-gradient(45deg,#555 25%,transparent 25%,transparent 75%,#555 75%)!important;background-size:8px 8px!important;background-position:0 0,4px 4px!important}.prop-color-field{flex:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) 54px;align-items:center;height:24px;background:var(--ui-bg-input);border-radius:4px;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow 0.1s;overflow:hidden}.prop-color-field:focus-within{box-shadow:inset 0 0 0 1px var(--ui-accent-primary)}.prop-color-field .prop-color-swatch{width:16px;height:16px;margin:0 6px 0 4px;border:1px solid rgba(0,0,0,0.2);border-radius:3px;box-sizing:border-box}.prop-color-field .prop-color-hex{flex:none;background:transparent;border:none;border-radius:0;height:100%;padding:0;text-transform:uppercase;font-family:"SF Mono",Menlo,monospace;font-variant-numeric:tabular-nums}.prop-color-field .prop-color-hex:hover,.prop-color-field .prop-color-hex:focus{border-color:transparent}.prop-color-alpha{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:1px;height:100%;padding:0 8px;cursor:text}.prop-color-alpha::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:16px;width:1px;background:rgba(255,255,255,0.08)}.prop-color-alpha-input{flex:1;min-width:0;width:100%;background:transparent;border:none;color:var(--ui-text);font-size:var(--ui-fs-base);line-height:16px;height:100%;padding:0;outline:none;text-align:right;font-family:"SF Mono",Menlo,monospace;font-variant-numeric:tabular-nums}.prop-color-alpha-suffix{font-size:var(--ui-fs-base);color:rgba(255,255,255,0.4);user-select:none;flex-shrink:0}.prop-none-check{display:flex;align-items:center;gap:4px;font-size:var(--ui-fs-base);color:var(--ui-text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0}.prop-none-check input{cursor:pointer;accent-color:var(--ui-accent-primary)}.cv-chips{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;margin-left:8px;padding-left:8px;border-left:2px solid var(--ui-border-mid)}.cv-chips[hidden]{display:none}.cv-chips-label{font-size:var(--ui-fs-9);font-weight:var(--ui-fw-semibold);letter-spacing:0.04em;color:var(--ui-text-dim);user-select:none;margin-right:2px}.cv-chip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px 0 5px;background:var(--ui-bg-input);border:1px solid var(--ui-border-strong);border-radius:10px;color:var(--ui-text);font-size:var(--ui-fs-10);line-height:1;cursor:pointer;transition:border-color 0.1s,background 0.1s}.cv-chip:hover{border-color:var(--ui-border-mid)}.cv-chip.active{border-color:var(--ui-accent-primary);background:color-mix(in srgb,var(--ui-accent-primary) 18%,var(--ui-bg-input))}.cv-chip-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,0.25);flex-shrink:0}.cv-chip-label{white-space:nowrap}.prop-btn{width:24px;height:24px;background:var(--ui-bg-input);border:1px solid var(--ui-border-strong);border-radius:4px;color:#ccc;font-size:var(--ui-fs-13);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background 0.15s,border-color 0.15s,color 0.15s}.prop-btn:hover{background:var(--ui-bg-hover);color:#fff}.prop-btn:disabled{opacity:var(--ui-disabled-opacity);cursor:not-allowed}.prop-btn-full{width:100%;height:24px;background:var(--ui-bg-app);border:1px solid var(--ui-border-strong);border-radius:4px;color:#ccc;font-size:var(--ui-fs-base);cursor:pointer;transition:background 0.15s,border-color 0.15s}.prop-btn-full:hover{background:var(--ui-bg-card);border-color:var(--ui-divider)}.prop-btn-sm{height:24px;padding:0 8px;background:var(--ui-bg-app);border:1px solid var(--ui-border-strong);border-radius:4px;color:#ccc;font-size:var(--ui-fs-base);cursor:pointer;transition:background 0.15s,border-color 0.15s}.prop-btn-sm:hover{background:var(--ui-bg-card);border-color:var(--ui-divider)}.prop-btn-danger{background:var(--ui-danger-bg);border-color:var(--ui-danger-border);color:var(--ui-danger)}.prop-btn-danger:hover{background:var(--ui-danger-bg);border-color:var(--ui-danger-hover);color:var(--ui-danger-hover)}.prop-full-btn{width:100%;height:24px;background:var(--ui-bg-app);border:1px solid var(--ui-border-strong);border-radius:4px;color:#ccc;font-size:var(--ui-fs-base);cursor:pointer;transition:background 0.15s,border-color 0.15s}.prop-full-btn:hover{background:var(--ui-bg-card);border-color:var(--ui-divider)}.prop-select{flex:1;min-width:0;width:0;height:24px;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;color:var(--ui-text);font-size:var(--ui-fs-base);padding:0 6px;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color 0.1s}.prop-select:hover{border-color:var(--ui-border-mid)}.prop-select:focus{border-color:var(--ui-accent-primary)}.prop-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:2px}.prop-preset-btn{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px 10px;background:var(--ui-bg-app);border:1.5px solid var(--ui-border);border-radius:7px;cursor:pointer;transition:all 0.15s}.prop-preset-btn:hover{border-color:var(--ui-divider);background:#222}.prop-preset-btn.active{border-color:var(--ui-accent-primary);background:#1a2a3a}.prop-preset-swatches{display:flex;gap:3px}.prop-preset-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,0.1)}.prop-preset-name{font-size:var(--ui-fs-10);font-weight:var(--ui-fw-semibold);color:var(--ui-text-muted);letter-spacing:0.04em;text-transform:uppercase}.prop-preset-btn.active .prop-preset-name{color:var(--ui-accent)}.prop-export-btn{width:100%;padding:5px 0;background:var(--ui-accent-primary);color:#fff;border:none;border-radius:4px;font-size:var(--ui-fs-base);font-weight:var(--ui-fw-semibold);cursor:pointer;margin-top:4px;letter-spacing:0.02em}.prop-export-btn:hover{background:var(--ui-accent-primary-hover)}.prop-export-btn:active{background:#1d5fd0}.prop-export-btn:disabled{background:var(--ui-border-strong);color:var(--ui-text-muted);cursor:not-allowed}.prop-export-row{display:flex;gap:6px;margin-bottom:4px}.grid-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:2px 0 4px}.grid-picker-cell{aspect-ratio:1;border:1px solid var(--ui-bg-input);border-radius:2px;background:#1c1c1c;cursor:pointer;transition:background .08s,border-color .08s}.grid-picker-cell.active{background:rgba(45,111,232,0.25);border-color:rgba(45,111,232,0.5)}.grid-picker-label{text-align:center;font-size:10px;color:var(--ui-text-dim);height:14px}.prop-export-row .prop-select{flex:1}.prop-lhls-row{display:flex;gap:6px;margin-bottom:4px}.prop-lhls-col{flex:1;display:flex;flex-direction:column;gap:2px}.prop-lhls-col .prop-icon-input{width:100%;flex:none;height:24px}.prop-pin-btn{width:24px;height:24px;flex-shrink:0;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:var(--ui-fs-13);padding:0;line-height:1;color:var(--ui-text-dim);display:flex;align-items:center;justify-content:center;transition:background 0.1s,color 0.1s}.prop-pin-btn:hover{background:var(--ui-bg-input);color:var(--ui-text-sub)}.prop-pin-btn.pinned{color:#f5c518}.gap-preset-row{gap:3px;margin-top:2px}.gap-preset-btn{flex:1;height:22px;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;color:var(--ui-text-dim);font-size:var(--ui-fs-10);font-weight:var(--ui-fw-semibold);cursor:pointer;transition:border-color 0.1s,color 0.1s}.gap-preset-btn:hover{border-color:var(--ui-border-mid);color:var(--ui-text-sub)}.gap-preset-btn.active{border-color:var(--ui-accent-primary);color:rgba(100,160,255,1);background:rgba(45,111,232,0.12)}.prop-section:last-child{padding-bottom:8px}.prop-section+.prop-section{border-top:1px solid var(--ui-border)}.font-picker{width:100%;margin-bottom:4px}.font-picker-trigger{width:100%;height:24px;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 8px;box-sizing:border-box;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;color:var(--ui-text);font-size:var(--ui-fs-base);cursor:pointer;text-align:left;transition:border-color 0.1s}.font-picker-trigger:hover{border-color:var(--ui-border-mid)}.font-picker-trigger.open{border-color:var(--ui-accent-primary)}.font-picker-current{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-trigger svg{flex-shrink:0;opacity:0.45}.font-picker-dropdown{background:var(--ui-bg-panel, #1a1a1a);border:1px solid var(--ui-border-strong, #333);border-radius:6px;box-shadow:var(--ui-shadow-md);overflow:hidden}.font-picker-search{width:100%;height:28px;box-sizing:border-box;background:transparent;border:none;border-bottom:1px solid var(--ui-border, #2a2a2a);color:var(--ui-text);font-size:var(--ui-fs-base);padding:0 8px;outline:none}.font-picker-search::placeholder{color:var(--ui-text-dim)}.font-picker-list{max-height:200px;overflow-y:auto}.font-picker-list::-webkit-scrollbar{width:4px}.font-picker-list::-webkit-scrollbar-thumb{background:var(--ui-border-strong);border-radius:2px}.font-group-label{font-size:var(--ui-fs-9);font-weight:var(--ui-fw-bold);letter-spacing:0.08em;color:var(--ui-text-dim, #555);text-transform:uppercase;padding:6px 8px 2px}.font-item{display:flex;align-items:center;height:26px;padding:0 8px;cursor:pointer;color:var(--ui-text-sub);font-size:var(--ui-fs-base);transition:background 0.08s}.font-item:hover{background:var(--ui-bg-hover, #252525)}.font-item.selected{color:var(--ui-accent-primary);background:rgba(45,111,232,0.1)}.font-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-item-pin{width:20px;height:20px;flex-shrink:0;background:transparent;border:none;border-radius:3px;cursor:pointer;font-size:var(--ui-fs-base);padding:0;line-height:1;color:var(--ui-text-dim, #555);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.1s,color 0.1s}.font-item:hover .font-item-pin,.font-item-pin.pinned{opacity:1}.font-item-pin.pinned{color:#f5c518}.font-item-pin:hover{background:var(--ui-bg-input)}.msp-align-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:var(--ui-bg-input);border:1px solid var(--ui-border-strong);border-radius:4px;color:#ccc;font-size:var(--ui-fs-13);line-height:1;cursor:pointer;transition:background 0.15s,border-color 0.15s,color 0.15s}.msp-align-btn:hover{background:var(--ui-bg-hover);color:#fff}.msp-align-btn:active{background:rgba(45,111,232,0.15);border-color:var(--ui-accent-primary)}.prop-textarea{width:100%;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;color:var(--ui-text);font-size:var(--ui-fs-base);font-family:inherit;padding:6px 8px;min-height:52px;resize:vertical;outline:none;transition:border-color 0.1s}.prop-textarea:hover{border-color:var(--ui-border-mid)}.prop-textarea:focus{border-color:var(--ui-accent-primary)}.prop-line-card{background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:6px;padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}.prop-line-card .prop-row{margin:0}.prop-line-card-header{gap:4px}.stb-prop-item{background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:6px;padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}.stb-prop-item .prop-row{margin:0}.prop-line-card .lrl-line-toggle svg{transition:transform 0.15s}.prop-line-card.expanded .lrl-line-toggle svg{transform:rotate(180deg)}.prop-line-card.expanded .lrl-line-toggle{color:var(--ui-accent-primary)}.prop-cell-card{background:var(--ui-bg-card);border:1px solid var(--ui-border);border-radius:6px;padding:8px;margin-bottom:10px}.prop-cell-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:0;cursor:pointer;user-select:none;padding:2px 4px;margin:-2px -4px;border-radius:4px;transition:background 0.1s}.prop-cell-card-header:hover{background:var(--ui-bg-hover)}.prop-cell-card.expanded .prop-cell-card-header{margin-bottom:8px}.prop-cell-card-title{font-size:var(--ui-fs-base);font-weight:var(--ui-fw-semibold);color:var(--ui-text)}.prop-cell-card .lrl-cell-toggle svg{transition:transform 0.15s}.prop-cell-card.expanded .lrl-cell-toggle svg{transform:rotate(180deg)}.prop-cell-card.expanded .lrl-cell-toggle{color:var(--ui-accent-primary)}.prop-cell-card-body{display:flex;flex-direction:column;gap:6px}.prop-cell-card-body[hidden]{display:none}.prop-icon-btn{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ui-text-muted);border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:var(--ui-fs-14);line-height:1;flex-shrink:0;transition:background 0.1s,color 0.1s,border-color 0.1s}.prop-icon-btn:hover{background:var(--ui-bg-hover);color:var(--ui-danger);border-color:var(--ui-border-mid)}.prop-input{width:100%;background:var(--ui-bg-input);border:1px solid transparent;border-radius:4px;color:var(--ui-text);font-size:var(--ui-fs-base);font-family:inherit;padding:6px 8px;outline:none;box-sizing:border-box;transition:border-color 0.1s}.prop-input:hover{border-color:var(--ui-border-mid)}.prop-input:focus{border-color:var(--ui-accent-primary)}.prop-input::placeholder{color:var(--ui-text-dim)}