*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#222;background:#f4f3ef;margin:0;font-family:Georgia,serif}main{max-width:1104px;margin:auto;padding:0 24px}nav{justify-content:space-between;align-items:center;padding:48px 0;display:flex}h1{letter-spacing:-1px;margin:0;font:600 24px ui-monospace,monospace}a{color:inherit;text-underline-offset:4px}.editor{border:1px solid #d8d7d0;box-shadow:0 16px 48px #0002}header{background:#eee;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}header label{color:#666;flex:1;min-width:0;font:12px ui-monospace,monospace}header input{color:#222;background:0 0;border:0;border-radius:0;width:100%;padding:12px 0;font:20px Georgia,serif}button{cursor:pointer;color:inherit;background:0 0;border:1px solid #aaa;border-radius:4px;min-height:44px;padding:12px 16px;font:14px ui-monospace,monospace}button:disabled{opacity:.4;cursor:default}.transport{gap:8px;display:flex}textarea{resize:vertical;color:#e7c547;tab-size:2;background:#222;border:0;border-radius:0;width:100%;min-height:360px;padding:32px;font:17px/2 ui-monospace,monospace;display:block}.editor-footer{color:#eee;background:#222;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;font:12px ui-monospace,monospace;display:flex}.editor-footer button{font-size:12px}.hint{color:#666;margin:24px 0 48px;font-size:14px}.guide{max-width:760px;padding-bottom:32px;line-height:1.7}h2{font-size:32px;font-weight:400}dl div{margin:24px 0}dt{font-weight:700}dd{margin:4px 0}footer{color:#666;padding:32px 0 48px;font-size:13px;line-height:1.7}.error{color:#9b252b;border:1px solid;padding:16px;line-height:1.6}:focus-visible{outline-offset:4px;outline:3px solid #517aaf}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:600px){nav{gap:16px;padding:32px 0}h1{font-size:20px}header{flex-wrap:wrap;gap:8px;padding:16px}textarea{padding:20px;font-size:15px}header label{flex-basis:100%}.editor-footer{flex-wrap:wrap;padding:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
