@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color:#273d34;font-synthesis:none;background:#f6f7f2;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:#344d3e;background:#fff;border:1px solid #d8dfd5;border-radius:6px;padding:9px 17px;font-size:12px;font-weight:500;transition:background .15s}button:hover{background:#edf1e8}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #98b37e}.masthead{border-bottom:1px solid #e1e6db;justify-content:space-between;align-items:center;height:83px;padding:0 6%;display:flex}.brand{color:inherit;letter-spacing:-.6px;align-items:center;gap:13px;font-size:18px;text-decoration:none;display:flex}.brand b{font-weight:400}.mark{color:#e8f1d8;background:#315b43;border-radius:11px 11px 11px 2px;place-items:center;width:34px;height:34px;font:700 25px Georgia;display:grid}main{max-width:1080px;margin:0 auto;padding:48px 40px 25px}.eyebrow{letter-spacing:2px;color:#7c916f;font:10px IBM Plex Mono,monospace}h1{letter-spacing:2px;margin:14px 0 10px;font-size:30px;font-weight:500}.intro p{color:#829084;letter-spacing:.4px;margin:0 0 34px;font-size:12px}.workspace,.test-workspace{background:#fff;border:1px solid #dce3d7;border-radius:9px;overflow:hidden;box-shadow:0 4px 18px #334a3310}.editor-heading{justify-content:space-between;align-items:center;gap:15px;min-height:64px;padding:13px 22px;display:flex}.editor-heading>div:first-child{align-items:center;gap:13px;display:flex}.index{color:#91a386;border:1px solid #e1e8dc;border-radius:3px;padding:3px 5px;font:11px IBM Plex Mono,monospace}label{font-size:13px;font-weight:500}.sub{color:#9ba694;letter-spacing:1px;margin-left:8px;font:9px IBM Plex Mono,monospace}.files{gap:8px;display:flex}.files button{color:#687b67;background:0 0;border-color:#0000;padding:7px 10px}.files button:hover{background:#eef2e9}.source-wrap{background:#182c25;border-top:1px solid #1d3229;padding:21px 25px 12px}textarea{resize:vertical;tab-size:4;border:0;border-radius:0;width:100%;font:13px/1.8 IBM Plex Mono,monospace;display:block}#source{color:#cde0b9;caret-color:#d8eca8;background:#182c25;outline:none;height:355px;min-height:240px}#source:focus{padding-left:10px;box-shadow:inset 2px 0 #809e62}.transport{background:#fbfcf8;justify-content:space-between;align-items:center;padding:15px 22px;display:flex}.transport-buttons{gap:8px;display:flex}.transport button{min-width:95px}.transport button span{margin-left:8px}.transport .primary{color:#fff;background:#426447;border-color:#426447}.transport .primary:hover{background:#31523a}.transport>span{color:#8d9987;font-size:10px}.test-workspace{box-shadow:none;margin-top:22px}.test-workspace .editor-heading{min-height:59px}.test-workspace button{padding:7px 13px;font-size:11px}#test{color:#506547;background:#f0f3eb;border-top:1px solid #e5eadf;border-bottom:1px solid #e5eadf;outline:none;min-height:92px;padding:15px 24px}#test:focus{background:#eaf0e3}.test-hint{color:#879380;justify-content:space-between;padding:12px 23px;font-size:10px;display:flex}.test-hint span{color:#a0aa99}#status{color:#728469;align-items:center;gap:9px;min-height:20px;margin:19px 3px 0;font-size:11px;display:flex}.status-led{background:#8da778;border-radius:50%;flex-shrink:0;width:6px;height:6px}.error{color:#ac4e39!important}.error .status-led{background:#ac4e39}footer{color:#97a18f;border-top:1px solid #e0e6d9;justify-content:space-between;margin-top:32px;padding-top:20px;font-size:10px;display:flex}footer span:last-child{letter-spacing:1.7px;font:9px IBM Plex Mono,monospace}@media (width<=650px){.masthead{height:65px;padding:0 20px}.brand{font-size:15px}main{padding:30px 15px 20px}h1{font-size:24px}.intro p{font-size:11px}.sub{display:none}.editor-heading{gap:5px;padding:12px 13px}.editor-heading>div:first-child{gap:7px}.files{gap:0}.files button{padding:6px}#source{font-size:12px}.source-wrap{padding:18px 15px}.transport{padding:12px}.transport>span{font-size:8px}.transport button{min-width:75px;padding:8px}.test-hint{padding:10px 13px;font-size:9px;display:block}.test-hint span{margin-top:3px;display:block}}.source-wrap{border-top:1px solid #1d3229;padding:0}.mml-editor{--editor-pad:14px;--guide:#91ac8340;font:13px/24px IBM Plex Mono,monospace;display:flex;position:relative}.editor-dark{color:#cde0b9;background:#182c25}.editor-light{color:#506547;--guide:#50654730;background:#f0f3eb;border-top:1px solid #e5eadf;border-bottom:1px solid #e5eadf}.editor-gutter{box-sizing:content-box;color:#829084;-webkit-user-select:none;user-select:none;pointer-events:none;border-right:1px solid #82908430;flex:0 0 5ch;padding:0 8px;position:relative;overflow:hidden}.editor-number{line-height:inherit;text-align:right;font:inherit;position:absolute;right:8px}.editor-viewport{flex:1;min-width:0;position:relative}.mml-editor #source,.mml-editor #test{z-index:1;width:100%;padding:var(--editor-pad);box-shadow:none;font:inherit;line-height:inherit;tab-size:4;white-space:pre;overflow-wrap:normal;resize:vertical;background:0 0;border:0;outline:none;margin:0;position:relative;overflow:auto}.mml-editor #source{height:355px;min-height:240px}.mml-editor #test{height:112px;min-height:92px}.mml-editor:focus-within{box-shadow:inset 0 0 0 2px #809e6270}.editor-layer{pointer-events:none;-webkit-user-select:none;user-select:none;font:inherit;line-height:inherit;tab-size:4;color:#0000;position:absolute;inset:0;overflow:hidden}.editor-row{white-space:pre;font:inherit;line-height:inherit;min-height:1lh;position:absolute}.indent-guides{background:repeating-linear-gradient(to right,var(--guide) 0,var(--guide) 1px,transparent 1px,transparent 2ch);height:1lh;position:absolute;top:0;left:0}.editor-error{color:#0000;background:#ed765d60;border-bottom:2px solid #f1967c;border-radius:2px}.editor-light .editor-error{background:#e96f5945;border-bottom-color:#b84732}.error-line{background:#ed765d20;min-width:1ch}:root{--command-width:340px;--command-panel-transition-duration:.18s;--command-panel-transition-easing:ease}.command-drawer{z-index:40;width:var(--command-width);pointer-events:none;transition:transform var(--command-panel-transition-duration) var(--command-panel-transition-easing);position:fixed;inset:0 0 0 auto;transform:translate(100%)}.command-drawer.open{transform:translate(0)}.command-toggle{pointer-events:auto;z-index:40;color:#f3f7ef;background:#315b43;border-right:0;border-radius:7px 0 0 7px;width:32px;height:42px;padding:0;font:22px/1 Segoe UI Symbol,Apple Symbols,"Noto Sans Symbols 2",Arial Unicode MS,sans-serif;position:absolute;top:44%;right:100%;box-shadow:0 2px 8px #182c2520}.command-toggle:hover{background:#426447}.command-panel{pointer-events:auto;z-index:35;width:var(--command-width);overscroll-behavior:contain;background:#fbfcf8;border-left:1px solid #d8dfd5;padding:24px 20px 36px;position:absolute;inset:0;overflow-y:auto;box-shadow:-5px 0 20px #182c2515}.command-panel h2,.command-detail h2,.line-limit-dialog h2{margin:0 0 20px;font-size:16px;font-weight:500}.command-panel h3{letter-spacing:.1em;color:#7c916f;margin:24px 0 10px;font-size:12px}.command-panel ul{margin:0;padding:0;list-style:none}.command-panel li button{text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:12px;width:100%;padding:10px 8px;display:flex}.command-panel li button:hover{background:#eaf0e3}.command-panel code{color:#315b43;flex:none;width:7ch;font:13px IBM Plex Mono,monospace}.command-detail{right:calc(var(--command-width) + 14px);z-index:45;width:360px;max-width:calc(100vw - var(--command-width) - 32px);background:#fffef8;border:1px solid #d8dfd5;border-radius:10px;flex-direction:column;max-height:74dvh;position:fixed;top:16%;overflow:hidden;box-shadow:0 8px 28px #182c2525}.command-detail:not([hidden]){display:flex}.command-detail-header{border-bottom:1px solid #e5eadf;flex:none;align-items:center;gap:12px;padding:16px 14px 16px 24px;display:flex}.command-detail h2{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.command-detail-body{overscroll-behavior:contain;min-height:0;padding:20px 24px 24px;overflow-y:auto}@media (width>=751px) and (pointer:fine){.command-detail-header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.command-detail-header.dragging{cursor:grabbing}}.detail-close{background:0 0;border:0;flex:none;width:32px;height:32px;padding:0;font-size:23px}.command-explanation{white-space:pre-wrap;overflow-wrap:anywhere;color:#506547;margin:0;font:12px/1.85 IBM Plex Mono,Noto Sans JP,monospace}.line-limit-dialog{color:#344d3e;border:1px solid #d8dfd5;border-radius:10px;width:min(420px,90vw);margin:auto;padding:26px;box-shadow:0 12px 40px #182c2530}.line-limit-dialog::backdrop{background:#182c2540}.line-limit-dialog p{white-space:pre-line;font-size:13px;line-height:1.9}.line-limit-dialog button{float:right;margin-top:10px}@media (width<=750px){:root{--command-width:90vw}.command-detail{width:90vw;max-width:90vw;max-height:52dvh;top:auto;bottom:16px;right:5vw}.command-toggle{width:30px}.command-panel{padding:20px 18px}}@media (width<=650px){.mml-editor{--editor-pad:10px;font-size:12px;line-height:22px}.source-wrap{padding:0}.editor-gutter{padding:0 5px}.editor-number{right:5px}}@media (prefers-reduced-motion:reduce){.command-drawer{transition:none}}