.appearance-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:38px;color:var(--text-primary);font:inherit;cursor:pointer;padding:8px 13px;font-size:13px}.appearance-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);width:min(1080px,94vw);max-width:94vw;max-height:90dvh;color:var(--text-primary);box-shadow:var(--shadow-elevated);margin:auto;padding:0}.appearance-dialog[open]{flex-direction:column;display:flex}.appearance-dialog::backdrop{background:#00000059}.appearance-dialog header,.appearance-dialog footer{background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.appearance-dialog header{border-bottom:1px solid var(--border)}.appearance-dialog footer{border-top:1px solid var(--border);justify-content:flex-end}.appearance-dialog h2{font-size:20px}.appearance-dialog h3{font-size:16px}.appearance-dialog p{color:var(--text-secondary);margin:8px 0;font-size:12px}.appearance-content{min-height:0;padding:16px 20px;overflow:auto}.appearance-dialog button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:38px;color:var(--text-primary);font:inherit;cursor:pointer;padding:9px 13px;font-size:13px}.appearance-dialog button:hover{background:var(--surface-hover)}.appearance-dialog :is(button,input,select):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.appearance-dialog button:disabled{opacity:.5;cursor:not-allowed}.appearance-dialog button.appearance-save{color:var(--action-contrast);background:var(--action);border-color:var(--action)}.appearance-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:12px;display:flex}.appearance-modes{flex-wrap:wrap;gap:8px;display:flex}.appearance-dialog .appearance-reset{color:var(--text-secondary);background:0 0}.appearance-dialog .appearance-reset:hover{background:var(--surface-hover);color:var(--text-primary)}.appearance-modes button[aria-pressed=true]{border-color:var(--action);color:var(--action);background:var(--selection);font-weight:700}.appearance-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-bottom:16px;display:grid}.appearance-colors label{gap:5px;min-width:0;font-size:12px;display:grid}.appearance-colors label>div{gap:8px;display:flex}.appearance-dialog input,.appearance-dialog select{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;font:inherit;padding:8px;font-size:13px}.appearance-colors input[type=color]{flex-shrink:0;width:44px;height:38px;padding:3px}.appearance-colors input:not([type=color]){width:100%}.appearance-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px}.appearance-preview label{gap:5px;min-width:0;font-size:12px;display:grid}.appearance-preview :is(input,select){width:100%}.appearance-example-fields{gap:10px;display:grid}.appearance-preview-grid{gap:16px;margin:16px 0;display:grid}.appearance-preview-grid>section{min-width:0}.appearance-preview-grid h3{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.appearance-preview table{border-collapse:collapse;text-align:left;width:100%;margin:12px 0;font-size:12px}.appearance-preview th,.appearance-preview td{border-bottom:1px solid var(--border);padding:8px}.appearance-preview th{background:var(--surface-elevated)}.appearance-preview td{background:var(--selection)}.appearance-semantics{flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.appearance-semantics span:first-child{color:var(--success)}.appearance-semantics span:nth-child(2){color:var(--warning)}.appearance-semantics span:nth-child(3){color:var(--danger)}.appearance-semantics span:nth-child(4){color:var(--info)}.appearance-dialog .appearance-error{color:var(--danger)}@media (max-width:600px){.appearance-colors{grid-template-columns:1fr}.appearance-dialog header,.appearance-dialog footer,.appearance-content{padding:12px}.appearance-dialog{max-height:94dvh}}.appearance-guided-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:12px 0;padding:14px 16px}.appearance-block-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.appearance-block-heading h3{font-size:14px}.appearance-block-heading :is(output,span){color:var(--action);text-align:right;font-size:12px;font-weight:700}.appearance-dialog input[type=range]{width:100%;height:32px;accent-color:var(--action);cursor:pointer;border:0;margin:8px 0 0;padding:0;display:block}.appearance-range-labels{color:var(--text-secondary);justify-content:space-between;gap:8px;font-size:11px;display:flex}.appearance-dialog .appearance-text-action{color:var(--action);text-align:left;background:0 0;border:0;min-height:36px;padding:8px 0 0}.appearance-neutral-options{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.appearance-options-label{width:100%;color:var(--text-secondary);font-size:11px;font-weight:700;display:block}.appearance-neutral-options button{min-height:36px;padding:6px 10px;font-size:12px}.appearance-neutral-options button[aria-pressed=true]{color:var(--action);border-color:var(--action);background:var(--selection)}.appearance-dialog input.appearance-hue{appearance:none;background:0 0}.appearance-hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,#df2020 0%,#dfdf20 18.18%,#24a824 36.36%,#1fadad 54.55%,#3636e2 72.73%,#d22dd2 90.91%,#df2080 100%);border-radius:10px;height:10px}.appearance-hue::-moz-range-track{background:linear-gradient(90deg,#df2020 0%,#dfdf20 18.18%,#24a824 36.36%,#1fadad 54.55%,#3636e2 72.73%,#d22dd2 90.91%,#df2080 100%);border-radius:10px;height:10px}.appearance-hue::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:3px solid var(--surface);width:22px;height:22px;box-shadow:0 0 0 1px var(--text-secondary);border-radius:50%;margin-top:-6px}.appearance-hue::-moz-range-thumb{background:var(--text-primary);border:3px solid var(--surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--text-secondary);border-radius:50%}.appearance-miniature{margin:0}.appearance-mini-shell{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:36px minmax(0,1fr);display:grid;overflow:hidden}.appearance-mini-sidebar{background:var(--sidebar-surface);border-right:1px solid var(--border);padding:14px 10px}.appearance-mini-sidebar i{background:var(--border);border-radius:6px;height:7px;margin-bottom:8px;display:block}.appearance-mini-sidebar i:first-child{background:var(--primary)}.appearance-mini-workspace{background:var(--background);min-width:0}.appearance-mini-header{border-bottom:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);padding:8px 12px;font-size:11px}.appearance-mini-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:12px;padding:12px}.appearance-mini-card small{color:var(--text-secondary);letter-spacing:.07em;font-size:9px}.appearance-mini-card h4{margin-top:5px;font-size:14px}.appearance-mini-card p{margin:6px 0 10px}.appearance-mini-actions{flex-wrap:wrap;gap:8px;display:flex}.appearance-mini-actions button{padding:7px 10px;font-size:12px}.appearance-dialog .appearance-mini-highlight{background:var(--selection);border-color:var(--action);color:var(--action)}.appearance-miniature .appearance-semantics{margin-top:12px}.appearance-disclosure{border-top:1px solid var(--border);padding:12px 0}.appearance-disclosure summary{color:var(--text-primary);cursor:pointer;padding:6px 0;font-size:13px;font-weight:600}.appearance-disclosure summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.appearance-disclosure[open] summary{margin-bottom:10px}.appearance-dialog .appearance-manual-notice{border-left:3px solid var(--action);background:var(--selection);color:var(--text-primary);padding:10px 12px}@media (max-width:600px){.appearance-guided-block{padding:12px}.appearance-block-heading{align-items:flex-start}.appearance-mini-card{margin:8px;padding:10px}.appearance-mini-shell{grid-template-columns:28px minmax(0,1fr)}.appearance-mini-sidebar{padding:12px 7px}}@media (min-width:700px){.appearance-guide-controls{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;margin:12px 0;display:grid}.appearance-guide-controls .appearance-guided-block{margin:0;padding:12px}.appearance-guide-controls .appearance-block-heading{align-items:flex-start}}@media (min-width:900px){.appearance-preview-grid,.appearance-example-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px) and (max-height:900px){.appearance-dialog{max-height:94dvh}.appearance-dialog header,.appearance-dialog footer{padding:12px 20px}.appearance-dialog header p{margin:4px 0 0}.appearance-preview-grid{gap:16px;margin:12px 0}.appearance-mini-header{padding:6px 12px}.appearance-mini-card{margin:10px;padding:10px}}