*{box-sizing:border-box}body{margin:0;background:#F5EDDF;color:#24231C;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header{padding:26px 4vw;display:flex;align-items:center;gap:25px;border-bottom:1px solid #24231c25;max-width:1400px;margin:auto}.brand{font-size:29px;font-weight:850;letter-spacing:-.04em}header>span{font-size:15px;border-left:1px solid #24231c25;padding-left:25px}header>a:last-child{font-size:12px;font-weight:650;margin-left:auto;border:1px solid #24231c;padding:11px 17px;border-radius:7px}main{max-width:1400px;margin:auto;padding:0 4vw}.intro{padding:52px 0 37px}.intro h1{font-size:48px;letter-spacing:-.04em;line-height:1.2;margin:0 0 17px}.intro p{font-size:17px;line-height:1.8;color:#625D53;max-width:780px;margin:0 0 13px}.intro small{font-size:11px;color:#81786A}.example-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:36px;align-items:start}.example-layout figure{margin:0;border:1px solid #24231c30;border-radius:13px;overflow:hidden;background:#FFFCF4}.example-layout img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}.example-layout figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #24231c20;padding:17px 21px;font-size:12px}.example-layout figcaption span{font:11px ui-monospace,monospace;color:#81786A}.example-layout aside{padding:25px;background:#FFFCF4;border-radius:12px}.example-layout h2{font-size:20px;margin:0 0 12px}.example-layout h2:not(:first-child){margin-top:30px}.example-layout p,.example-layout li{font-size:14px;line-height:1.8;color:#625D53}.example-layout ol{padding-left:20px;margin:0}.example-layout p.scope{padding-top:20px;border-top:1px solid #24231c20;margin-top:22px;font-size:12px}.extra,.source-note{margin-top:45px;padding:30px;border:1px solid #24231c20;border-radius:12px;background:#FFFCF4}.extra h2,.source-note h2{font-size:24px;margin:0 0 20px}.extra img{display:block;width:min(470px,100%);height:auto;border-radius:10px}.extra p,.source-note p{font-size:14px;color:#625D53;line-height:1.8;max-width:850px}.extra a{font-size:13px}.workbench{margin-top:55px;border-top:1px solid #24231c25;padding-top:35px}.workbench h2,.boundaries h2{font-size:28px;margin:0 0 16px}.workbench p,.boundaries p{font-size:14px;line-height:1.9;color:#625D53;max-width:1000px}.workbench label{display:block;font-size:12px;font-weight:650;margin:22px 0 9px}.workbench textarea{display:block;width:100%;height:260px;border:1px solid #24231c25;border-radius:8px;background:#FFFCF4;color:#24231C;padding:18px;font:12px/1.8 ui-monospace,monospace;resize:vertical}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}button{background:#24231C;color:#FFFCF4;border:1px solid #24231C;border-radius:7px;font:13px inherit;padding:11px 18px;cursor:pointer}button:not(:first-child){background:transparent;color:#24231C}#promptStatus{font-size:12px;min-height:20px}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #E66B2D;outline-offset:4px}.boundaries{margin:40px 0 45px;border-top:1px solid #24231c25;padding-top:30px}footer{display:flex;gap:25px;align-items:center;flex-wrap:wrap;max-width:1400px;margin:auto;padding:25px 4vw;border-top:1px solid #24231c25;font-size:12px}footer span{margin-left:auto;color:#81786A}@media(max-width:900px){.example-layout{grid-template-columns:1fr}.example-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.example-layout aside h2{margin:0!important}.example-layout aside p,.example-layout aside ol{margin:0}.example-layout p.scope{grid-column:1/-1;margin-top:15px}}@media(max-width:560px){header{padding:20px;gap:14px;flex-wrap:wrap}.brand{font-size:25px}header>span{font-size:13px;padding-left:14px}header>a:last-child{font-size:11px;padding:9px 13px;margin-left:0}main{padding:0 20px}.intro{padding:35px 0 25px}.intro h1{font-size:36px}.intro p{font-size:15px}.example-layout{gap:20px}.example-layout aside{display:block;padding:22px}.example-layout aside h2{margin:24px 0 10px!important}.example-layout aside h2:first-child{margin-top:0!important}.example-layout figcaption{padding:14px;font-size:11px}.workbench h2{font-size:25px}.buttons{gap:8px}button{font-size:12px;padding:10px 12px}.workbench textarea{font-size:11px;padding:14px}.extra,.source-note{padding:22px}.extra h2,.source-note h2{font-size:22px}footer{padding:22px 20px}footer span{margin-left:0}}
button{font-family:inherit;font-size:13px}