.properties{display:flex;flex-direction:column}.properties__header{display:flex;align-items:center;gap:.5rem;padding-bottom:.55rem}.properties__title{flex:1;min-width:0;margin:0;overflow:hidden;color:var(--text-strong);font-size:.95rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.properties__section{display:flex;flex-direction:column;gap:.55rem;padding:.6rem 0 .7rem;border-top:1px solid var(--border-color-subtle)}.properties__section-header{display:flex;align-items:center;gap:.5rem;min-height:20px}.properties__section-title{display:flex;flex:1;align-items:center;gap:.4rem;margin:0;padding:0;border:none;background:none;color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer}.properties__section-title:hover{color:var(--text-strong)}.properties__section-chevron{display:inline-block;font-size:.6rem;transition:transform .14s ease}.properties__section-chevron--open{transform:rotate(90deg)}.properties__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .6rem}.field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.field--wide{grid-column:1/-1}.field__label{overflow:hidden;color:var(--text-muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.field__controls{display:flex;align-items:center;gap:.35rem;min-width:0}.field select,.field input[type=text],.field input[type=number]{flex:1 1 auto;box-sizing:border-box;width:100%;min-width:0;height:28px;padding:0 .45rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:.8rem;transition:border-color .12s ease}.field select:hover,.field input[type=text]:hover,.field input[type=number]:hover{border-color:var(--border-color-strong)}.field select:focus,.field input[type=text]:focus,.field input[type=number]:focus{outline:none;border-color:var(--accent-border)}.field select::placeholder,.field input[type=text]::placeholder,.field input[type=number]::placeholder{color:var(--text-placeholder)}.field select option,.field input[type=text] option,.field input[type=number] option{color:#1c1f22;background:#fff}.field input.input--narrow{flex:0 0 50px;width:50px}.color-swatch{flex:1 1 auto;box-sizing:border-box;width:100%;min-width:28px;height:28px;padding:0;border:1px solid var(--border-color-strong);border-radius:6px;background:transparent;cursor:pointer}.color-swatch::-webkit-color-swatch-wrapper{padding:2px}.color-swatch::-webkit-color-swatch{border:none;border-radius:4px}.color-swatch::-moz-color-swatch{border:none;border-radius:4px}.color-swatch--square{flex:0 0 28px;width:28px}input[type=range]{flex:1 1 auto;min-width:0;height:4px;accent-color:var(--accent);background:var(--bg-subtle-strong);cursor:pointer}.field__value{flex:0 0 auto;min-width:2.2em;color:var(--text-muted);font-size:.72rem;font-variant-numeric:tabular-nums;text-align:right}.segmented--lines button{display:flex;align-items:center;justify-content:center}.segmented--lines button svg{width:100%;max-width:30px;height:10px;overflow:visible}.segmented--lines button line{stroke:currentColor;stroke-width:2}.segmented--lines button path{fill:currentColor}.segmented{display:flex;gap:2px;padding:2px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-input)}.segmented button{flex:1;min-width:0;height:24px;padding:0 .3rem;border:none;border-radius:5px;background:none;color:var(--text-muted);font-size:.74rem;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,color .12s ease}.segmented button:hover{color:var(--text-strong)}.segmented__option--active{background:var(--accent-soft-strong)!important;color:var(--text-strong)!important;font-weight:600}.segmented--disabled{opacity:.45}.segmented--disabled button{cursor:default}.secondary-button{box-sizing:border-box;height:28px;padding:0 .65rem;border:1px solid var(--border-color);border-radius:6px;background:none;color:var(--text-primary);font-size:.78rem;cursor:pointer;transition:background-color .14s ease}.secondary-button:hover{background:var(--accent-soft)}.icon-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:7px;background:none;color:var(--text-muted);cursor:pointer;transition:background-color .12s ease,color .12s ease}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:var(--bg-subtle-strong);color:var(--text-strong)}.icon-button--danger:hover{background:var(--danger-bg-strong);color:var(--danger)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle input{position:absolute;width:0;height:0;opacity:0}.toggle__track{display:inline-block;position:relative;width:30px;height:16px;border:1px solid var(--border-color-strong);border-radius:999px;background:var(--bg-subtle-strong);transition:background-color .14s ease,border-color .14s ease}.toggle__thumb{position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:var(--text-strong);transition:transform .14s ease,background-color .14s ease}.toggle input:checked+.toggle__track{border-color:var(--accent);background:var(--accent-soft-strongest)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(14px);background:var(--accent)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--accent-border);outline-offset:2px}.properties__hint{margin:0;color:var(--text-placeholder);font-size:.74rem}html,body{margin:0;min-height:100%}:root{--bg-app: #0f172a;--bg-app-gradient-1: #243b55;--bg-app-gradient-2: #1c2541;--bg-panel: rgba(15, 23, 42, .75);--bg-canvas: rgba(2, 6, 23, .8);--bg-popover: #1c1f22;--bg-subtle: rgba(255, 255, 255, .03);--bg-subtle-strong: rgba(255, 255, 255, .08);--bg-input: rgba(255, 255, 255, .04);--border-color: rgba(255, 255, 255, .15);--border-color-subtle: rgba(255, 255, 255, .08);--border-color-strong: rgba(255, 255, 255, .28);--text-primary: #e9ecef;--text-strong: #f8f9fa;--text-muted: rgba(233, 236, 239, .62);--text-placeholder: rgba(233, 236, 239, .45);--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .6);--accent-soft: rgba(96, 165, 250, .12);--accent-soft-strong: rgba(96, 165, 250, .22);--accent-soft-strongest: rgba(96, 165, 250, .38);--accent-border: rgba(96, 165, 250, .55);--accent-border-subtle: rgba(96, 165, 250, .25);--accent-text: #dbeafe;--accent-contrast: #06122b;--accent-recurring: #73ffc0;--accent-recurring-glow: rgba(115, 255, 192, .6);--accent-once: #7dd3fc;--accent-continuous: #c4b5fd;--danger: #ff8080;--danger-border: rgba(255, 99, 99, .4);--danger-border-strong: rgba(255, 99, 99, .7);--danger-bg: rgba(255, 99, 99, .08);--danger-bg-strong: rgba(255, 99, 99, .18);--shadow-color: rgba(0, 0, 0, .35);--canvas-stroke: #ffffff}:root[data-theme=light]{--bg-app: #eef1f8;--bg-app-gradient-1: #dbe6ff;--bg-app-gradient-2: #eef2ff;--bg-panel: rgba(255, 255, 255, .85);--bg-canvas: rgba(255, 255, 255, .9);--bg-popover: #ffffff;--bg-subtle: rgba(15, 23, 42, .035);--bg-subtle-strong: rgba(15, 23, 42, .07);--bg-input: rgba(15, 23, 42, .04);--border-color: rgba(15, 23, 42, .14);--border-color-subtle: rgba(15, 23, 42, .08);--border-color-strong: rgba(15, 23, 42, .24);--text-primary: #1c1f2b;--text-strong: #0b0e1a;--text-muted: rgba(28, 31, 43, .62);--text-placeholder: rgba(28, 31, 43, .4);--accent: #2563eb;--accent-glow: rgba(37, 99, 235, .35);--accent-soft: rgba(37, 99, 235, .1);--accent-soft-strong: rgba(37, 99, 235, .18);--accent-soft-strongest: rgba(37, 99, 235, .3);--accent-border: rgba(37, 99, 235, .45);--accent-border-subtle: rgba(37, 99, 235, .25);--accent-text: #1d4ed8;--accent-contrast: #ffffff;--accent-recurring: #0f9d63;--accent-recurring-glow: rgba(15, 157, 99, .35);--accent-once: #0284c7;--accent-continuous: #7c3aed;--danger: #b3222c;--danger-border: rgba(179, 34, 44, .35);--danger-border-strong: rgba(179, 34, 44, .6);--danger-bg: rgba(179, 34, 44, .08);--danger-bg-strong: rgba(179, 34, 44, .16);--shadow-color: rgba(15, 23, 42, .15);--canvas-stroke: #000000}