.q1itGW_page{--ink:#20242b;--paper:#f2eee5;--blue:#4464ff;background:var(--paper);color:var(--ink)}.q1itGW_hero{grid-template-columns:minmax(0,1fr) 230px;align-items:end;gap:6rem;max-width:1180px;margin:auto;padding:clamp(5rem,10vw,9rem) 1.5rem 7rem;display:grid}.q1itGW_hero span,.q1itGW_editor header span,.q1itGW_output aside span,.q1itGW_guide header span,.q1itGW_faq>span{font:700 .7rem var(--font-mono);letter-spacing:.12em;color:var(--blue)}.q1itGW_hero h1{max-width:900px;font:500 clamp(3.4rem,7vw,6.8rem)/.92 var(--font-display);letter-spacing:-.06em;margin:1.3rem 0}.q1itGW_hero h1 em{color:var(--coral-500);font-style:normal}.q1itGW_hero p{max-width:760px;color:var(--ink-600);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.q1itGW_hero ul{flex-wrap:wrap;gap:1rem 1.5rem;margin:2rem 0 0;padding:0;font-size:.82rem;font-weight:800;list-style:none;display:flex}.q1itGW_hero li:before{color:var(--blue);content:"—";margin-right:.45rem}.q1itGW_hero aside{border-left:4px solid var(--blue);box-shadow:var(--shadow-lg);background:#fff;gap:.65rem;padding:1.4rem;display:grid;transform:rotate(-2deg)}.q1itGW_hero aside b{font:700 .75rem var(--font-mono)}.q1itGW_hero aside i{background:var(--ink-100);height:5px}.q1itGW_editor{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);max-width:1240px;margin:0 auto 8rem;padding:0 1.5rem;display:grid}.q1itGW_editor form,.q1itGW_output{border:1px solid var(--ink-300);background:#fff;min-width:0;padding:clamp(1.4rem,3vw,2.5rem)}.q1itGW_output{background:#e7e1d5;border-left:0}.q1itGW_editor form>header,.q1itGW_output>header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.6rem;display:flex}.q1itGW_editor h2,.q1itGW_output h2{font:600 clamp(1.7rem,3vw,2.3rem)/1.05 var(--font-display);margin:.45rem 0 0}.q1itGW_editor header button{border:1px solid var(--blue);color:var(--blue);cursor:pointer;background:#fff;padding:.65rem .8rem;font-weight:800}.q1itGW_two{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.q1itGW_editor label{gap:.45rem;margin-bottom:1rem;display:grid}.q1itGW_editor label span{font-size:.8rem;font-weight:800}.q1itGW_editor label i{color:var(--ink-500);font-style:normal;font-weight:500}.q1itGW_editor input,.q1itGW_editor textarea,.q1itGW_editor select{border:1px solid var(--ink-300);font:inherit;resize:vertical;background:#fff;padding:.85rem}.q1itGW_editor input:focus,.q1itGW_editor textarea:focus,.q1itGW_editor select:focus{border-color:var(--blue);outline:3px solid #4464ff2c}.q1itGW_generate{background:var(--blue);color:#fff;cursor:pointer;border:0;justify-content:space-between;width:100%;padding:1rem;font-weight:900;display:flex}.q1itGW_editor form>small{color:var(--ink-500);text-align:center;margin-top:.7rem;display:block}.q1itGW_error{background:var(--danger-50);color:var(--danger-700);padding:.7rem}.q1itGW_output>header button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:800}.q1itGW_empty{place-items:center;min-height:510px;display:grid}.q1itGW_empty b{font:600 2rem var(--font-display)}.q1itGW_empty i{background:var(--blue);width:2px;height:45px}.q1itGW_empty p{color:var(--ink-500)}.q1itGW_output pre{min-height:430px;color:var(--ink);font:500 1rem/1.75 var(--font-sans);white-space:pre-wrap;background:#fff;border:1px solid #cfc6b7;margin:0;padding:2rem;box-shadow:8px 9px #d7cfc0}.q1itGW_output>footer{color:var(--ink-500);justify-content:space-between;gap:1rem;margin:1.2rem 0;font-size:.72rem;display:flex}.q1itGW_output aside{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.3rem;display:flex}.q1itGW_output aside h3{font:600 1.25rem var(--font-display);margin:.4rem 0 0}.q1itGW_output aside p{color:var(--ink-300);margin:.35rem 0 0;font-size:.75rem}.q1itGW_output aside a{background:var(--coral-500);color:#fff;flex:none;padding:.8rem 1rem;font-weight:800;text-decoration:none}.q1itGW_guide,.q1itGW_faq{max-width:1180px;margin:auto;padding:0 1.5rem 8rem}.q1itGW_guide header{border-bottom:1px solid var(--ink-300);grid-template-columns:190px 1fr;gap:2rem;padding-bottom:2rem;display:grid}.q1itGW_guide h2,.q1itGW_faq h2{font:500 clamp(2.4rem,5vw,4.6rem)/1 var(--font-display);letter-spacing:-.045em;margin:0}.q1itGW_guide>div{grid-template-columns:repeat(3,1fr);display:grid}.q1itGW_guide article{border-bottom:1px solid var(--ink-300);padding:2rem}.q1itGW_guide article+article{border-left:1px solid var(--ink-300)}.q1itGW_guide article b{color:var(--blue);font-family:var(--font-mono)}.q1itGW_guide article h3{margin:2rem 0 .7rem}.q1itGW_guide article p,.q1itGW_faq details p{color:var(--ink-600);line-height:1.65}.q1itGW_faq h2{margin:.6rem 0 2rem}.q1itGW_faq details{border-top:1px solid var(--ink-300);padding:1.2rem 0}.q1itGW_faq details:last-child{border-bottom:1px solid var(--ink-300)}.q1itGW_faq summary{cursor:pointer;font-weight:800}.q1itGW_faq details p{max-width:800px}@media (max-width:850px){.q1itGW_hero,.q1itGW_editor{grid-template-columns:1fr}.q1itGW_hero aside{display:none}.q1itGW_output{border-top:0;border-left:1px solid var(--ink-300)}.q1itGW_guide header,.q1itGW_guide>div{grid-template-columns:1fr}.q1itGW_guide article+article{border-left:0}.q1itGW_output aside{flex-direction:column;align-items:stretch}.q1itGW_output aside a{text-align:center}}@media (max-width:560px){.q1itGW_hero{padding:4rem 1.1rem 5rem}.q1itGW_hero h1{font-size:clamp(3.1rem,16vw,4.5rem)}.q1itGW_hero ul{flex-direction:column;align-items:flex-start}.q1itGW_editor{padding:0 .75rem}.q1itGW_editor form,.q1itGW_output{padding:1.2rem}.q1itGW_editor form>header{flex-direction:column;align-items:flex-start}.q1itGW_two{grid-template-columns:1fr}.q1itGW_output pre{padding:1.2rem}.q1itGW_output>footer{flex-direction:column}.q1itGW_guide,.q1itGW_faq{padding-inline:1.1rem}.q1itGW_guide article{padding-inline:0}}