.beautifier-hero{background:var(--silver-canvas);border-bottom:1px solid var(--silver-line);padding:36px 0 32px}.beautifier-hero h1{letter-spacing:-.048em;margin-bottom:20px;font-size:clamp(40px,4.65vw,66px);font-weight:800;line-height:1.02}.beautifier-hero h1 span{color:var(--silver-violet)}.beautifier-hero p{color:var(--silver-muted);font-size:18px}.beautifier-badge{color:var(--silver-violet-text);background:#eae5ff;border-radius:100px;margin-top:20px;padding:8px 16px;font-size:14px;display:inline-flex}.beautifier-body{padding-top:32px;padding-bottom:40px}.beautifier-workspace{grid-template:"chooser result""style result"1fr/minmax(0,1fr) minmax(0,1.4fr);align-items:start;column-gap:24px;display:grid}.beautifier-chooser{grid-area:chooser}.beautifier-result{grid-area:result;position:sticky;top:16px}.beautifier-style{border-top:0;border-top-left-radius:0;border-top-right-radius:0;grid-area:style}.beautifier-chooser:has(~.beautifier-style:not([hidden])){border-bottom-right-radius:0;border-bottom-left-radius:0}.beautifier-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.beautifier-panel h2{margin-bottom:16px;font-size:24px}.beautifier-panel fieldset{border:0;min-width:0;margin:0;padding:0}.beautifier-choose-row{flex-wrap:wrap;gap:12px;display:flex}.beautifier-pill{cursor:pointer}.beautifier-pill.beautifier-pill-outline{color:var(--silver-violet-text);background:#fff;border-color:#858ba3}#beautifier-file:focus-visible+.beautifier-pill{outline:3px solid var(--silver-ink);outline-offset:5px}#beautifier-file:disabled+.beautifier-pill{opacity:.65;cursor:not-allowed}.beautifier-source{overflow-wrap:anywhere;margin-top:12px;font-size:14px;font-weight:650}.beautifier-field{align-content:start;gap:8px;margin-top:16px;font-size:14px;font-weight:650;display:grid}.beautifier-field input,.beautifier-field select{font:inherit;width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--silver-ink);background:#fff;border:1px solid #858ba3;border-radius:5px;padding:8px}.beautifier-colors{margin-top:16px;font-size:14px}.beautifier-colors .color-controls{width:100%}.beautifier-quiet{min-height:44px;color:var(--silver-violet-text);font:inherit;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;padding:8px 16px;font-size:14px}.beautifier-help{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:12px;font-size:14px}.beautifier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.beautifier-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.beautifier-actions{border-top:1px solid var(--silver-line);margin-top:24px;padding-top:24px}.beautifier-error{color:var(--silver-error);overflow-wrap:anywhere;margin-top:12px;font-size:14px}.beautifier-preview-frame{border:1px solid var(--silver-line);background-color:#f8f8fc;background-image:conic-gradient(#e6e7ef 25%, transparent 0 50%, #e6e7ef 0 75%, transparent 0);background-size:20px 20px;border-radius:8px;place-items:center;height:480px;display:grid;overflow:hidden}.beautifier-preview-frame img{object-fit:contain;width:100%;height:100%}.beautifier-preview-frame p{text-align:center;background:var(--silver-panel);color:var(--silver-muted);padding:20px}.beautifier-download-row{min-height:44px;margin-top:16px}.beautifier-guidance{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.beautifier-guidance li{color:var(--silver-muted);margin-top:8px;font-size:15px}.beautifier-guidance ol,.beautifier-guidance ul{padding-left:20px}.beautifier-info{margin-top:32px}.beautifier-info h2{margin-bottom:20px}.beautifier-info details{border:1px solid var(--silver-line);border-radius:5px;margin-top:12px;padding:4px 16px}.beautifier-info summary{cursor:pointer;align-content:center;min-height:44px;font-weight:650}.beautifier-info details p{color:var(--silver-muted);padding-bottom:16px;font-size:15px}.beautifier-body [hidden]{display:none}@media (width<=900px){.beautifier-workspace{grid-template:"chooser""result""style"/minmax(0,1fr);row-gap:16px}.beautifier-guidance{grid-template-columns:1fr}.beautifier-style,.beautifier-chooser:has(~.beautifier-style:not([hidden])){border:1px solid var(--silver-line);border-radius:8px}.beautifier-style :is(input,select,button){scroll-margin-top:calc(min(30vh,320px) + 220px)}.beautifier-result{z-index:1;padding:12px;top:0;box-shadow:0 8px 16px -12px #1b1d3359}.beautifier-result h2{display:none}.beautifier-preview-frame{height:min(30vh,320px)}.beautifier-result .beautifier-help,.beautifier-result .beautifier-error{margin-top:8px;font-size:13px}.beautifier-download-row{margin-top:8px}}@media (width<=700px){.beautifier-panel{padding:20px}.beautifier-result{padding:12px}.beautifier-hero h1{font-size:clamp(35px,8.8vw,58px)}.beautifier-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}