:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#262b2a;background:#f2efe8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit;border:1px solid #d3d6cd;background:#ffffffdc;color:#26342d;min-height:46px;padding:10px 17px;border-radius:11px;cursor:pointer;touch-action:manipulation}button:hover{background:#edf1e8}button:focus-visible{outline:3px solid #d5a863;outline-offset:3px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}canvas{display:block;width:100vw;height:100dvh;touch-action:none}header{position:fixed;left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:19px;letter-spacing:5px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:5px}.top-actions{display:flex;align-items:center;gap:14px;pointer-events:auto}#offline{font-size:12px;background:#ffffffe0;border:1px solid #deded2;border-radius:30px;padding:9px 13px}#offline.ready{color:#31583d;background:#edf7e9}#help{border-radius:50%;width:44px;padding:0;font-size:18px}#empty{position:absolute;left:9vw;top:27vh}h1{font-size:clamp(36px,5vw,64px);line-height:1.04;font-weight:450;letter-spacing:-2.8px;margin:20px 0}p{line-height:1.6;color:#687069}.eyebrow{font-size:10px;letter-spacing:2px;color:#788071}.primary{background:#344739;color:white;border:0;min-width:240px;text-align:left;margin:20px 0}.primary span{float:right}.primary:hover{background:#45624b}#empty small{display:block;font-size:11px;color:#788071}#views{position:fixed;top:112px;left:28px;width:224px;padding:22px;background:#f9f8f1ec;border:1px solid #fff8;border-radius:18px;box-shadow:0 12px 45px #212f2410}#views h1{font-size:22px;letter-spacing:-.7px;margin:10px 0 21px}#view-buttons{display:grid;gap:9px}#view-buttons button{display:flex;gap:12px;align-items:center;text-align:left;background:transparent;border-color:#dedfd3;font-size:13px}#view-buttons button span{font-size:10px;color:#949c8e}#view-buttons button.selected{background:#374b3d;color:#fff;border-color:#374b3d}#view-buttons button.selected span{color:#b9c7b6}#view-caption{font-size:11px;margin:17px 0 0;line-height:1.6}footer{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:24px;right:24px;display:flex;align-items:center;gap:16px;background:#f9f8f1eb;border:1px solid #fff9;box-shadow:0 12px 45px #212f2417;border-radius:18px;padding:9px 12px;backdrop-filter:blur(16px)}.mode{display:flex;padding:4px;background:#e8e9df;border-radius:12px;gap:4px}.mode button{border:0;background:transparent;min-height:38px;padding:8px 18px;font-size:13px}.mode .active{background:#344739;color:white;box-shadow:0 2px 8px #0001}#hint{font-size:11px;color:#747c72;flex:1}.file-actions{display:flex;gap:7px}.file-actions button{font-size:12px;min-height:42px}#save{background:#dfe8d9;border-color:#d1deca}#message{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#293b30;color:white;max-width:min(600px,90vw);padding:14px 23px;border-radius:12px;box-shadow:0 4px 20px #0002;font-size:13px;z-index:6}#walk-controls{position:fixed;bottom:125px;left:35px;display:flex;align-items:center;gap:20px;user-select:none;touch-action:none}#stick{width:112px;height:112px;border-radius:50%;border:1px solid #8a988780;background:#f4f5ebbd;position:relative;touch-action:none}#stick-knob{position:absolute;left:36px;top:36px;width:40px;height:40px;border-radius:50%;background:#3b5143aa;pointer-events:none}.arrows{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.arrows button{padding:0;background:#f5f6e9d9;min-height:42px}.arrows button:first-child{grid-column:2}.arrows button:nth-child(2){grid-column:1}.walk-hint{font-size:11px;color:#526253;background:#f5f6ebce;padding:7px;border-radius:8px}dialog{border:1px solid #dddfd4;border-radius:22px;max-width:570px;width:calc(100% - 32px);padding:38px;max-height:90dvh;color:#293b30;background:#f9f8f1;box-shadow:0 24px 100px #0004}dialog::backdrop{background:#182c2360;backdrop-filter:blur(5px)}dialog h2{font-size:36px;font-weight:450;letter-spacing:-1.5px;margin:15px 0 22px}dialog li{padding-left:5px;margin:11px 0;font-size:14px;line-height:1.5}dialog p{font-size:12px}dialog .note{font-size:11px;border-top:1px solid #dadfd0;padding-top:12px}.close{float:right;border:0;background:transparent;font-size:26px;padding:0;width:40px}
@media(max-width:1000px){#hint{display:none}footer{justify-content:space-between}.brand small{display:none}#views{width:190px;padding:16px}.walk-hint{display:none}}@media(max-width:650px){header{left:16px;right:16px;top:18px}.brand strong{font-size:15px;letter-spacing:3px}#offline{font-size:10px;padding:8px}#views{top:82px;left:16px;width:170px;padding:12px}#views h1{font-size:18px;margin-bottom:13px}#view-buttons button{font-size:12px;padding:8px}#view-caption{display:none}footer{left:10px;right:10px;bottom:12px;flex-wrap:wrap;gap:7px;padding:7px}.mode{flex:1}.mode button{flex:1}.file-actions{width:100%;justify-content:space-between}.file-actions button{padding:8px 12px;font-size:11px}#walk-controls{left:18px;bottom:150px}.arrows{display:none}#message{bottom:150px}#empty{left:7vw}#empty h1{font-size:43px}dialog{padding:26px}}

#plan-controls{position:fixed;top:112px;right:28px;width:260px;padding:22px;background:#f9f8f1ed;border:1px solid #fff8;border-radius:18px;box-shadow:0 12px 45px #212f2410}#plan-controls h2{font-size:23px;font-weight:450;letter-spacing:-.6px;margin:10px 0 22px}#plan-controls label{display:block;font-size:13px;margin-bottom:9px}#plan-controls label span{color:#788071}#plan-number{width:100%;padding:11px 13px;border:1px solid #cbd3c6;border-radius:10px;background:#fff;color:#293b30;font:24px system-ui}#plan-height{width:100%;height:44px;accent-color:#374b3d;touch-action:pan-y}#plan-info{font-size:12px;line-height:1.6}#plan-image{width:100%;background:#374b3d;color:white}@media(max-width:650px){#plan-controls{top:80px;right:16px;width:210px;padding:16px}}@media(max-height:600px){#plan-controls{top:80px;max-height:calc(100dvh - 200px);overflow:auto}}

.brand{gap:12px;background:#f9f8f1ed;border-radius:16px;padding:9px 15px 9px 9px}.brand-logo{display:block;flex-shrink:0;width:54px;height:54px;border-radius:50%;clip-path:circle(50%);object-fit:cover}.brand strong{display:block;font-size:21px;letter-spacing:-.35px;line-height:1.2;font-weight:600}.brand small{display:block;font-size:12px;letter-spacing:.4px;margin-top:5px;color:#617067}@media(max-width:650px){header{align-items:flex-start;gap:8px}.brand{padding:7px 10px 7px 7px;gap:8px;max-width:calc(100% - 52px)}.brand-logo{width:42px;height:42px}.brand strong{font-size:16px;letter-spacing:-.3px}.brand small{display:block;font-size:11px;letter-spacing:.2px}.top-actions{display:contents}#help{margin-left:auto}#offline{position:absolute;top:77px;right:0}#views{top:137px}#plan-controls{top:137px}} 

#views{max-height:calc(100dvh - 225px);overflow-y:auto}.view-row{display:flex;gap:4px}.view-row>[data-view-index]{flex:1;min-width:0}#view-buttons .remove-view{flex:0 0 28px;justify-content:center;padding:0;font-size:19px;border:0}.save-view{border-top:1px solid #d9ddd1;margin-top:17px;padding-top:15px;display:grid;gap:8px}.save-view label{font-size:12px}.save-view input{min-width:0;width:100%;font:12px system-ui;padding:10px;border:1px solid #d3d6cd;border-radius:9px}.save-view button{font-size:12px;background:#dfe8d9}@media(max-width:650px){#views{max-height:calc(100dvh - 285px)}}