.quote-studio{--quote-action-ink:#071310;max-width:1480px;color:var(--ink);grid-template-columns:minmax(0,1fr);gap:22px;margin:0 auto;padding:0 20px 30px;display:grid}.quote-workspace{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-template-areas:"preview editor";align-items:start;gap:22px 26px;display:grid}html[data-theme=light] .quote-studio{--quote-action-ink:#fff}@media (prefers-color-scheme:light){html:not([data-theme=dark]) .quote-studio{--quote-action-ink:#fff}}.quote-studio .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quote-studio button{cursor:pointer;min-height:44px;font:inherit}.quote-studio :is(button,input,select,textarea):focus-visible{outline:3px solid var(--lime);outline-offset:3px}.quote-studio button:disabled{opacity:.45;cursor:not-allowed}.quote-copy-buffer{opacity:0;pointer-events:none;position:fixed}.quote-preview-panel{border:1px solid var(--line);background:var(--paper-raised);border-radius:22px;grid-area:preview;padding:clamp(12px,2vw,24px);position:sticky;top:96px}.quote-preview-wrap{background:color-mix(in srgb,var(--paper) 80%,var(--ink) 6%);border-radius:14px;justify-content:center;align-items:center;height:min(62vh,640px);display:flex;overflow:hidden}.quote-preview{width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 14px 40px #0003}.quote-warning{color:var(--brand);margin:10px 0 0;font-weight:700}.quote-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quote-actions button,.quote-phrases button,.quote-chips button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:12px;padding:8px 14px;font-weight:700}.quote-actions .is-primary{background:var(--brand);border-color:var(--brand);color:var(--quote-action-ink)}.quote-status{min-height:1.4em;color:var(--teal);margin:8px 0 0;font-size:.92rem}.quote-editor{border:1px solid var(--line);background:var(--paper-raised);border-radius:22px;grid-area:editor;gap:16px;padding:clamp(14px,2vw,26px);display:grid}.quote-editor h2{margin:0;font-size:clamp(1.3rem,1.8vw,1.8rem)}.quote-field{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.88rem;font-weight:700;display:flex}.quote-field output{font-weight:400}.quote-field small{align-self:flex-end;font-weight:400}.quote-field textarea,.quote-field input:not([type=range]):not([type=color]):not([type=file]),.quote-field select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:46px;color:var(--ink);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:16px}.quote-field textarea{resize:vertical;line-height:1.45}.quote-field input[type=range]{width:100%;min-height:44px;accent-color:var(--brand)}.quote-field input[type=color],.quote-inline input[type=color],.quote-color-input input{border:1px solid var(--line);background:var(--paper);border-radius:10px;width:52px;height:44px;padding:2px}.quote-field input[type=file]{min-height:44px;font-size:.88rem}.quote-group{border:0;gap:10px;margin:0;padding:0;display:grid}.quote-group legend{color:var(--ink);margin-bottom:8px;font-size:.95rem;font-weight:700}.quote-chips{flex-wrap:wrap;gap:6px;display:flex}.quote-chips button[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 18%,transparent)}.quote-hint{color:var(--ink-soft);margin:0;font-size:.85rem}.quote-inline{color:var(--ink-soft);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.quote-swatches{flex-wrap:wrap;gap:8px;display:flex}.quote-swatch{border:2px solid var(--line);border-radius:12px;width:44px;height:44px;padding:0}.quote-swatch[aria-checked=true]{outline:3px solid var(--brand);outline-offset:2px}.quote-swatch.is-g-amanecer{background:linear-gradient(135deg,#ffb86b,#ff5e7e)}.quote-swatch.is-g-mar{background:linear-gradient(160deg,#0f4c75,#3fc1c9)}.quote-swatch.is-g-lavanda{background:linear-gradient(120deg,#b8a1ff,#ffd1f0)}.quote-swatch.is-g-bosque{background:linear-gradient(145deg,#134e3a,#7bc47f)}.quote-swatch.is-g-noche{background:linear-gradient(#0b1026,#3b2a73)}.quote-swatch.is-g-durazno{background:linear-gradient(100deg,#ffe0c2,#ffb3a7)}.quote-swatch.is-g-fuego{background:linear-gradient(130deg,#7a0b1d,#ff8a00)}.quote-swatch.is-g-menta{background:linear-gradient(150deg,#d9fff2,#8fe3cf)}.quote-swatch.is-s-0{background:#111827}.quote-swatch.is-s-1{background:#fff}.quote-swatch.is-s-2{background:#fff4e0}.quote-swatch.is-s-3{background:#1f3a8a}.quote-swatch.is-s-4{background:#b91c4b}.quote-swatch.is-s-5{background:#0f766e}.quote-swatch.is-s-6{background:#f6d743}.quote-swatch.is-s-7{background:#3f2a56}.quote-photo{gap:10px;display:grid}.quote-text-button{color:var(--brand);text-underline-offset:4px;background:0 0;border:0;justify-self:start;padding:0;font-weight:700;text-decoration:underline}.quote-text-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.quote-text-controls legend{grid-column:1/-1}.quote-phrases{border-top:1px solid var(--line);padding-top:24px}.quote-phrases h2{margin:0 0 6px;font-size:clamp(1.4rem,2vw,2rem)}.quote-phrases>p{color:var(--ink-soft);margin:0 0 16px}.quote-phrases ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.quote-phrases li{border:1px solid var(--line);background:var(--paper-raised);border-radius:14px;flex-direction:column;justify-content:space-between;gap:10px;padding:14px 16px;display:flex}.quote-phrases li p{margin:0;line-height:1.5}.quote-phrases li button{align-self:flex-start}.quote-privacy{color:var(--ink-soft);margin:0;font-size:.86rem}@media (max-width:1000px){.quote-workspace{grid-template-columns:1fr;grid-template-areas:"preview""editor"}.quote-preview-panel{position:static}.quote-phrases ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.quote-studio{gap:16px;padding-inline:14px}.quote-preview-wrap{height:min(46vh,420px)}.quote-text-controls,.quote-phrases ul{grid-template-columns:1fr}}