.theme-section-header{margin-bottom:24px}.theme-section-header h3{font-size:20px;font-weight:500;color:#1a1a1a;margin-bottom:4px}.theme-section-header p{font-size:13px;color:#999}.theme-color-picker-popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);z-index:100;padding:10px;min-width:180px}.theme-color-picker-popover .picker-row{display:flex;gap:8px;align-items:center}.theme-color-picker-popover .native-color-input{width:36px;height:36px;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;padding:0;background:none}.theme-color-picker-popover .hex-text-input{flex:1 1;padding:8px 10px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px;font-family:Monaco,Courier New,monospace;color:#1a1a1a;outline:none;text-transform:uppercase}.theme-color-scale-builder{margin-bottom:40px}.theme-color-scale-builder .scale-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.theme-color-scale-builder .scale-name-row{display:flex;align-items:center;gap:8px}.theme-color-scale-builder .scale-name{font-size:18px;font-weight:400;color:#1a1a1a}.theme-color-scale-builder .edit-icon{font-size:14px;color:#999;cursor:pointer;padding:2px 4px}.theme-color-scale-builder .name-input{font-size:18px;font-weight:400;color:#1a1a1a;border:none;border-bottom:1px solid #59e0b8;outline:none;background:rgba(0,0,0,0);font-family:inherit;padding:2px 0}.theme-color-scale-builder .scale-actions{display:flex;gap:16px;align-items:center}.theme-color-scale-builder .action-link{font-size:13px;color:#59e0b8;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;text-decoration:none}.theme-color-scale-builder .action-link.muted{color:#999}.theme-color-scale-builder .swatches-row{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:6px;gap:6px;margin-bottom:10px}.theme-color-scale-builder .swatch-container{display:flex;flex-direction:column;align-items:center;gap:4px}.theme-color-scale-builder .swatch-step-label{font-size:11px;color:#999;margin-bottom:2px}.theme-color-scale-builder .swatch-block{width:100%;aspect-ratio:1;border-radius:6px;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:border-color .15s;position:relative}.theme-color-scale-builder .swatch-hex-label{font-size:10px;font-family:Monaco,Courier New,monospace;color:#999;text-align:center;margin-top:2px}.theme-color-scale-builder .override-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.2)}.theme-color-scale-builder .anchor-hint{font-size:12px;color:#999;margin-top:4px}.theme-num-input{display:flex;align-items:center;gap:4px}.theme-num-input input{padding:6px 8px;border:1px solid #e5e5e5;border-radius:5px;font-size:12px;font-family:monospace;text-align:center;color:#1a1a1a;outline:none}.theme-num-input .unit{font-size:10px;color:#999}.theme-type-scale-builder .section-title{font-size:14px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.theme-type-scale-builder .label{display:block;font-size:13px;color:#666;margin-bottom:6px}.theme-type-scale-builder .unit{font-size:11px;color:#999}.theme-type-scale-builder .hint{font-size:12px;color:#999;margin-bottom:20px}.theme-type-scale-builder .controls-row{display:flex;gap:20px;align-items:flex-end;margin-bottom:12px}.theme-type-scale-builder .num-input{width:72px;font-family:monospace;text-align:center}.theme-type-scale-builder .num-input,.theme-type-scale-builder .text-input{padding:8px 10px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px;color:#1a1a1a;outline:none}.theme-type-scale-builder .text-input{width:120px;font-family:inherit}.theme-type-scale-builder .muted-action{font-size:13px;color:#999;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.theme-type-scale-builder .table{border-top:1px solid #e5e5e5}.theme-type-scale-builder .header-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #e5e5e5;gap:8px}.theme-type-scale-builder .row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;gap:8px}.theme-type-scale-builder .row.is-expanded{border-bottom:none;background:#fcfcfc}.theme-type-scale-builder .cell{font-size:13px}.theme-type-scale-builder .col-name{width:90px;flex-shrink:0}.theme-type-scale-builder .col-step{width:56px;flex-shrink:0}.theme-type-scale-builder .col-size{width:130px;flex-shrink:0}.theme-type-scale-builder .col-lh{width:40px;flex-shrink:0}.theme-type-scale-builder .col-preview{flex:1 1;overflow:hidden}.theme-type-scale-builder .col-action{width:80px;flex-shrink:0;display:flex;gap:4px;justify-content:flex-end}.theme-type-scale-builder .token-name{font-size:13px;font-weight:600;color:#1a1a1a;font-family:monospace}.theme-type-scale-builder .step-input{width:44px;padding:5px 4px;border:1px solid #e5e5e5;border-radius:4px;font-size:12px;font-family:monospace;text-align:center;color:#1a1a1a;outline:none}.theme-type-scale-builder .size-value{font-size:13px;color:#1a1a1a;cursor:pointer}.theme-type-scale-builder .size-value.is-overridden{color:#59e0b8;font-weight:600}.theme-type-scale-builder .derived-hint{font-size:10px;color:#999;font-weight:400}.theme-type-scale-builder .lh-value{font-size:12px;color:#999;font-family:monospace}.theme-type-scale-builder .preview-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.theme-type-scale-builder .reset-btn{font-size:13px;color:#999}.theme-type-scale-builder .remove-btn,.theme-type-scale-builder .reset-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;padding:0}.theme-type-scale-builder .remove-btn{font-size:14px;color:#ccc}.theme-type-scale-builder .expand-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#999;background:none;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;padding:0;transition:all .15s;position:relative}.theme-type-scale-builder .expand-btn.is-active{border-color:#59e0b8;color:#59e0b8}.theme-type-scale-builder .bp-badge{position:absolute;top:-4px;right:-4px;font-size:9px;font-weight:700;color:#fff;background:#59e0b8;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.theme-type-scale-builder .expanded-panel{background:#fcfcfc;border-bottom:1px solid #f0f0f0;border-left:3px solid #59e0b8}.theme-type-scale-builder .expanded-inner{padding:16px 16px 8px 24px;display:flex;gap:32px}.theme-type-scale-builder .add-size-btn{font-size:13px;color:#59e0b8;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.theme-type-scale-builder .add-row{display:flex;gap:12px;align-items:flex-end;padding:16px 0;border-top:1px solid #f0f0f0}.theme-type-scale-builder .confirm-btn{padding:8px 16px;font-size:13px;font-family:inherit;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer}.theme-type-scale-builder .cancel-btn{padding:8px 12px;font-size:13px;font-family:inherit;background:none;color:#999;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer}.theme-inline-responsive-field{margin-bottom:16px}.theme-inline-responsive-field .field-label{font-size:12px;color:#666;margin-bottom:6px;display:block}.theme-inline-responsive-field .base-row,.theme-inline-responsive-field .override-row{display:flex;align-items:center;gap:8px;margin-top:4px}.theme-inline-responsive-field .bp-tag{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;width:24px;flex-shrink:0}.theme-inline-responsive-field .remove-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#ccc;background:none;border:1px solid #e5e5e5;border-radius:3px;cursor:pointer;flex-shrink:0;padding:0}.theme-inline-responsive-field .add-btn{font-size:11px;color:#59e0b8;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.theme-inline-responsive-field .dropdown{position:absolute;top:calc(100% + 2px);left:0;background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:50;min-width:150px;overflow:hidden}.theme-inline-responsive-field .dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;cursor:pointer;font-size:12px}.theme-inline-responsive-field .dropdown-label{font-weight:600;color:#1a1a1a}.theme-inline-responsive-field .dropdown-hint{font-size:11px;color:#999;font-family:monospace}.theme-responsive-field{margin-bottom:24px}.theme-responsive-field .label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.theme-responsive-field .label{font-size:13px;color:#666}.theme-responsive-field .responsive-toggle{display:flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#999;cursor:pointer;font-size:11px;transition:all .15s}.theme-responsive-field .responsive-toggle.is-active{border-color:#59e0b8;color:#59e0b8}.theme-responsive-field .override-badge{font-size:10px;font-weight:600;color:#59e0b8}.theme-responsive-field .base-input-row{display:flex;align-items:center;gap:8px}.theme-responsive-field .bp-tag{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.3px;width:28px;flex-shrink:0}.theme-responsive-field .overrides-container{margin-top:6px;border-left:2px solid #f0f0f0;margin-left:13px;padding-left:22px}.theme-responsive-field .override-row{display:flex;align-items:center;gap:8px;padding-top:8px}.theme-responsive-field .override-input{flex:1 1}.theme-responsive-field .remove-override{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ccc;background:none;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;flex-shrink:0}.theme-responsive-field .add-override-btn{font-size:12px;color:#59e0b8;background:none;border:none;cursor:pointer;font-family:inherit;padding:8px 0 0}.theme-responsive-field .bp-dropdown{position:absolute;top:calc(100% + 2px);left:0;background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:50;min-width:160px;overflow:hidden}.theme-responsive-field .bp-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;font-size:13px;transition:background .1s}.theme-responsive-field .bp-dropdown-label{font-weight:600;color:#1a1a1a}.theme-responsive-field .bp-dropdown-hint{font-size:11px;color:#999;font-family:Monaco,Courier New,monospace}.theme-scale-ref-selector{flex:1 1;position:relative}.theme-scale-ref-selector .trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;background:#fff;transition:border-color .2s;min-height:36px}.theme-scale-ref-selector .trigger.is-open{border-color:#59e0b8}.theme-scale-ref-selector .dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.08);flex-shrink:0;position:relative;overflow:hidden}.theme-scale-ref-selector .dot--checkerboard{background:repeating-conic-gradient(#e0e0e0 0 25%,#fff 0 50%) 0 0/6px 6px}.theme-scale-ref-selector .dot__color{position:absolute;inset:0;border-radius:50%}.theme-scale-ref-selector .opacity-row{display:flex;align-items:center;gap:8px;padding:4px 12px 6px}.theme-scale-ref-selector .opacity-label{font-size:11px;color:#999;flex-shrink:0;width:48px}.theme-scale-ref-selector .opacity-slider{flex:1 1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e5e5;border-radius:2px;outline:none;cursor:pointer}.theme-scale-ref-selector .opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#59e0b8;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer}.theme-scale-ref-selector .opacity-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#59e0b8;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer}.theme-scale-ref-selector .opacity-value{font-size:11px;font-family:Monaco,Courier New,monospace;color:#999;width:32px;text-align:right;flex-shrink:0}.theme-scale-ref-selector .ref-label{font-size:13px;color:#1a1a1a;flex:1 1}.theme-scale-ref-selector .ref-value{font-size:11px;font-family:Monaco,Courier New,monospace;color:#999}.theme-scale-ref-selector .chevron{font-size:10px;color:#999;transition:transform .2s}.theme-scale-popover{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:340px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);z-index:100;padding:12px}.theme-scale-popover .scale-group{margin-bottom:10px}.theme-scale-popover .scale-group-name{font-size:11px;font-weight:600;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.theme-scale-popover .scale-swatches{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:3px;gap:3px}.theme-scale-popover .swatch{aspect-ratio:1;border-radius:3px;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:all .15s}.theme-background-picker{width:100%;max-width:560px}.theme-background-picker .section-title{font-size:14px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.theme-background-picker .form-group{margin-bottom:20px}.theme-background-picker .form-label{display:block;font-size:13px;color:#666;margin-bottom:8px}.theme-background-picker .mode-toggle{display:inline-flex;background:#f0f0f0;border-radius:6px;padding:3px;margin-bottom:20px}.theme-background-picker .mode-btn{padding:7px 16px;font-size:13px;font-family:inherit;border:none;border-radius:4px;background:rgba(0,0,0,0);color:#666;cursor:pointer;transition:all .2s}.theme-background-picker .mode-btn.is-active{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px rgba(0,0,0,.08)}.theme-background-picker .type-selector{display:flex;gap:8px;margin-bottom:20px}.theme-background-picker .type-btn{flex:1 1;padding:10px 8px;font-size:12px;font-family:inherit;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#666;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px}.theme-background-picker .type-btn.is-active{border-color:#59e0b8;color:#1a1a1a;background:#f0fdf8}.theme-background-picker .type-icon{width:32px;height:32px;border-radius:4px}.theme-background-picker .preview{height:100px;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:24px;transition:background .3s;position:relative}.theme-background-picker .preview-label{position:absolute;bottom:8px;right:10px;font-size:10px;color:#999;background:rgba(255,255,255,.75);padding:2px 6px;border-radius:3px;font-family:Monaco,Courier New,monospace}.theme-background-picker .bar-track{position:relative;height:24px;border-radius:6px;border:1px solid #e5e5e5;cursor:crosshair;overflow:visible}.theme-background-picker .bar-inner{width:100%;height:100%;border-radius:5px}.theme-background-picker .handle{position:absolute;top:-4px;width:14px;height:32px;border-radius:4px;background:#fff;border:2px solid #1a1a1a;cursor:-webkit-grab;cursor:grab;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:2}.theme-background-picker .handle-dot{width:4px;height:4px;border-radius:50%}.theme-background-picker .stops-container{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.theme-background-picker .stop-row{display:flex;align-items:flex-start;gap:12px}.theme-background-picker .stop-number{width:20px;height:36px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#999;flex-shrink:0}.theme-background-picker .stop-config{flex:1 1;display:flex;flex-direction:column;gap:8px}.theme-background-picker .stop-top-row{display:flex;gap:8px;align-items:center}.theme-background-picker .stop-remove{width:24px;height:24px;padding:0;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#999;font-size:16px;line-height:1;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.theme-background-picker .stop-remove:hover:not(:disabled){border-color:#f87171;color:#f87171;background:#fef2f2}.theme-background-picker .stop-remove:disabled{opacity:.3;cursor:not-allowed}.theme-background-picker .add-stop-btn{padding:6px 12px;font-size:12px;font-family:inherit;border:1px dashed #d4d4d4;border-radius:6px;background:rgba(0,0,0,0);color:#666;cursor:pointer;transition:all .15s}.theme-background-picker .add-stop-btn:hover{border-color:#59e0b8;color:#1a1a1a;background:#f0fdf8}.theme-background-picker .position-control{display:flex;align-items:center;gap:6px}.theme-background-picker .num-input{width:64px;padding:8px 10px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px;font-family:Monaco,Courier New,monospace;text-align:center;color:#1a1a1a;outline:none}.theme-background-picker .unit{font-size:11px;color:#999}.theme-background-picker .inline-input{display:flex;align-items:center;gap:6px}.theme-background-picker .center-inputs{display:flex;align-items:center;gap:12px}.theme-background-picker .center-field{display:flex;align-items:center;gap:6px}.theme-background-picker .center-label{font-size:12px;color:#999;min-width:12px}.theme-background-picker .divider{height:1px;background:#e5e5e5;margin:24px 0}.theme-background-picker .output-token{background:#f5f5f5;border-radius:6px;padding:12px;font-family:Monaco,Courier New,monospace;font-size:11px;color:#666;word-break:break-all;line-height:1.6}.ai-theme-trigger{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;color:#999;transition:all .15s;flex-shrink:0}.ai-theme-trigger:hover{color:#59e0b8;border-color:#59e0b8}.ai-theme-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);width:480px;max-width:calc(100vw - 40px);animation:ai-slide-up .15s ease-out;overflow:hidden}.ai-theme-modal__overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;animation:ai-fade-in .15s ease-out}.ai-theme-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.ai-theme-modal__title{font-size:14px;font-weight:600;color:#1a1a1a}.ai-theme-modal__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:18px;color:#999;border-radius:4px}.ai-theme-modal__close:hover{color:#1a1a1a;background:#f5f5f5}.ai-theme-modal__close:disabled{opacity:.3;cursor:not-allowed}.ai-theme-modal__body{padding:20px;display:flex;flex-direction:column;gap:12px}.ai-theme-modal__field{display:flex;flex-direction:column;gap:6px}.ai-theme-modal__label{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.ai-theme-modal__pills{display:flex;flex-wrap:wrap;gap:4px}.ai-theme-modal__pill{padding:5px 10px;font-size:12px;font-family:inherit;border:1px solid #e5e5e5;border-radius:14px;background:rgba(0,0,0,0);color:#666;cursor:pointer;transition:all .12s;white-space:nowrap}.ai-theme-modal__pill:hover{border-color:#ccc;color:#1a1a1a}.ai-theme-modal__pill.is-active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.ai-theme-modal__pill:disabled{opacity:.4;cursor:not-allowed}.ai-theme-modal__vars{display:flex;flex-wrap:wrap;gap:4px}.ai-theme-modal__var-chip{padding:3px 8px;font-size:11px;font-family:monospace;border:1px dashed #d0d0d0;border-radius:4px;background:#f8f8f8;color:#666;cursor:pointer;transition:all .12s;white-space:nowrap}.ai-theme-modal__var-chip:hover{border-color:#59e0b8;color:#1a1a1a;background:rgba(89,224,184,.08)}.ai-theme-modal__var-chip:disabled{opacity:.4;cursor:not-allowed}.ai-theme-modal__brief{border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}.ai-theme-modal__brief-toggle{width:100%;display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-family:inherit;font-weight:500;color:#666;background:#fafafa;border:none;cursor:pointer;text-align:left}.ai-theme-modal__brief-toggle:hover{color:#1a1a1a;background:#f5f5f5}.ai-theme-modal__brief-arrow{font-size:10px;color:#999}.ai-theme-modal__brief-dot{width:6px;height:6px;border-radius:50%;background:#59e0b8;margin-left:2px}.ai-theme-modal__brief-fields{padding:10px 12px;display:flex;flex-direction:column;gap:8px;border-top:1px solid #f0f0f0}.ai-theme-modal__brief-field{display:flex;flex-direction:column;gap:3px}.ai-theme-modal__brief-field label{font-size:11px;font-weight:500;color:#999}.ai-theme-modal__brief-field input,.ai-theme-modal__brief-field textarea{width:100%;padding:6px 8px;border:1px solid #e5e5e5;border-radius:6px;font-size:12px;font-family:inherit;color:#1a1a1a;outline:none;box-sizing:border-box;resize:vertical}.ai-theme-modal__brief-field input::placeholder,.ai-theme-modal__brief-field textarea::placeholder{color:#ccc}.ai-theme-modal__brief-field input:focus,.ai-theme-modal__brief-field textarea:focus{border-color:#59e0b8;box-shadow:0 0 0 2px rgba(89,224,184,.1)}.ai-theme-modal__brief-field input:disabled,.ai-theme-modal__brief-field textarea:disabled{opacity:.5;cursor:not-allowed}.ai-theme-modal__url-row{display:flex;gap:6px}.ai-theme-modal__url-row input{flex:1 1;min-width:0}.ai-theme-modal__extract-btn{padding:4px 10px;font-size:11px;font-family:inherit;font-weight:600;white-space:nowrap;border:1px solid #e5e5e5;border-radius:6px;background:#fafafa;color:#666;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .12s}.ai-theme-modal__extract-btn:hover:not(:disabled){border-color:#59e0b8;color:#1a1a1a;background:rgba(89,224,184,.06)}.ai-theme-modal__extract-btn:disabled{opacity:.4;cursor:not-allowed}.ai-theme-modal__extraction-status{display:flex;align-items:center;gap:5px;font-size:11px;color:#59e0b8;margin-top:2px}.ai-theme-modal__extraction-dot{width:6px;height:6px;border-radius:50%;background:#59e0b8;flex-shrink:0}.ai-theme-modal__spinner--sm{width:10px;height:10px;border-width:1.5px;border-color:#666 rgba(102,102,102,.3) rgba(102,102,102,.3)}.ai-theme-modal__input{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:8px;font-size:13px;font-family:inherit;color:#1a1a1a;outline:none;resize:vertical;min-height:80px;box-sizing:border-box;line-height:1.5}.ai-theme-modal__input::placeholder{color:#bbb}.ai-theme-modal__input:focus{border-color:#59e0b8;box-shadow:0 0 0 3px rgba(89,224,184,.1)}.ai-theme-modal__input:disabled{opacity:.5;cursor:not-allowed}.ai-theme-modal__error{font-size:12px;color:#dc2626;padding:8px 10px;background:#fef2f2;border-radius:6px}.ai-theme-modal__hint{font-size:12px;color:#999;line-height:1.4}.ai-theme-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #f0f0f0;background:#fafafa}.ai-theme-modal__shortcut{font-size:11px;color:#bbb;font-family:monospace}.ai-theme-modal__footer-actions{display:flex;gap:8px}.ai-theme-modal__cancel{padding:7px 14px;font-size:13px;font-family:inherit;background:none;color:#666;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer}.ai-theme-modal__cancel:hover{background:#f5f5f5}.ai-theme-modal__cancel:disabled{opacity:.3;cursor:not-allowed}.ai-theme-modal__submit{padding:7px 16px;font-size:13px;font-family:inherit;font-weight:600;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .15s}.ai-theme-modal__submit:hover{opacity:.9}.ai-theme-modal__submit:disabled{opacity:.4;cursor:not-allowed}.ai-theme-modal__spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ai-spin .6s linear infinite}@keyframes ai-spin{to{transform:rotate(1turn)}}@keyframes ai-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ai-slide-up{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-builder__shell{display:flex;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#fafafa}.theme-builder__sidebar{width:220px;background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;flex-shrink:0}.theme-builder__sidebar-header{padding:20px 20px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.theme-builder__sidebar-title{font-size:14px;font-weight:700;color:#1a1a1a;letter-spacing:-.2px}.theme-builder__nav{flex:1 1;padding:8px;display:flex;flex-direction:column;gap:2px}.theme-builder__nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;border-radius:6px;cursor:pointer;font-size:13px;color:#666;font-family:inherit;text-align:left;transition:all .1s;width:100%}.theme-builder__nav-item.is-active{background:#f5f5f5;color:#1a1a1a;font-weight:600}.theme-builder__nav-icon{width:20px;text-align:center;font-size:14px;flex-shrink:0}.theme-builder__nav-label{flex:1 1}.theme-builder__nav-count{font-size:11px;color:#ccc;font-family:monospace}.theme-builder__sidebar-footer{padding:12px 20px;border-top:1px solid #f0f0f0}.theme-builder__content{flex:1 1;padding:32px 40px;overflow-y:auto;max-width:100%}.theme-builder__card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px;margin-bottom:16px}.theme-builder__card-title{font-size:13px;font-weight:600;color:#1a1a1a}.theme-builder__field-label{display:block;font-size:11px;color:#999;margin-bottom:4px}.theme-builder__text-input{width:100%;padding:8px 10px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px;font-family:monospace;color:#1a1a1a;outline:none;box-sizing:border-box}.theme-builder__mini-label{display:block;font-size:9px;color:#999;margin-bottom:2px}.theme-builder__mini-num-input{width:52px;font-family:monospace;text-align:center}.theme-builder__mini-num-input,.theme-builder__mini-select{padding:4px 6px;border:1px solid #e5e5e5;border-radius:4px;font-size:12px;color:#1a1a1a;outline:none}.theme-builder__mini-select{font-family:inherit;background:#fff}.theme-builder__add-action{font-size:13px;color:#59e0b8;background:none;border:none;cursor:pointer;font-family:inherit;padding:8px 0}.theme-builder__spacing-row{display:flex;align-items:center;gap:12px;padding:6px 0}.theme-builder__spacing-token{font-size:12px;font-weight:600;color:#1a1a1a;font-family:monospace;width:44px;flex-shrink:0}.theme-builder__spacing-bar{height:8px;background:#59e0b8;border-radius:4px;transition:width .2s}.theme-builder__spacing-value{font-size:11px;color:#999;font-family:monospace;width:40px;text-align:right}.theme-builder__spacing-remove-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ccc;background:none;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;padding:0;flex-shrink:0}.theme-builder__add-spacing-row{display:flex;gap:12px;align-items:flex-end;padding:12px 0}.theme-builder__mini-text-input{width:120px;padding:8px 10px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px;font-family:inherit;color:#1a1a1a;outline:none}.theme-builder__confirm-btn{padding:8px 16px;font-size:13px;font-family:inherit;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer}.theme-builder__cancel-btn{padding:8px 12px;font-size:13px;font-family:inherit;background:none;color:#999;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer}.theme-builder__semantic-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f5f5f5}.theme-builder__semantic-row:last-child{border-bottom:none}.theme-builder__semantic-token{font-size:12px;font-weight:600;color:#1a1a1a;font-family:monospace;width:72px;flex-shrink:0}.theme-builder__semantic-color-input{display:flex;align-items:center;gap:6px}.theme-builder__semantic-swatch-input{width:28px;height:28px;padding:0;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;flex-shrink:0;overflow:hidden;background:none}.theme-builder__semantic-hex-input{width:84px;padding:6px 8px;border:1px solid #e5e5e5;border-radius:6px;font-size:12px;font-family:monospace;color:#1a1a1a;outline:none}.theme-builder__button-preview-stage{margin-top:16px;padding:24px 16px;border-radius:8px;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center}.theme-builder__button-preview{display:inline-flex;align-items:center;cursor:default;white-space:nowrap;line-height:1}.theme-builder__button-variant-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f5f5f5}.theme-builder__button-variant-name{font-size:13px;font-weight:600;color:#1a1a1a;font-family:monospace;width:80px;flex-shrink:0}.theme-builder-surface__card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:24px;cursor:pointer;transition:all .2s}.theme-builder-surface__card.is-editing{border-color:#59e0b8;border-width:2px;padding:23px;border-radius:8px 8px 0 0;border-bottom:none;cursor:default}.theme-builder-surface__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.theme-builder-surface__header-left{display:flex;align-items:center;gap:12px}.theme-builder-surface__label{font-size:16px;font-weight:600;color:#1a1a1a}.theme-builder-surface__badge{font-size:11px;padding:4px 8px;border-radius:4px;background:#f5f5f5;color:#666;text-transform:uppercase;letter-spacing:.5px}.theme-builder-surface__edit-btn{padding:6px 12px;font-size:12px;background:rgba(0,0,0,0);border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;color:#666;font-family:inherit;transition:all .2s}.theme-builder-surface__edit-btn.is-active{background:#59e0b8;color:#1a1a1a;border-color:#59e0b8}.theme-builder-surface__remove-btn{padding:6px 12px;font-size:12px;background:rgba(0,0,0,0);border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;color:#999;font-family:inherit}.theme-builder-surface__preview{height:120px;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.06)}.theme-builder-surface__token-summary{display:flex;flex-direction:column;gap:8px}.theme-builder-surface__token-row{display:flex;align-items:center;gap:8px;font-size:12px}.theme-builder-surface__token-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.theme-builder-surface__token-label{color:#666;flex:1 1}.theme-builder-surface__token-value{font-family:Monaco,Courier New,monospace;font-size:11px;color:#999}.theme-builder-surface__panel{background:#fff;border:2px solid #59e0b8;border-top:1px solid #e5e5e5;border-radius:0 0 8px 8px;padding:32px}.theme-builder-surface__tab-group{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid #e5e5e5}.theme-builder-surface__tab{padding:12px 20px;font-size:14px;color:#666;cursor:pointer;background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);font-family:inherit;transition:all .2s}.theme-builder-surface__tab.is-active{color:#1a1a1a;border-bottom-color:#59e0b8}.theme-builder-surface__config-title{font-size:14px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.theme-builder-surface__field-label{display:block;font-size:13px;color:#666;margin-bottom:8px}.theme-builder-surface__input{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;color:#1a1a1a;outline:none;box-sizing:border-box}.theme-builder-surface__divider{height:1px;background:#e5e5e5;margin:24px 0}.theme-builder-surface__states-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.theme-builder-surface__state-card{padding:12px;background:#f9f9f9;border-radius:6px}.theme-builder-surface__state-label{font-size:11px;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.theme-builder-surface__variants-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.theme-builder-surface__variant-card{padding:16px;border:1px solid #e5e5e5;border-radius:6px}.theme-builder-surface__variant-title{font-size:13px;font-weight:600;margin-bottom:12px;text-transform:capitalize}.theme-builder-components__variant-tabs{display:flex;gap:4px;margin-top:12px}.theme-builder-components__variant-tab{padding:6px 14px;font-size:12px;font-family:inherit;border:1px solid #e5e5e5;border-radius:4px;background:rgba(0,0,0,0);color:#666;cursor:pointer;text-transform:capitalize;transition:all .15s}.theme-builder-components__variant-tab.is-active{background:#59e0b8;color:#1a1a1a;border-color:#59e0b8;font-weight:600}.theme-builder-components__state-pills{display:flex;gap:4px}.theme-builder-components__state-pill{padding:4px 10px;font-size:11px;font-family:inherit;border:1px solid #e5e5e5;border-radius:12px;background:rgba(0,0,0,0);color:#999;cursor:pointer;transition:all .15s}.theme-builder-components__state-pill.is-active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.theme-builder-components__box-shadow-row{display:flex;gap:8px;align-items:flex-end}.theme-builder-components__remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#999;background:none;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;padding:0;flex-shrink:0}.theme-builder-border-radius__section-title{font-size:14px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.theme-builder-border-radius__label{display:block;font-size:13px;color:#666;margin-bottom:6px}.theme-builder-border-radius__unit{font-size:11px;color:#999}.theme-builder-border-radius__hint{font-size:12px;color:#999;margin-bottom:20px}.theme-builder-border-radius__controls-row{display:flex;gap:20px;align-items:flex-end;margin-bottom:12px}.theme-builder-border-radius__num-input{width:72px;padding:8px 10px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px;font-family:monospace;text-align:center;color:#1a1a1a;outline:none}.theme-builder-border-radius__muted-action{font-size:13px;color:#999;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.theme-builder-border-radius__table{border-top:1px solid #e5e5e5}.theme-builder-border-radius__header-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #e5e5e5;gap:8px}.theme-builder-border-radius__row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;gap:8px}.theme-builder-border-radius__cell{font-size:13px}.theme-builder-border-radius__col-name{width:90px;flex-shrink:0}.theme-builder-border-radius__col-step{width:56px;flex-shrink:0}.theme-builder-border-radius__col-size{width:130px;flex-shrink:0}.theme-builder-border-radius__col-preview{flex:1 1;overflow:hidden}.theme-builder-border-radius__col-action{width:60px;flex-shrink:0;display:flex;gap:4px;justify-content:flex-end}.theme-builder-border-radius__token-name{font-size:13px;font-weight:600;color:#1a1a1a;font-family:monospace}.theme-builder-border-radius__step-input{width:44px;padding:5px 4px;border:1px solid #e5e5e5;border-radius:4px;font-size:12px;font-family:monospace;text-align:center;color:#1a1a1a;outline:none}.theme-builder-border-radius__size-value{font-size:13px;color:#1a1a1a}.theme-builder-border-radius__overridden-value{color:#59e0b8;font-weight:600}.theme-builder-border-radius__derived-hint{font-size:10px;color:#999;font-weight:400}.theme-builder-border-radius__reset-btn{width:20px;height:20px;font-size:13px}.theme-builder-border-radius__expand-btn,.theme-builder-border-radius__reset-btn{display:flex;align-items:center;justify-content:center;color:#999;background:none;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;padding:0}.theme-builder-border-radius__expand-btn{width:22px;height:22px;transition:all .15s}.theme-builder-border-radius__expand-btn.is-active{border-color:#59e0b8;color:#59e0b8}.theme-builder-border-radius__bp-badge{position:absolute;top:-4px;right:-4px;font-size:9px;font-weight:700;color:#fff;background:#59e0b8;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.theme-builder-border-radius__expanded-panel{background:#fcfcfc;border-bottom:1px solid #f0f0f0;border-left:3px solid #59e0b8}.theme-builder-border-radius__expanded-inner{padding:16px 16px 8px 24px;display:flex;gap:32px}.theme-builder-br-responsive__bp-tag{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;width:24px;flex-shrink:0}.theme-builder-br-responsive__remove-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#ccc;background:none;border:1px solid #e5e5e5;border-radius:3px;cursor:pointer;flex-shrink:0;padding:0}.theme-builder-br-responsive__add-btn{font-size:11px;color:#59e0b8;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.theme-builder-br-responsive__dropdown{position:absolute;top:calc(100% + 2px);left:0;background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:50;min-width:150px;overflow:hidden}.theme-builder-br-responsive__dropdown-item{padding:7px 12px;cursor:pointer;font-size:12px}.slug-field-component .label-wrapper,.theme-builder-br-responsive__dropdown-item{display:flex;justify-content:space-between;align-items:center}.slug-field-component .lock-button{padding-bottom:.3125rem;margin:0 .6rem 0 0}