.work-head{padding:55px 0 28px;background:linear-gradient(125deg,#eee4f8,#f8f5fd)}.work-head h1{font-size:clamp(2.3rem,4vw,3.6rem)}.work-head p{max-width:950px;margin-bottom:0}.work-area{padding:30px 0 70px}.work-toolbar{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.work-toolbar .field{flex:1;min-width:210px;margin:0}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:24px;min-width:0;font-weight:500}.field small{font-size:1rem;font-weight:400;color:var(--muted)}input,select,textarea{width:100%;min-height:50px;border:1px solid #b4a3c5;border-radius:12px;padding:12px;background:white;color:var(--ink)}textarea{resize:vertical;line-height:1.55}input:invalid:not(:placeholder-shown){border-color:#a24d6f}.work-toolbar .btn{white-space:nowrap}.work-toolbar select{max-width:100%}#app-status{padding:18px 0;min-height:65px;color:#4f3267}.empty-state{padding:85px 35px;text-align:center;background:radial-gradient(ellipse at center,#f4ebff,#ece4f4);border:1px solid var(--line);border-radius:28px}.empty-state p{max-width:630px;margin:20px auto 28px}.record-bar{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:20px 0}.record-bar h2{font-size:2rem;overflow-wrap:anywhere}.record-bar p{margin:0;color:var(--muted)}.workspace{display:grid;grid-template-columns:240px 1fr;gap:30px;margin-top:28px;align-items:start}.work-tabs{display:flex;flex-direction:column;gap:8px;position:sticky;top:20px}.work-tabs button{text-align:left;padding:17px 20px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#f2ecf8}.work-tabs button[aria-selected=true]{color:white;background:linear-gradient(125deg,#7d40b2,#482064);border-color:#62308b;box-shadow:0 8px 20px #4e277420}.work-panel{padding:35px;background:white;border:1px solid var(--line);border-radius:24px}.work-panel[hidden]{display:none}.work-panel h2{font-size:2rem;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.result{padding:22px;border-radius:15px;background:#efe8f7}.result span{display:block;color:#5a486b}.result strong{font-size:1.6rem;display:block;margin-top:10px;overflow-wrap:anywhere}.result-note{grid-column:1/-1}.connection-entry{border:1px solid var(--line);border-radius:18px;padding:25px;margin-top:28px}.connection-entry legend{font-weight:700;padding:0 8px}.connection{padding:24px;margin:14px 0;border-radius:18px;background:#f1ebf7}.connection h3,.connection p{overflow-wrap:anywhere}.connection p{margin:.5rem 0}.text-button{border:0;background:none;color:#652692;text-decoration:underline;text-underline-offset:.3em;padding:8px 0;font:inherit}.record-actions{display:flex;gap:30px;margin:25px 0}.history{border:1px solid var(--line);padding:22px;border-radius:16px;margin-top:28px}.history summary{cursor:pointer;font-weight:600}.history ul{padding-left:25px}.history li{margin:15px 0;line-height:1.5}.backup-bar{display:flex;justify-content:space-between;gap:40px;margin-top:45px;padding:35px;background:#ece5f5;border-radius:22px}.backup-bar p{max-width:680px;margin:0}.backup-bar .actions{align-content:center;min-width:240px}.backup-bar .btn{white-space:nowrap}
@media(max-width:1000px){.workspace{grid-template-columns:200px 1fr;gap:20px}.record-bar{align-items:start;flex-direction:column}.backup-bar{display:block}.backup-bar .actions{margin-top:25px}}
@media(max-width:740px){.work-toolbar{display:grid;grid-template-columns:1fr}.work-toolbar .field{min-width:0}.workspace{grid-template-columns:1fr}.work-tabs{position:static;flex-direction:row;flex-wrap:wrap;gap:8px}.work-tabs button{padding:12px;font-size:1rem}.work-panel{padding:24px 20px}.form-grid,.results{grid-template-columns:1fr}.result-note{grid-column:auto}.record-bar .actions .btn{padding:13px 18px}.backup-bar{padding:25px}.record-actions{flex-wrap:wrap}.connection-entry{padding:18px}}
.ideas-box{padding:22px;margin:0 0 30px;border:1px solid #d1bde5;border-radius:18px;background:linear-gradient(125deg,#f5eefc,#f8f5fb)}.ideas-box>h3{margin-bottom:10px}.ideas-context{font-size:1rem;color:var(--muted)}.idea-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.idea{padding:18px;border-radius:14px;background:white;border:1px solid #e0d5ec;min-width:0}.idea h3{font:700 1.08rem/1.35 Manrope,sans-serif;letter-spacing:-.02em;margin-bottom:10px}.idea p{font-size:1rem;line-height:1.55;margin-bottom:15px}.idea-add{background:#eee4f8;border:1px solid #b598d0;border-radius:100px;padding:9px 16px;color:#532477;min-height:44px;font-weight:600}.idea-add:hover{background:#e3d2f3}.idea-add:disabled{background:#edf3ee;border-color:#c7d7cc;color:#3e6651;cursor:default}.idea-destination{display:block;font-size:1rem;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}.ideas-box details{margin-top:18px}.ideas-box summary{cursor:pointer;font-weight:600;padding:6px 0;color:var(--royal)}.ideas-box details .idea-list{margin-top:15px}
@media(max-width:740px){.ideas-box{padding:18px 14px}.idea-list{grid-template-columns:1fr}.idea{padding:16px}}
/* Connected workbench journey */
.work-head{padding:38px 0 28px;background:radial-gradient(ellipse at 12% 30%,#eee0fa,transparent 70%),#f6f3f9}.work-welcome{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center}.work-welcome h1{font-size:clamp(2.5rem,4vw,4.5rem)}.work-welcome p{margin-bottom:25px;font-size:1.08rem}.work-welcome figure{margin:0;min-width:0}.work-welcome img{width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:28px;box-shadow:0 20px 60px #50296618}.work-welcome figcaption{color:var(--muted);font-size:1rem;margin-top:12px}.work-area{padding-top:38px}.work-toolbar{padding:24px;border:1px solid var(--line);border-radius:22px;background:white}.record-bar{margin-top:12px}.record-bar h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:12px}.record-bar p{font-size:1rem;overflow-wrap:anywhere}.journey-heading{margin-top:34px}.journey-heading h3{font-size:1.4rem;margin-bottom:8px}.journey-heading p{color:var(--muted);font-size:1rem}.work-tabs{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:25px 0 32px;top:auto}.work-tabs:before{content:'';position:absolute;left:5%;right:5%;top:41px;height:2px;background:#ceb9e0}.work-tabs button{position:relative;display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;padding:12px 5px 16px;border-radius:18px;background:transparent;border:1px solid transparent;box-shadow:none;min-width:0;font-size:1rem;line-height:1.35;transition:background .2s,transform .2s}.work-tabs button:hover{background:#efe6f8;transform:translateY(-3px)}.work-tabs button[aria-selected=true]{background:#f0e5fc;color:var(--ink);border-color:#b290d1;box-shadow:0 7px 20px #64379b10}.step-orb{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#faf8ff;border:1px solid #cdb8df;z-index:1;color:#876b9e}.step-orb svg{width:40px;height:40px}.work-tabs [aria-selected=true] .step-orb{background:linear-gradient(140deg,#9564d0,#4a1d75);color:white;box-shadow:0 7px 18px #7442a944}.has-notes .step-orb{border-color:#6f9987;color:#366c59}.step-state{font-size:.9rem;color:var(--muted);font-weight:400}.workspace{grid-template-columns:minmax(230px,.8fr) minmax(0,2.2fr);gap:28px;align-items:start}.product-thread{position:sticky;top:24px;border:1px solid #dacbe9;border-radius:22px;background:linear-gradient(150deg,#fff,#eee6f6);overflow:hidden}.product-thread>img{width:100%;aspect-ratio:1.55;object-fit:cover}.product-thread>div{padding:24px}.product-thread h3{font-size:1.4rem;overflow-wrap:anywhere}.product-thread p{font-size:1rem;line-height:1.55;overflow-wrap:anywhere}.thread-note{display:block;width:100%;text-align:left;padding:14px 0;border:0;border-top:1px solid #dacbe9;background:transparent;color:var(--ink)}.thread-note>span{display:block;color:var(--royal);font-size:1rem;margin-bottom:6px}.thread-note strong{font-size:1rem;line-height:1.45;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.thread-note:hover strong{color:var(--royal)}.product-thread .thread-foot{padding-top:18px;margin-bottom:0;color:var(--muted)}.work-panel{padding:clamp(24px,3vw,44px);box-shadow:0 16px 55px #4a246710}.step-intro{display:flex;align-items:start;gap:20px;margin-bottom:25px}.step-art{flex:0 0 76px;display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#f2e4fc,#e6f1e8);color:#66349a}.step-art svg{width:55px;height:55px}.step-position{font-size:1rem;color:var(--royal);margin-bottom:10px}.work-panel h2{font-size:clamp(1.8rem,2.7vw,2.6rem);margin-bottom:16px}.step-lead{margin:0;color:var(--muted)}.carried-context{padding:20px 24px;margin:25px 0;border:1px solid #bdd5c7;background:#eff7f1;border-radius:16px}.carried-context[hidden]{display:none}.carried-context h3{font-size:1.1rem;color:#285e48;margin-bottom:12px}.carried-context p{font-size:1rem;margin:12px 0 0;line-height:1.5;overflow-wrap:anywhere}.carried-context strong{display:block;font-weight:600;margin-bottom:5px}.carried-context span{white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.suggestion-note{font-size:1rem;color:var(--muted);margin-bottom:30px}.field-group{margin:0 0 28px;min-width:0}.field-group>.field{margin-bottom:0}.field-group textarea{min-height:125px}.field>span{font-weight:600}.field-ideas:empty{display:none}.inline-ideas{margin-top:12px}.inline-ideas summary{cursor:pointer;color:var(--royal);font-size:1rem;padding:9px 0;line-height:1.5}.inline-ideas summary>span{display:block;color:var(--muted);font-weight:400;padding-left:20px}.inline-ideas[open] summary>span{display:none}.inline-ideas .idea-list{margin-top:12px;display:grid;grid-template-columns:1fr;gap:12px}.idea{background:#f7f2fb;padding:20px;border-radius:16px}.idea h3{font-size:1.1rem}.idea p{font-size:1rem}.idea-add{font-size:1rem}.ideas-box{background:none;padding:0;border:0;margin:25px 0}.ideas-box[hidden]{display:none}.more-detail{margin:26px 0;border:1px solid var(--line);border-radius:16px;padding:20px 24px;background:#fcfaff}.more-detail>summary{font-size:1.05rem;color:var(--royal);cursor:pointer;line-height:1.5;font-weight:600}.more-detail>div{padding-top:24px}.more-detail .field-group:last-child{margin-bottom:0}.step-navigation{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.next-thread{font-size:1.1rem}.step-navigation .actions{justify-content:space-between}.step-navigation .btn{white-space:normal;text-align:center}.step-navigation [hidden]{display:none}.journey-save-state{font-size:1rem;color:var(--muted);margin:18px 0 0}.review-banner{border-radius:20px;overflow:hidden;background:#f2ebf9;margin-bottom:25px}.review-banner img{width:100%;height:190px;object-fit:cover}.review-banner>div{padding:24px}.review-banner p{margin:0;font-size:1rem}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.review-grid article{padding:22px;background:#fcfaff;border:1px solid var(--line);border-radius:18px;min-width:0}.review-grid h3{font-size:1.25rem}.review-grid p{font-size:1rem;white-space:pre-line;overflow-wrap:anywhere}.review-grid strong{display:block;margin-bottom:6px}.review-grid .open-question{color:var(--muted)}.review-grid .text-button{font-size:1rem}.review-actions{padding:25px 0 5px}.empty-state{padding:38px;background:linear-gradient(140deg,white,#eee5f8)}.empty-state h2{font-size:clamp(1.8rem,3vw,3rem)}.start-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:35px 0 22px}.start-card{padding:0;background:white;text-align:left;border:1px solid var(--line);border-radius:20px;overflow:hidden;color:var(--ink);transition:transform .2s,box-shadow .2s}.start-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px #60308d22}.start-card img{width:100%;aspect-ratio:1.7;object-fit:cover}.start-card>span{display:block;padding:22px}.start-card strong{display:block;font:600 1.3rem Manrope,sans-serif;margin-bottom:12px}.start-card span span{font-size:1rem;line-height:1.55;display:block}.empty-state>p:last-child{font-size:1rem;color:var(--muted)}
@media(min-width:1500px){.work-welcome img{aspect-ratio:1.7}.work-tabs{gap:20px}}
@media(max-width:1050px){.work-welcome{gap:25px}.workspace{grid-template-columns:1fr}.product-thread{position:static;display:grid;grid-template-columns:160px 1fr}.product-thread>img{height:100%;aspect-ratio:auto}.product-thread>div{padding:20px}.product-thread #thread-notes{display:none}.product-thread .thread-foot{display:none}.product-thread p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.work-tabs:before{display:none}.work-tabs button{border-color:var(--line);background:#f6f0fb}.step-state{display:none}.step-orb{width:46px;height:46px}.step-orb svg{width:32px;height:32px}}
@media(max-width:740px){.work-welcome{grid-template-columns:1fr;gap:28px}.work-welcome h1{font-size:2.6rem}.work-welcome img{aspect-ratio:1.7;border-radius:20px}.work-head{padding-top:32px}.work-toolbar{padding:20px}.work-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:22px}.work-tabs button{flex-direction:row;text-align:left;gap:10px;padding:12px;font-size:1rem}.step-orb{width:36px;height:36px;flex-shrink:0}.step-orb svg{width:26px;height:26px}.work-tabs button:last-child{grid-column:1/-1}.product-thread{grid-template-columns:90px 1fr}.product-thread>div{padding:16px}.product-thread h3{font-size:1.15rem;margin-bottom:8px}.step-intro{display:block}.step-art{width:62px;height:62px;margin-bottom:18px}.step-art svg{width:44px;height:44px}.work-panel{padding:24px 20px}.carried-context{padding:18px}.more-detail{padding:18px}.review-grid,.start-cards{grid-template-columns:1fr}.review-banner img{height:160px}.empty-state{padding:25px 20px}.start-card{display:grid;grid-template-columns:95px 1fr}.start-card img{height:100%;aspect-ratio:auto}.start-card>span{padding:18px}.start-card strong{font-size:1.15rem}.step-navigation .actions{align-items:stretch;flex-direction:column}.step-navigation .btn{width:100%}.journey-heading p{line-height:1.5}.work-panel .form-grid{gap:0}}
.step-intro h2:focus{outline:none}.product-thread #thread-intention{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}summary:focus-visible{outline:3px solid #158365;outline-offset:5px;border-radius:4px}
/* Edge-to-edge artwork, with the same padded text treatment as the home hero. */
.work-hero{min-height:clamp(620px,76vh,850px)}.work-hero>img{object-position:center 58%}.work-hero .hero-content{padding-top:70px;padding-bottom:70px}.work-hero .glass-copy{max-width:670px;padding:clamp(28px,3vw,44px);background:linear-gradient(110deg,#faf8fff2,#faf8ffdc 80%,#faf8ffb8)}.work-hero h1{font-size:clamp(3rem,5.5vw,5rem)}.work-hero p{max-width:530px}
@media(max-width:740px){.work-hero{min-height:790px;align-items:start}.work-hero>img{object-position:57% center}.work-hero .hero-content{padding-top:36px;padding-bottom:260px}.work-hero .glass-copy{padding:26px}.work-hero h1{font-size:clamp(2.6rem,10vw,3.8rem)}}