:root{--ink:#1d1d1b;--paper:#fff;--soft:#f5f5f5;--line:#ddd;--orange:#f4b268;--blue:#7ea7d9;--green:#5ba947;--coral:#f15c55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font:14px Noto Sans SC,Arial,sans-serif}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#fffd;border-bottom:1px solid #e9e9e9;align-items:center;gap:22px;height:62px;padding:0 max(24px,50vw - 580px);display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.06em;align-items:center;gap:8px;font:700 21px Georgia,serif;text-decoration:none;display:flex}.brand span{font:22px Arial}.nav-links{gap:18px;margin-left:auto;display:flex}.nav-links a{color:#252525;font-size:11px;text-decoration:none}.button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:6px;justify-content:center;align-items:center;padding:9px 12px;font:600 12px inherit;text-decoration:none;display:inline-flex}.button.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.button:disabled{opacity:.55;cursor:wait}.full{width:100%}.hero{text-align:center;border-bottom:1px solid #e8e8e8;justify-content:center;align-items:center;min-height:330px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;position:relative}.hero small,.eyebrow{letter-spacing:.6px;color:#718077;font:500 10px DM Mono,monospace}.hero small{color:#666;letter-spacing:0;background:#f3f3f3;border-radius:99px;padding:7px 12px;display:inline-block}.hero h1{letter-spacing:-.04em;margin:14px 0 9px;font:700 41px/1.04 Georgia,serif}.hero p{color:#666;max-width:410px;margin:0 auto 17px;font-size:12px;line-height:1.7}.doodles i,.doodles b{border:3px solid var(--ink);border-radius:5px;display:block;position:absolute}.doodles i:after{content:"••";letter-spacing:5px;font:700 19px Arial;position:absolute;top:8px;left:13px}.doodles .orange{background:var(--orange);width:80px;height:112px;top:44px;left:6%;transform:rotate(-2deg)}.doodles .blue{background:var(--blue);width:96px;height:83px;top:41px;right:5%;transform:rotate(2deg)}.doodles .green{background:var(--green);width:68px;height:68px;bottom:21px;right:13%}.doodles .coral{background:var(--coral);width:75px;height:50px;bottom:20px;left:13%}.doodles b{background:var(--coral);border-radius:50%;width:47px;height:47px;top:66px;right:19%}.loop{background:var(--soft);align-items:center;gap:27px;padding:15px max(24px,50vw - 550px);display:flex;overflow:auto}.loop strong{white-space:nowrap;font:700 14px Georgia,serif}.loop>div{white-space:nowrap;align-items:center;gap:8px;display:flex}.loop span{color:#8b918d;font-size:11px}.loop span.done{color:#497659}.loop span.active{color:var(--ink);font-weight:700}.loop i{background:#cfd3cf;width:18px;height:1px}.workbench{grid-template-columns:240px minmax(460px,1fr) 250px;align-items:start;gap:18px;max-width:1160px;margin:auto;padding:30px 24px 48px;display:grid}.sources,.canvas,.actions section{border:1.5px solid var(--line);background:#fff;border-radius:7px;padding:16px}.sources h2,.canvas>h2,.actions h2,.directions-head h3{letter-spacing:-.02em;margin:3px 0 7px;font:700 18px Georgia,serif}.muted{color:#737b76;margin:0 0 13px;font-size:11px;line-height:1.55}.source{border:1.5px solid #d5d5d5;border-radius:6px;grid-template-columns:48px 1fr;gap:8px;margin:10px 0;padding:8px;display:grid}.source-art{border:2px solid var(--ink);border-radius:4px;place-items:center;height:48px;font:700 11px Georgia,serif;display:grid}.source-art.blue{background:var(--blue)}.source-art.green{background:var(--green);color:#fff}.source small{color:#477359;font-size:9px}.source h3{margin:3px 0;font-size:12px}.source p{color:#637069;margin:0;font-size:10px;line-height:1.45}.idea-box{border-left:4px solid var(--coral);background:#fff6f4;margin:15px 0;padding:10px 12px;display:block}.idea-box span{color:#718077;font-size:10px}.idea-box textarea{resize:vertical;width:100%;min-height:47px;color:var(--ink);background:0 0;border:0;outline:0;font:600 16px/1.45 inherit}.constraints{grid-template-columns:1fr 1fr 1.4fr;gap:7px;display:grid}.constraints label,.modal label{color:#67736c;gap:4px;font-size:10px;display:grid}.constraints select,.constraints input,.modal input,.modal textarea,.modal select{color:#31483b;background:#fff;border:1px solid #d9dfda;border-radius:4px;width:100%;padding:7px;font:11px inherit}.context{color:#615a3c;background:#fff4d6;border:1px solid #ead17e;margin:14px 0;padding:8px;font-size:10px}.directions-head{justify-content:space-between;align-items:end;margin:18px 0 9px;display:flex}.directions-head h3{font-size:15px}.directions-head p{color:#78817b;margin:3px 0 0;font-size:10px}.directions{gap:8px;display:grid}.direction{cursor:pointer;border:1.5px solid #d5d9d5;border-radius:6px;padding:11px}.direction.selected{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fbfff7}.direction header{align-items:center;gap:7px;display:flex}.direction header>b{color:var(--coral);font:11px DM Mono,monospace}.direction header em{background:#dced9d;border-radius:9px;padding:3px 6px;font-size:9px;font-style:normal}.direction header button{background:#fff;border:1px solid #d1d8d1;border-radius:4px;margin-left:auto;padding:4px 6px;font:10px inherit}.direction.selected header button{background:var(--ink);color:#fff;border-color:var(--ink)}.direction h3{margin:7px 0 4px;font-size:14px}.direction>p{color:#65716a;margin:0;font-size:11px;line-height:1.5}.tags{gap:5px;margin:8px 0;display:flex}.tags span{color:#617167;background:#edf1ed;border-radius:9px;padding:3px 6px;font-size:9px}.direction footer{color:#6d7871;border-top:1px solid #e6e9e6;grid-template-columns:74px 1fr;gap:5px;padding-top:7px;font-size:10px;line-height:1.45;display:grid}.direction footer strong{color:#475e50}.actions{gap:13px;display:grid}.actions section{padding:16px}.choice{border-left:4px solid var(--green);background:#fff;margin:11px 0;padding:8px}.choice small,.choice strong,.choice span{display:block}.choice small{color:#79847d;font-size:9px}.choice strong{margin:3px 0;font-size:13px}.choice span{color:#6e786f;font-size:10px}.empty{color:#7d8680;font-size:11px;line-height:1.55}.experiment strong{font-size:13px}.experiment p{color:#68736d;font-size:10px;line-height:1.55}.experiment footer{color:#707a73;border-top:1px solid #e5e8e5;justify-content:space-between;align-items:center;padding-top:7px;font-size:10px;display:flex}.experiment footer button,.review button{color:#244c37;cursor:pointer;background:0 0;border:0;font:600 10px inherit}.review{box-shadow:3px 3px 0 var(--ink);background:var(--blue)!important;border:2px solid var(--ink)!important}.review h2{font-size:17px}.review p{font-size:11px;line-height:1.5}.modal-backdrop{z-index:20;background:#17261d80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:2px solid var(--ink);width:min(470px,100%);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:7px;gap:11px;padding:25px;display:grid;position:relative}.modal h2{margin:0;font:700 22px Georgia,serif}.modal>p{color:#65716a;margin:-5px 0 3px;font-size:12px;line-height:1.55}.modal textarea{resize:vertical;min-height:65px}.close{cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:8px;right:12px}.modal-actions{justify-content:end;gap:8px;margin-top:4px;display:flex}.toast{z-index:25;background:var(--ink);color:#fff;border-radius:5px;padding:10px 14px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}@media (max-width:950px){.workbench{grid-template-columns:1fr 1fr}.actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.review{grid-column:1/-1}.hero h1{font-size:35px}}@media (max-width:620px){.nav{padding:0 16px}.nav-links{display:none}.hero{min-height:300px}.hero h1{font-size:29px}.doodles .orange{left:-26px}.doodles .blue{right:-28px}.doodles .green,.doodles b{display:none}.loop{padding:14px 16px}.loop strong{display:none}.workbench{grid-template-columns:1fr;padding:20px 16px}.actions{grid-column:auto;grid-template-columns:1fr}.constraints{grid-template-columns:1fr}.sources{display:none}.directions-head{align-items:start;gap:8px}.directions-head .button{white-space:nowrap}.modal{padding:22px}}