.css-generator-workspace{box-sizing:border-box;background:var(--paper);width:100%;min-width:0;height:100%;min-height:0;color:var(--ink);flex-direction:column;display:flex;overflow:auto}.css-generator-three{flex:1 0 auto;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-width:0;display:grid}.css-generator-ctl{border-right:1px solid var(--border-soft);min-width:0;padding:16px 20px 20px}.css-generator-controls{gap:12px;min-width:0;display:grid}.css-generator-primary-controls{border-bottom:1px solid var(--border-soft);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;padding-bottom:16px;display:grid}.css-generator-field{align-content:end;gap:4px;min-width:0;display:grid}.css-generator-field>span{color:var(--muted);font-size:12px;font-weight:500}.css-generator-field .scalar-input,.css-generator-field select{box-sizing:border-box;border:1px solid var(--border);background:var(--paper);width:100%;min-width:0;min-height:40px;color:var(--ink);font:inherit;border-radius:10px;padding:8px 12px;font-size:15px;font-weight:400}.css-generator-field select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.css-generator-color-row{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) 92px;align-items:end;gap:10px;display:grid}.css-generator-color-row>.css-generator-field:first-child{grid-area:1/2}.css-generator-color-row>.color-baseline-picker{grid-area:1/1}.css-preview-colors,.css-preview-color{align-items:center;gap:8px;display:flex}.css-preview-colors{flex-wrap:wrap;gap:8px 20px}.css-preview-color>span{color:var(--muted);font-size:14px}.css-generator-workspace .color-baseline-input{border-radius:10px}.css-generator-workspace .color-value-fields label{padding:0}.css-generator-workspace .color-value-fields input{min-height:40px;padding:8px 12px;font-size:15px;font-weight:400}.css-generator-check{align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.css-generator-check input{width:20px;height:20px;accent-color:var(--accent)}.css-generator-group-title{justify-content:space-between;font-size:14px;font-weight:650;display:flex}.css-generator-group-title span{color:var(--muted);font-size:13px;font-weight:500}.css-generator-stop-list,.css-generator-point-list{gap:10px;display:grid}.css-generator-stop{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) 78px 74px;align-items:end;gap:8px 10px;padding:12px 0;display:grid}.css-generator-stop .color-baseline-input{background:0 0;border:0;grid-template-columns:44px minmax(0,1fr);align-items:end;gap:8px;padding:0}.css-generator-stop .color-value-fields,.css-generator-color-row .color-value-fields{border:1px solid var(--workspace-native-border);border-radius:10px}:is(.css-generator-stop .color-baseline-input,.css-generator-color-row>.css-generator-field)>.color-value-fields{box-sizing:border-box;background:var(--paper);height:40px}:is(.css-generator-stop .color-baseline-input,.css-generator-color-row>.css-generator-field)>.color-value-fields input{border-radius:9px;height:38px;min-height:0;padding:0 12px}.css-generator-stop .color-value-fields{grid-column:2}.css-generator-stop .color-baseline-picker{grid-area:1/1}.css-generator-stop .fluffy-color-picker-button,.css-generator-color-row .fluffy-color-picker-button{background:0 0;border:0}.css-generator-workspace :is(.css-generator-stop,.css-generator-color-row) .color-baseline-picker,.css-generator-workspace :is(.css-generator-stop,.css-generator-color-row) .fluffy-color-picker-button{align-items:end;display:flex}.css-generator-stop .fluffy-color-picker-swatch,.css-generator-color-row .fluffy-color-picker-swatch{border-radius:10px;flex-basis:40px;width:40px;height:40px}.css-preview-colors .fluffy-color-picker-button{background:0 0;border:0}.css-preview-colors .fluffy-color-picker-swatch{border-radius:6px}.css-generator-point{grid-template-columns:55px repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.css-generator-point strong{color:var(--muted);align-self:center;font-size:12px}.css-generator-row-actions{flex-wrap:wrap;gap:8px;display:flex}.css-generator-reset{margin-top:8px}.css-generator-workspace .workspace-action{font-size:14px;font-weight:600}.css-generator-workspace [data-css-reset],.css-generator-workspace [data-css-add-stop],.css-generator-workspace [data-css-remove-stop]{color:var(--accent-strong);background:0 0;border-color:#0000}.css-generator-workspace [data-css-remove-stop]:disabled{color:var(--muted)}.css-generator-workspace [data-css-preview-pane]{background:var(--canvas);border:0;border-radius:0;min-height:320px}.css-generator-workspace [data-css-preview-pane]>.workspace-pane-header{background:var(--canvas);border:0;justify-content:flex-start;gap:8px 20px;padding:12px 16px}.css-generator-workspace [data-css-preview-pane] .workspace-pane-header strong{color:var(--muted);font-size:14px;font-weight:400}.css-generator-workspace [data-css-preview-pane]>.workspace-pane-body{background:var(--canvas);border-radius:16px;min-height:320px;margin:0 16px 16px;padding:0;display:flex;overflow:hidden}.css-generator-workspace iframe{border:0;width:100%;height:100%;min-height:320px;display:block}.css-generator-result{border:0;border-top:1px solid var(--border-soft);background:var(--paper);min-height:0;box-shadow:none;border-radius:0;flex:none;grid-template-rows:56px auto 30px;margin:0}.css-generator-result .fluffy-text-editor-surface{height:calc(var(--fluffy-editor-font-size) * var(--fluffy-editor-line-height) + 2 * var(--fluffy-editor-padding-block) + 18px)}.css-generator-workspace [data-css-copy]{border:1px solid var(--accent);background:var(--accent);min-height:44px;color:var(--canvas);border-radius:12px;padding:0 16px;font-size:15px;font-weight:600}.css-generator-workspace [data-css-copy]:hover:not(:disabled){background:var(--accent-strong);color:var(--canvas)}.css-generator-workspace [hidden]{display:none!important}.css-generator-workspace>.workspace-footer{flex:none;padding:0 16px}.css-generator-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=860px){.css-generator-three{grid-template-columns:1fr}.css-generator-ctl{border-right:0;border-bottom:1px solid var(--border-soft);padding:12px}.css-generator-workspace [data-css-preview-pane],.css-generator-workspace [data-css-preview-pane]>.workspace-pane-body,.css-generator-workspace iframe{min-height:200px}.css-generator-workspace [data-css-preview-pane]>.workspace-pane-body{margin:0 12px 12px}}