:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#10131b;background:#fff;font-synthesis:none;--accent:#ed382c;--accent-soft:#fff3f1;--muted:#697182;--border:#dde1e7}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent;outline-offset:4px}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ee6d62}a{color:inherit}svg{flex-shrink:0}button:disabled{cursor:not-allowed}.site-header{height:68px;background:#fff}.header-inner{max-width:1344px;padding:0 12px;margin:auto;display:flex;height:100%;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.65px}.brand-mark{display:grid;place-items:center;color:#fff;background:var(--accent);width:39px;height:28px;border-radius:7px}.help-button{font-size:14px;background:none;padding:10px 0;color:#202530}.help-button:hover{color:var(--accent)}.page-shell{max-width:1344px;margin:auto;padding:0 0 18px}.intro{text-align:center;padding:31px 12px 39px}.intro h1{font-size:46px;line-height:1.2;letter-spacing:-2.1px;font-weight:800;margin:0 0 12px}.intro h1 span{color:var(--accent)}.intro p{font-size:21px;letter-spacing:-.55px;color:#596171;margin:0;line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:12px;align-items:stretch}.creator-panel,.prompt-panel{border:1px solid var(--border);border-radius:14px;padding:22px}.creator-panel{min-width:0;background:#fff}.creator-panel h2,.panel-heading h2{font-size:24px;letter-spacing:-.9px;font-weight:700;line-height:1.3;margin:0}.section-label{font-size:12px;letter-spacing:.7px;color:#798191;font-weight:600;margin:17px 0}.field{margin-bottom:20px;min-width:0}.field-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;line-height:1.35}.field-label label{font-weight:500}.optional{color:#596171;font-weight:400}.required-mark{display:none}input:not([type=radio]),textarea,select{display:block;width:100%;border:1px solid #d6dbe3;background:#fff;color:#1b202b;border-radius:8px;padding:10px 13px;font-size:13px;line-height:1.5;transition:border-color .15s,box-shadow .15s}input:not([type=radio]),select{min-height:40px}input::placeholder,textarea::placeholder{color:#8991a1;opacity:1}input:hover,textarea:hover,select:hover{border-color:#b9bfca}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:84px}select{padding-right:28px}select option{color:#202530}input[aria-invalid=true]{border-color:#bd3026}.field-error{display:block;margin-top:7px;color:#bd3026;font-size:12px}.field-hint{color:#818a9a;font-size:12px;line-height:1.5;margin:5px 0 0}.text-hint{margin-top:-15px}.look-section{border-top:1px solid var(--border);margin-top:23px;padding-top:2px}.style-picker{padding:0;border:0;margin:0 0 20px;min-width:0}.style-picker legend{font-size:14px;font-weight:500;margin-bottom:8px}.style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.style-option{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d6dbe3;border-radius:8px;min-height:48px;padding:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.style-option input{position:absolute;width:1px;height:1px;opacity:0}.style-option:has(input:focus-visible){outline:3px solid #ee6d62;outline-offset:3px}.style-option:hover{background:#fafafa;border-color:#b9bfca}.style-option.selected{background:var(--accent-soft);border-color:var(--accent);color:#d92c20}.look-fields{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr) minmax(0,1fr);gap:16px}.look-fields .field{margin-bottom:0}.look-fields .field-hint{margin-top:4px}.fine-tune{margin-top:23px;border:1px solid var(--border);border-radius:8px;background:#f6f7f9}.fine-tune summary{display:flex;align-items:center;gap:11px;list-style:none;padding:14px;font-size:13px;font-weight:500;cursor:pointer}.fine-tune summary::-webkit-details-marker{display:none}.fine-tune summary>span{margin-left:auto;font-size:12px;color:var(--muted);font-weight:400}.fine-tune[open] summary>svg{transform:rotate(90deg)}.fine-tune-content{padding:5px 15px 0}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;align-items:center;gap:12px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-size:13px;font-weight:600;min-height:44px;padding:10px 16px;line-height:1.4;transition:background .15s,transform .15s,box-shadow .15s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.primary{background:var(--accent);color:#fff;box-shadow:0 2px 3px #a6251612}.primary:hover{background:#d62d21;box-shadow:0 4px 12px #d62d2125}.form-actions .primary{flex:1}.secondary{border:1px solid #d6dbe3;background:#fff;color:#596171}.secondary:hover:not(:disabled){background:#f6f7f9}.reset-button{background:none;color:#596171;padding:10px 3px 10px 12px}.reset-button:hover{color:var(--accent)}.prompt-panel{background:#f2f4f7;display:flex;flex-direction:column;min-width:0;scroll-margin-top:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.aspect{display:flex;align-items:center;gap:10px;font-size:13px;color:#697182}.empty-state{flex:1;min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 20px;color:#939aa6}.empty-state h3{font-size:16px;color:#707887;letter-spacing:-.3px;line-height:1.5;margin:24px 0 12px;font-weight:600}.empty-state p{font-size:14px;line-height:1.6;max-width:390px;margin:0;color:#838b9b;letter-spacing:-.2px}.output-actions{border-top:1px solid #dce0e6;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:17px;margin-top:20px}.output-actions .button{min-height:47px}.output-actions button:disabled{border-color:transparent;background:#e6e9ee;color:#929aa8}.result-content{display:flex;flex-direction:column;flex:1;min-height:480px;padding-top:18px}.output-label{font-size:12px;color:#697182;line-height:1.6;margin-bottom:12px}.result-content textarea{flex:1;min-height:440px;resize:vertical;background:#fff;border-color:#dce0e6;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;padding:15px}.stale-note{font-size:12px;background:#fff3db;border:1px solid #ead1a1;color:#76561f;border-radius:7px;padding:9px 12px;margin:0 0 12px}.status-row{min-height:27px;display:flex;align-items:center;justify-content:space-between;gap:12px}.live-status,.save-warning{font-size:12px;color:#667082;margin:5px 0}.live-status:not(:empty){color:#38694b}footer{border-top:1px solid var(--border);padding-top:14px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#818a9a}.site-footer-link{text-decoration:underline;font-weight:500}.site-footer-link:hover,.site-footer-link:focus-visible{color:var(--accent)}.skip-link{position:fixed;top:-100px;left:15px;padding:12px;background:#fff;z-index:10}.skip-link:focus{top:10px}dialog{border:1px solid var(--border);padding:0;border-radius:16px;width:min(520px,calc(100% - 32px));color:#202530;box-shadow:0 20px 80px #10131b24}dialog::backdrop{background:#171c2c66;backdrop-filter:blur(4px)}.help-content{padding:30px}.help-content h2{font-size:25px;letter-spacing:-.8px;margin:0}.help-content ol{padding-left:22px;margin:24px 0}.help-content li,.help-content p{font-size:14px;line-height:1.7;color:#596171}.help-content li+li{margin-top:10px}.help-content .button{margin-top:14px}.about-heading{font-size:17px;font-weight:700;margin:18px 0 6px}.about-heading+p{margin-top:0}@media(max-width:1400px){.page-shell{margin:0 32px}.header-inner{padding:0 44px}.intro h1{font-size:42px}.form-actions{gap:8px}.button{padding:10px 13px}.look-fields{gap:12px;grid-template-columns:1.7fr 1fr 1fr}}@media(max-width:1050px){.page-shell{margin:0 22px}.header-inner{padding:0 24px}.intro h1{font-size:36px}.intro p{font-size:18px}.workspace{grid-template-columns:1.25fr 1fr}.creator-panel,.prompt-panel{padding:20px}.look-fields{grid-template-columns:1fr 1fr}.look-fields>div:first-child{grid-column:1/-1;margin-bottom:8px}.style-option{font-size:11px;gap:5px;padding:7px 4px}.style-option svg{width:15px}.form-actions{flex-wrap:wrap}.form-actions .primary{flex-basis:100%}.example-button{flex:1}.reset-button{padding-left:15px;padding-right:15px}}@media(max-width:800px){.workspace{grid-template-columns:1fr;gap:20px}.intro{padding:30px 0}.intro h1{font-size:36px;letter-spacing:-1.5px}.intro h1 span{display:block}.intro p{font-size:16px;max-width:400px;margin:auto}.site-header{height:64px}.wordmark{font-size:18px}.brand-mark{width:32px;height:25px}.help-button{font-size:12px}.page-shell{margin:0 18px}.header-inner{padding:0 20px}.creator-panel h2,.panel-heading h2{font-size:22px}.prompt-panel{min-height:400px}.empty-state{min-height:280px}.form-actions .primary{flex-basis:auto}.form-actions{flex-wrap:nowrap}.example-button{flex:0}.status-row{min-height:34px}footer{font-size:10px;padding-bottom:8px;flex-wrap:wrap}.result-content textarea{min-height:470px}}@media(max-width:480px){.creator-panel,.prompt-panel{padding:18px}.intro h1{font-size:31px;letter-spacing:-1.35px}.intro p{font-size:14px}.wordmark{font-size:17px;gap:8px}.style-options{gap:6px}.style-option{flex-direction:column;font-size:10px;gap:6px;min-height:64px}.style-option svg{width:18px}.form-actions{flex-wrap:wrap;gap:10px}.form-actions .primary{flex-basis:100%;min-height:47px}.example-button{flex:1}.reset-button{padding-right:12px}.advanced-grid{grid-template-columns:1fr;gap:0}.look-fields{gap:12px}.fine-tune summary{padding:13px 10px;gap:6px;font-size:12px}.fine-tune summary>span{font-size:11px}.empty-state{padding:30px 5px}.output-actions .button{font-size:12px;padding:10px}.help-content{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media(min-width:1051px){.intro{padding-bottom:28px}.section-label{margin:15px 0}.field{margin-bottom:18px}input:not([type=radio]),select{padding-top:9px;padding-bottom:9px}.fine-tune{margin-top:20px}.form-actions{margin-top:23px}}