@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700;750&family=DM+Mono:wght@400;500&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#302c27;background:#f8f5ef;font-synthesis:none;font-weight:400;--ink:#302c27;--muted:#8d867c;--orange:#f2643d;--line:#e4ded4;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible,.upload-button:focus-within{outline:3px solid #f2643d;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-size:10px;letter-spacing:1px}button{touch-action:manipulation}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button svg{width:19px;height:19px;flex-shrink:0}.site-header{height:86px;max-width:1380px;padding:0 48px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:750;letter-spacing:-1.2px;display:flex;align-items:center}.brand-icon{display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:#ffca54;border:2px solid var(--ink);border-radius:15px 15px 4px 4px;font-size:0;margin-right:12px;position:relative;transform:rotate(-8deg)}.brand-icon:after{content:"";position:absolute;height:3px;background:var(--ink);width:37px;bottom:3px;border-radius:2px}.brand-dot{color:var(--orange)}.header-right{display:flex;align-items:center;gap:10px;color:#7c756a}.status-dot{display:inline-block;width:6px;height:6px;background:#859165;border-radius:100%;flex-shrink:0}.version{border:1px solid var(--line);border-radius:4px;padding:5px 7px;font:10px var(--mono);margin-left:20px}.intro{max-width:1220px;margin:52px auto 35px;padding:0 20px;position:relative}.eyebrow{display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:1.5px;color:#8a8174}.little-line{width:20px;height:2px;background:var(--orange)}h1{font-size:clamp(38px,5.3vw,68px);letter-spacing:-3.7px;line-height:1.15;margin:17px 0 15px;font-weight:650;position:relative;width:fit-content}h1 span{color:var(--orange)}.headline-spark{position:absolute;right:-67px;top:3px;color:#e6b345;transform:rotate(15deg)}.intro p{font-size:15px;color:#625c53;margin:0}.intro p span{color:#9b9285}.mobile-break{display:none}main{padding:0 28px}.playground{max-width:1180px;margin:auto;border:1px solid #dcd5c9;border-radius:14px;box-shadow:0 4px #eae4d9,0 14px 40px #4c41210a;overflow:hidden;background:#fffcf6}.project-bar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #ded7cb;background:#fffdf8}.project-picker{display:flex;align-items:center;gap:15px}.field-label{color:#998f81;letter-spacing:1.2px}select{background:transparent;border:0;font-size:13px;font-weight:650;color:#50483d;padding:8px 26px 8px 0}.demo-tag{font:9px var(--mono);letter-spacing:.8px;border:1px solid #dbd6cc;padding:4px 6px;border-radius:3px;color:#989084}.text-button{display:flex;gap:9px;align-items:center;background:transparent;border:0;font-size:12px;color:#696054;padding:10px 0}.text-button:hover{color:var(--orange)}.canvas-wrap{position:relative;background:#eee7db}.canvas-wrap canvas{display:block;width:100%;aspect-ratio:1120/640;touch-action:none;cursor:grab}.canvas-wrap canvas:active{cursor:grabbing}.stage-stamp{position:absolute;top:19px;left:22px;font-size:9px;color:#9b907e;display:flex;align-items:center;gap:7px;pointer-events:none}.stage-stamp .status-dot{background:#c9a969;width:5px;height:5px}.stage-tip{position:absolute;bottom:36px;right:30px;transform:rotate(-6deg);font-size:12px;line-height:1.45;color:#968571;pointer-events:none}.stage-tip>span{font-size:27px;position:absolute;left:-28px;top:-14px;color:#b39a7d}.coffee-hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);background:#fffdf4;border:1px solid #d5bf9d;box-shadow:0 3px 10px #58431315;border-radius:7px;padding:10px 16px;font-size:12px;white-space:nowrap;pointer-events:none}.site-report{height:49px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ded7cb;border-bottom:1px solid #e8e1d5;background:#faf7f0}.report-status{display:flex;gap:9px;align-items:center;font-size:11px;color:#8b8172}.progress-info{display:flex;align-items:center;gap:13px;color:#958c7d}.progress-info .mono{font-size:9px;letter-spacing:.5px}.progress-track{width:87px;height:4px;background:#e7dfd1;border-radius:4px;overflow:hidden}#progress-fill{height:100%;width:0;background:#bd9a59;transition:width .4s}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;background:#fffdf8}.crew-count{display:flex;align-items:center;gap:13px;flex-shrink:0}.crew-avatar{width:35px;height:35px;background:#f8efce;border-radius:9px;font-size:0;position:relative}.crew-avatar:before{content:"";position:absolute;width:20px;height:12px;left:8px;top:8px;background:#ffc85b;border:1.5px solid #725a34;border-radius:14px 14px 2px 2px}.crew-avatar:after{content:"··";position:absolute;color:#463b2a;left:10px;top:12px;font-size:20px;font-weight:700}.crew-count strong{font-size:12px;font-weight:600;display:block}.crew-count .mono{display:block;font-size:8px;letter-spacing:.8px;color:#a09584;margin-top:4px}.tool-actions{display:flex;align-items:center;gap:8px}.tool-button,.icon-button{border:1px solid #e0d8cb;background:#fffdf7;border-radius:7px;display:inline-flex;gap:8px;align-items:center;justify-content:center;height:38px;padding:0 12px;font-size:11px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s}.tool-button:hover,.icon-button:hover{background:#f5eee2;transform:translateY(-1px)}.tool-button:active,.icon-button:active{transform:translateY(1px)}.primary{background:var(--orange);color:#fff;border-color:#e76038;box-shadow:0 2px #cb4e2b}.primary:hover{background:#e95630}.tool-button[aria-pressed=true]:not(.primary){background:#f7e3bd;border-color:#cbaa6e}.icon-button{width:38px;padding:0;flex-shrink:0}.toolbar-divider{width:1px;height:21px;background:#e7e0d5;margin:0 3px}.record-dot{width:6px;height:6px;border:1.5px solid #928676;border-radius:100%}.recording .record-dot{background:#ed623c;border-color:#ed623c;animation:pulse 1s infinite}.below-stage{max-width:1180px;display:flex;justify-content:space-between;gap:16px;margin:25px auto 0;color:#94897a;font-size:11px}.below-stage>div{display:flex;align-items:center;gap:9px}.instruction-number{font:9px var(--mono);color:#afa495;border:1px solid #e4ddcf;border-radius:4px;padding:3px 4px}footer{max-width:1276px;margin:47px auto 0;padding:20px 28px 26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a0978b}footer .mono{font-size:8px}.footer-star{color:var(--orange);font-size:14px;margin:0 6px}.toast{position:fixed;left:50%;bottom:27px;transform:translate(-50%,15px);background:#302c27;color:#fff8eb;border-radius:8px;padding:12px 18px;font-size:12px;box-shadow:0 5px 30px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:5;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-control:focus{clip:auto;width:auto;height:auto;left:20px;top:45px;padding:12px;background:#fff;z-index:4;border:1px solid var(--orange)}dialog{width:min(540px,calc(100% - 32px));padding:28px;border:1px solid #ddd2bf;border-radius:14px;background:#fffdf6;color:var(--ink);box-shadow:0 20px 80px #332d2330}dialog::backdrop{background:#302c2777;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:32px;letter-spacing:-1.5px;margin:17px 0 12px;font-weight:650}dialog h2 span{color:var(--orange)}dialog p{font-size:13px;line-height:1.65;color:#938573}.input-label{display:block;margin-top:25px;margin-bottom:9px;color:#8e826f}.url-row{display:flex;gap:8px}.url-row input{width:0;flex:1;border:1px solid #ddd3c3;border-radius:6px;background:#f9f5ed;padding:11px;font-size:12px;min-width:0}.url-row button{height:40px}.import-note{font-size:10px!important}.upload-divider{display:flex;align-items:center;gap:10px;color:#a39685;font-size:10px;margin:25px 0 18px}.upload-divider:before,.upload-divider:after{content:"";height:1px;background:#e5ddcf;flex:1}.upload-button{display:flex;align-items:center;gap:10px;border:1px dashed #d4c6b1;border-radius:7px;padding:18px;font-size:12px;cursor:pointer;background:#faf6ed}.upload-button:hover{border-color:var(--orange)}.upload-button>span:first-child{font-size:22px;color:#b19c7c}.upload-button .mono{font-size:8px;margin-left:auto;color:#ae9b81}#import-status{min-height:18px;font-size:11px;margin:15px 0 0;color:#d45e3b}#import-status.success{color:#73894c}@keyframes pulse{50%{opacity:.4}}@media(min-width:1500px){.intro{margin-top:64px}.playground,.intro,.below-stage{max-width:1250px}}@media(max-width:900px){.toolbar{flex-wrap:wrap}.tool-actions{flex:1;justify-content:flex-end}.crew-count .mono{display:none}.crew-count{gap:8px}.toolbar{padding:15px}.tool-button{padding:0 9px}.stage-tip{bottom:25px;right:20px;font-size:10px}.header-right .mono{display:none}.site-header{padding:0 28px}.intro{margin-top:40px}h1{letter-spacing:-2.7px}.below-stage{font-size:10px}}@media(max-width:650px){.site-header{height:70px;padding:0 20px}.brand{font-size:21px}.version{margin-left:5px}.intro{padding:0;margin:33px auto 25px}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:43px;letter-spacing:-2px;margin:14px 0 12px}.mobile-break{display:block}.headline-spark{right:-52px;top:45px;width:35px}.intro p{font-size:12px}.intro p span{display:block;margin-top:4px}main{padding:0 14px}.project-bar{height:53px;padding:0 12px;gap:8px}.field-label{display:none}.project-picker{gap:6px}select{font-size:11px;max-width:170px}.demo-tag{font-size:7px;padding:3px 4px}.text-button{font-size:10px;gap:3px}.text-button>span:first-child{display:none}.canvas-wrap canvas{aspect-ratio:520/650}.stage-stamp{left:12px;top:12px;font-size:7px}.stage-tip{display:none}.site-report{padding:0 12px;height:54px;gap:10px}.report-status{font-size:9px;line-height:1.5;max-width:60%}.progress-info{gap:5px;flex-direction:column;align-items:flex-end}.progress-info .mono{font-size:7px}.progress-track{width:65px}.toolbar{gap:12px;padding:12px;justify-content:center}.crew-count{width:100%;justify-content:space-between}.crew-avatar{display:none}.crew-count strong{font-size:11px}.crew-count .mono{display:block;margin:0;font-size:7px}.crew-count>div{width:100%;display:flex;align-items:center;justify-content:space-between}.tool-actions{justify-content:center;width:100%;gap:6px;flex-wrap:wrap}.tool-button{font-size:10px;gap:5px;padding:0 8px;height:35px}.icon-button{width:32px;height:35px}button svg{width:16px;height:16px}.toolbar-divider{margin:0}.record-button{padding:0 7px}.below-stage{flex-direction:column;gap:12px;margin:22px 8px 0;font-size:10px}footer{margin:29px 20px 0;padding:18px 0;gap:12px;font-size:9px}footer .mono{font-size:6px;letter-spacing:.6px}.footer-star{margin:0 3px;font-size:11px}.url-row{flex-direction:column}.url-row input{width:100%}.upload-button{padding:14px;gap:7px}.upload-button .mono{font-size:7px}.coffee-hint{font-size:10px;padding:9px 11px;bottom:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.playground{overflow:clip}.toolbar{position:relative;z-index:2;box-shadow:0 -3px 16px #493b1d06}@media(min-width:651px)and (max-height:850px){.site-header{height:68px}.intro{margin-top:28px;margin-bottom:25px}h1{font-size:52px;margin-top:13px;margin-bottom:12px}}.shift-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;border-top:1px solid #e8dfd0;background:#fbf8f1;gap:10px}.shift-bar>div{display:flex;align-items:center;gap:18px}.shift-bar .mono{font-size:10px;color:#897b66}#shift-clock{font:12px DM Mono,monospace;color:#ad6d47}.story-track{display:flex;padding:0 22px;background:#fbf8f1;gap:22px;overflow:auto}.story-track span{white-space:nowrap;font:10px DM Mono,monospace;color:#afa18e;padding:9px 0 12px;border-bottom:2px solid transparent}.story-track .active{color:#df6842;border-color:#df6842}.equipment-bar{padding:12px 20px;border-top:1px solid #dfd5c4;background:#f4eee2;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.equipment-tools{display:flex;gap:5px;flex-wrap:wrap}.equipment-tools button{border:1px solid #ddd1be;background:#fffaf0;border-radius:6px;padding:9px 12px;color:#75644e;font:11px DM Mono,monospace;cursor:pointer}.equipment-tools button[aria-pressed=true]{background:#eadbc0;border-color:#b89c72;color:#4f402b}#tool-hint{font-size:9px;color:#9c886a;max-width:300px}.site-office{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;margin:35px 0 25px}.office-heading{display:flex;justify-content:space-between;margin-bottom:17px}.office-heading .mono{font-size:9px;color:#ab9c84}#crew-roster{display:grid;grid-template-columns:1fr 1fr;gap:8px}.worker-card{border:1px solid #e4dacb;border-radius:8px;background:#fcf9f2;display:flex;text-align:left;gap:10px;padding:13px 10px;cursor:pointer;min-width:0}.worker-card[aria-pressed=true]{border-color:#ed6944;background:#fff1e4}.worker-hat{font-size:23px;color:#daa94e}.worker-card strong{font-size:11px;display:block;font-weight:500;color:#685945}.worker-card small{font-size:10px;color:#97836a;display:block;margin-top:5px}.worker-card em{font:8px DM Mono,monospace;display:block;color:#aea087;margin-top:5px}.clipboard{background:#eee7d8;border:1px solid #ded3c0;border-radius:9px;padding:22px}.clipboard h2{font-size:23px;letter-spacing:-.6px;margin:8px 0 17px;font-weight:500}.request-buttons{display:flex;gap:7px}.request-buttons button{cursor:pointer;flex:1;border:1px solid #d8cbb5;background:#f9f3e7;padding:12px 8px;border-radius:6px;font-size:10px;color:#665640}.request-buttons span{display:block;font:8px DM Mono,monospace;color:#ad9675;margin-top:7px}#site-events p{font:9px/1.7 DM Mono,monospace;color:#978366;border-top:1px dashed #d5c7b0;padding-top:10px}.job-receipt{text-align:center;border:1px dashed #bfb090;background:#f2eddd;padding:30px;margin-top:25px;border-radius:10px}.job-receipt h2{font-size:30px;font-weight:500;margin:12px}.job-receipt p{font:11px/1.8 DM Mono,monospace;color:#8b775c}.job-receipt .mono{display:block;font-size:9px;margin-top:14px}.recent-sites{margin:28px 0}.recent-sites a{display:inline-block;margin:12px 12px 0 0;color:#8e7150;font-size:12px}#share-result{overflow-wrap:anywhere;font-size:13px}button:focus-visible,a:focus-visible{outline:2px solid #d46742;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}@media(max-width:700px){.shift-bar{padding:12px;align-items:flex-start}.shift-bar>div{gap:8px;flex-wrap:wrap}.shift-bar .mono{font-size:8px;max-width:170px}.shift-bar .text-button{font-size:10px}.story-track{padding:0 12px;gap:18px}.story-track span{font-size:8px}.equipment-bar{padding:10px}.equipment-tools button{padding:9px;font-size:10px}.site-office{grid-template-columns:1fr;gap:22px;margin:25px 0}#crew-roster{gap:6px}.worker-card{padding:10px 7px}.worker-card strong{font-size:10px}.worker-hat{font-size:17px}.job-receipt h2{font-size:24px}.job-receipt p{font-size:9px}.clipboard{padding:18px}}.site-office,.job-receipt,.recent-sites{max-width:1178px;margin-left:auto;margin-right:auto}.stage-tip{pointer-events:none}