.edit-color-picker{align-items:center;gap:2px;min-width:0;display:inline-flex;position:relative}.edit-color-picker>input[type=color]{width:34px;min-width:34px;min-height:36px;padding:2px}.edit-color-picker>button{min-width:24px;min-height:36px;padding:2px 4px}.edit-color-panel{background:var(--sage-1);border:1px solid var(--border);box-shadow:0 8px 30px var(--shadow-4);border-radius:12px;width:240px;max-width:calc(100vw - 16px);padding:14px}.edit-color-panel section+section{margin-top:12px}.edit-color-panel section>span{margin-bottom:8px;font-size:12px;display:block}.edit-color-swatches{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.edit-color-swatches>button{border:1px solid var(--sage-13);width:28px;height:28px;min-height:28px;box-shadow:none;border-radius:50%;padding:0}.edit-color-swatches>button[aria-pressed=true]{outline:2px solid var(--lime-4);outline-offset:2px}.edit-color-panel{box-sizing:border-box;width:280px;max-height:calc(100dvh - 16px);overflow:hidden auto}.color-chooser section{margin-top:14px}.color-chooser section>span{color:var(--sage-18);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.color-chooser .edit-color-swatches{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.color-chooser .edit-color-swatches>button,.color-tool{aspect-ratio:1;box-sizing:border-box;border-radius:50%;width:100%;min-width:0;max-width:36px;height:auto;min-height:0;padding:0}.color-chooser .edit-color-swatches>button{border-color:var(--sage-13)}.color-tool{border:1px solid var(--sage-8);background:var(--sage-1);color:var(--sage-27);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.color-custom{color:#fff;background:conic-gradient(#ff3131,#ffde59,#7ed957,#0cc0df,#5271ff,#cb6ce6,#ff3131)}.color-custom svg{filter:drop-shadow(0 0 1px #0008)}.color-custom input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-none[aria-pressed=true]{outline:2px solid var(--lime-4);outline-offset:2px}.color-search{border:1px solid var(--sage-8);background:var(--sage-1);color:var(--sage-18);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.color-search:focus-within{outline:2px solid var(--violet-7);outline-offset:-1px}.color-search input{min-width:0;min-height:38px;color:var(--sage-27);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:.85rem}.color-empty{color:var(--sage-18);font-size:.8rem}.color-chooser label.color-search{font-size:inherit;flex-direction:row;gap:8px;margin:0}.color-chooser .color-search input{background:0 0;border:0;border-radius:0;width:auto;min-height:38px;padding:0}.color-chooser label.color-custom{flex-direction:row;gap:0;margin:0}.color-chooser .color-custom input[type=color]{border:0;min-height:0;padding:0}.edit-color-picker.has-gradient>input[type=color]::-webkit-color-swatch{background:var(--swatch-gradient)!important}.edit-color-picker.has-gradient>input[type=color]::-moz-color-swatch{background:var(--swatch-gradient)!important}.gradient-editor{gap:10px;display:grid}.gradient-stops{align-items:center;gap:8px;display:flex}.color-chooser .gradient-stops label{border:1px solid var(--sage-10);cursor:pointer;border-radius:50%;flex:none;width:32px;height:32px;margin:0;display:block;position:relative;overflow:hidden}.color-chooser .gradient-stops input[type=color]{cursor:pointer;border:0;width:calc(100% + 12px);height:calc(100% + 12px);min-height:0;padding:0;position:absolute;inset:-6px}.gradient-bar{border:1px solid var(--sage-8);border-radius:6px;flex:1;min-width:0;height:12px}.gradient-stops>button,.gradient-style button,.gradient-angles button{border:1px solid var(--sage-8);background:var(--sage-1);min-width:0;min-height:36px;color:var(--sage-27);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:.8rem;display:inline-flex}.gradient-stops>button{flex:none;width:36px}.gradient-style{grid-template-columns:1fr 1fr;gap:6px;display:grid}.gradient-style span{border:1px solid var(--sage-10);border-radius:4px;width:18px;height:18px}.gradient-angles{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;display:grid}.gradient-angles button{padding:0;font-size:1rem}.gradient-angles span{line-height:1;display:inline-block}:is(.gradient-style,.gradient-angles) button[aria-checked=true]{border-color:var(--green-9);box-shadow:inset 0 0 0 1px var(--green-9);background:var(--sage-5);font-weight:600}.signature-capture{gap:12px;min-width:0;display:grid}.signature-capture [role=tablist]{gap:4px;display:flex}.signature-capture [role=tab]{flex:1;min-width:0}.signature-capture [aria-selected=true],.signature-fonts [aria-pressed=true]{background:var(--violet-3);border-color:var(--violet-7);color:var(--violet-8)}.signature-capture fieldset{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.signature-capture label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.signature-capture label>input:not([type=checkbox]):not([type=color]){box-sizing:border-box;width:100%;min-width:0}.signature-capture small,.signature-capture p{font-size:12px;line-height:1.5}.signature-preview,.signature-pad{aspect-ratio:2;box-sizing:border-box;border:1px solid var(--sage-13);background:conic-gradient(var(--paper-check) 25%,var(--paper) 0 50%,var(--paper-check) 0 75%,var(--paper) 0) 0 0/16px 16px;width:100%;color:var(--paper-ink-soft);border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.signature-preview img{object-fit:contain;max-width:90%;max-height:130px}.signature-pad{touch-action:none;cursor:crosshair;display:block}.signature-fonts{gap:6px;display:grid}.signature-fonts button{text-align:left;min-height:44px;font-size:20px}.signature-library{gap:8px;display:grid}.signature-library>div{align-items:center;gap:6px;display:flex}.signature-library>div>button:first-child{text-align:left;flex:1;gap:4px;min-width:0;display:grid}.signature-library img{object-fit:contain;background:var(--paper);border-radius:4px;max-width:100%;height:48px}.signature-upload input{max-width:100%}.signature-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.draw-tabs{flex-wrap:wrap}.signature-capture label{color:var(--sage-20);font-size:12px;line-height:1.5}:is(.signature-capture label:has(input[type=text]),.signature-capture label:has(input[type=search]),.signature-capture label:has(input:not([type]))){gap:6px;display:grid}.signature-capture input:not([type]),.signature-capture input[type=text],.signature-capture input[type=search]{box-sizing:border-box;border:1px solid var(--sage-9);background:var(--sage-1);width:100%;min-height:44px;color:var(--sage-27);font:inherit;border-radius:8px;padding:10px 12px;font-size:13px}.signature-capture label:has(input[type=checkbox]){flex-wrap:nowrap;justify-content:flex-start;gap:8px;min-height:32px;display:flex}.signature-capture input[type=checkbox]{width:16px;height:16px;accent-color:var(--green-2);flex:none;margin:0}.signature-capture label:has(input[type=range]){grid-template-columns:auto minmax(0,1fr) auto;min-height:44px;display:grid}.signature-capture label>input[type=range]{width:100%;min-width:0}.signature-upload{gap:8px;min-width:0;display:grid}.signature-upload-action{justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-size:13px;display:flex}.signature-upload-name{color:var(--sage-18);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;display:block;overflow:hidden}.signature-panel>h3{margin-bottom:14px}