.workshop-page{background:#f4eee5;--lavender:#c9b1ec;--soft:#e6e9ca}.workshop-page .topbar{border-bottom-color:#c8bca8}.workshop-play-hero{position:relative;background:#c6b3ec;border:1px solid #414333;border-radius:17px;padding:36px 38px 33px!important;margin-top:25px;box-shadow:6px 7px 0 #5443681c;overflow:hidden;isolation:isolate}.workshop-play-hero:after{content:'✳';position:absolute;right:170px;top:-50px;font:230px/1 var(--display);color:#8f74b626;transform:rotate(-15deg);z-index:-1}.workshop-adventure-label{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.3px;margin-bottom:-5px}.workshop-adventure-label>span{font-size:23px}.workshop-play-hero h1{font-size:clamp(45px,5.2vw,76px);letter-spacing:-3.5px;line-height:.98;margin-top:16px}.workshop-play-hero h1>span{color:#3d3e2e}.workshop-play-hero h1 svg{stroke:#fbf5e4}.workshop-play-hero .hero-kicker .eyebrow{font-size:7px}.workshop-play-hero .saved-badge{background:#f5f2df;border-color:#9b9884;color:#445138}.workshop-play-hero p{font-size:13px;color:#49433e;max-width:470px;line-height:1.8}.workshop-play-hero .art-note{background:#e8ed95;border-color:#555d39;width:145px;height:130px;left:8px;top:15px;box-shadow:7px 9px 0 #56456d18;transform:rotate(9deg);transition:transform .3s}.workshop-play-hero:hover .art-note{transform:rotate(-4deg) translateY(-5px)}.workshop-play-hero .hero-art svg{color:#554b73;transform:rotate(-7deg)}.workshop-play-hero .art-caption{font-size:7px;color:#5d4f6d}.ideas-drawer-toggle{margin-top:29px;border:0;border-bottom:1px solid #b7ab94;border-radius:0;background:transparent;font:500 15px var(--display);padding:12px 0;width:100%;text-align:left;color:#3e4435}.workshop-page .ideas-shelf{background:#eee5ce;border:1px solid #b5ab92;border-radius:0 0 12px 12px;border-top:0;padding:24px 27px;margin-top:0;box-shadow:4px 5px 0 #57463612}.workshop-page .ideas-shelf h2{font-size:28px;margin-top:9px}.workshop-page .ideas-shelf-top button{background:#f7f1e4;color:#384434;border:1px solid #9ba48c;padding:10px;border-radius:6px;font-size:9px}.workshop-page .ideas-shelf-top #create-idea{background:#d5f65a}.workshop-page .idea-entry{background:#d8c6f0;border:1px solid #9982ad;border-radius:4px 4px 15px 4px;box-shadow:3px 4px 0 #53493616;transform:rotate(-1deg);padding:17px;min-height:90px}.workshop-page .idea-entry:nth-child(3n+2){background:#f1bda0;transform:rotate(1deg);border-color:#b68a6b}.workshop-page .idea-entry:nth-child(3n){background:#d5dda6;border-color:#a3ae79;transform:rotate(-2deg)}.workshop-page .idea-entry[aria-current=true]{outline:2px solid #3e4a2e;outline-offset:3px}.workshop-page .idea-entry:hover{transform:translateY(-5px) rotate(0)}.workshop-page .idea-entry strong{font-size:15px;line-height:1.35}.workshop-page .idea-entry small{font-size:8px;color:#605468}.workshop-page .studio-layout{gap:27px;margin-top:34px}.workshop-page .studio-main{min-width:0}.workshop-page .stage-tabs{border:1px solid #4f5744;border-radius:12px;padding:5px;gap:5px;background:#e7eacb;position:sticky;top:9px;z-index:35;box-shadow:0 5px 0 #f4eee5;margin-bottom:20px;overflow:visible}.workshop-page .stage-tabs button{display:flex;align-items:center;gap:9px;border:0;border-radius:8px;padding:14px 10px;text-align:left;position:relative;min-width:0;flex:1;color:#4b5740;transition:background .2s,transform .2s}.workshop-page .stage-tabs button>span{margin:0}.workshop-page .stage-tabs .stage-icon{font-size:25px;color:#727d50;flex-shrink:0}.workshop-page .stage-tabs .stage-copy{display:grid;gap:4px;font-size:10px;min-width:0}.stage-copy strong{font-size:11px;font-weight:600}.stage-copy small{font-size:7px;font-weight:400;line-height:1.4}.workshop-page .stage-tabs button[aria-selected=true]{background:#263c31;color:#fff9e9;box-shadow:2px 3px 0 #20261f25;transform:translateY(-4px)}.workshop-page .stage-tabs button[aria-selected=true] .stage-icon{color:#d5f65a}.workshop-page .stage-tabs button:hover:not([aria-selected=true]){background:#f6efdc;transform:translateY(-3px)}.workshop-page .stage-panel{padding:29px;border:1px solid #b5b49a;border-radius:14px;background:#fff9ed;box-shadow:4px 5px 0 #716b4e10}.workshop-page .panel-heading h2{font-size:32px}.workshop-page .worksheet input:not([type=radio]),.workshop-page .worksheet textarea,.workshop-page .worksheet select{background:#f7f4e7;border-color:#c4c4a8;border-radius:8px;padding:14px;font-size:13px;line-height:1.7}.workshop-page .field-label{font-size:12px;margin-top:24px}.workshop-page .field-label>span{font-size:10px;color:#71735c}.workshop-page #panel-spark{background:#fff8e6}.workshop-page #panel-shape{background:#f0eddc}.workshop-page #panel-bench{background:#f0e7f8}.workshop-page #panel-plan{background:#e9edce}.workshop-page .spark-card{border:1px solid #ad9c83;box-shadow:2px 3px 0 #5b4f3620;transition:transform .2s}.workshop-page .spark-card:nth-child(1){background:#f6bc9d;transform:rotate(-2deg)}.workshop-page .spark-card:nth-child(2){background:#d6c2ef;transform:rotate(1deg)}.workshop-page .spark-card:nth-child(3){background:#d6e49c;transform:rotate(-1deg)}.workshop-page .spark-card:hover{transform:rotate(0) translateY(-6px)}.workshop-page .spark-card strong{font-size:16px}.workshop-page .spark-question{background:#f6edcf;border-radius:7px;padding:15px;color:#5f6046;font-size:12px}.workshop-page .next-stage{background:#263c31;border-radius:7px;color:#fff7df;padding:13px 17px;box-shadow:3px 4px 0 #819261}.workshop-page .platform-option label{background:#f8f5e6;border-radius:12px;border:1px solid #b2b799;padding:16px;box-shadow:2px 3px 0 #3c432e15;transition:transform .2s}.workshop-page .platform-option label:hover{transform:translateY(-4px)}.workshop-page .platform-option input:checked+label{background:#d5f65a;border-color:#39452c;box-shadow:4px 5px 0 #4e5b35}.workshop-page .stack-option label{border-radius:9px;background:#f9f4e7;padding:17px}.workshop-page .stack-option input:checked+label{background:#e1d1f4;border-color:#82699e}.workshop-page .brief-ticket{background:#263c31;border-color:#263c31;color:#fff7df;border-radius:15px;padding:27px;transform:rotate(1deg);box-shadow:6px 8px 0 #a5b281}.workshop-page .brief-ticket h2{font-size:48px;color:#fff7df;letter-spacing:-2.4px}.workshop-page .brief-ticket h2 em{color:#d5f65a}.workshop-page .brief-ticket>p,.workshop-page .ticket-fine{color:#d1dabf}.workshop-page .brief-ticket .eyebrow,.workshop-page .brief-summary dt{color:#bdc9ab}.workshop-page .brief-summary dd{color:#fff7df}.workshop-page .brief-summary>div{border-color:#a9b79540}.workshop-page .readiness strong{color:#d5f65a}.workshop-page .readiness span{color:#d1dabf}.workshop-page .readiness-track{background:#ffffff25}.workshop-page .readiness-track>span{background:#d5f65a}.workshop-page .generate-button{background:#d5f65a;color:#263c31;border:0;border-radius:9px;box-shadow:3px 4px 0 #141f17;font-size:12px;padding:16px 14px}.workshop-page .generate-button:hover{background:#e1fc79;transform:translateY(-3px)}.workshop-page #prompt-ready{border-top-color:#a9b79570}.workshop-page #prompt-ready button,.workshop-page #prompt-state{color:#f8f5df}.workshop-page .sidebar-note{background:#eedbb6;border-radius:8px;padding:18px;margin-top:22px;color:#5b5b3c}.workshop-page .notes-wall{border-radius:12px;background-color:#e1e6c9;background-image:radial-gradient(#bbc2a3 1px,transparent 1px);background-size:20px 20px}.workshop-page .note-adders button{border:1px solid #8b987a;border-radius:7px;padding:9px;background:#d5f65a}.workshop-page .note-adders button:nth-child(2){background:#d8c7f0}.workshop-page .note-adders button:nth-child(3){background:#f6b99d}
.board-page{background:#e7e9fb}.board-page .topbar{border-bottom-color:#9fa8cc}.board-page main.wrap{max-width:1500px;width:calc(100% - 64px);padding-top:37px}.board-page main>.eyebrow{color:#5362a1}.board-page h1{font-size:clamp(42px,5.4vw,72px);letter-spacing:-3px;line-height:1;margin:17px 0 20px}.board-page .board-lead{color:#505772;font-size:13px;line-height:1.8;margin:0 0 18px}.board-page #quick-save{font-size:10px;color:#4a5b73;margin-bottom:20px}.board-page footer{font-size:11px;color:#5d6583}.visual-editor{--line:#b5bdcd;border:1px solid #3e4e74;border-radius:15px;background:#f2f1fb;box-shadow:6px 8px 0 #35436c1f;display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-areas:'header header' 'starters starters' 'tools tools' 'families viewport' 'palette viewport' 'help help' 'status status';grid-template-rows:auto auto auto auto 1fr auto auto;overflow:hidden;position:relative}.ve-header{grid-area:header;background:#b3baf0;border-bottom:1px solid #6f80a3;min-height:48px;font-size:10px;gap:15px}.ve-header>span{font-weight:600}.ve-header button{border:1px solid #7e89b0;background:#dee1f8;border-radius:5px;font-size:9px}.ve-tools{grid-area:tools;background:#f4f1fc;padding:10px;border-bottom:1px solid #b8bfd1;gap:5px}.ve-tools button{font-size:10px;padding:8px;border:1px solid #c2c6d4;background:#fdfbff}.ve-tools button[aria-pressed=true]{background:#354c9b;color:#fff8e8;border-color:#354c9b}.ve-starters{grid-area:starters;display:flex;gap:7px;align-items:center;padding:11px 13px;background:#dce8bd;border-bottom:1px solid #a6b38e;flex-wrap:wrap}.ve-starters>span{font-size:8px;letter-spacing:1px;color:#505e37;margin-right:7px}.ve-starters button{font-size:9px;padding:8px 10px;border:1px solid #939f7b;border-radius:6px;background:#fbf8e9;box-shadow:1px 2px 0 #77835f33}.ve-starters button:hover{background:#d5f65a;transform:translateY(-2px)}.ve-starters .ve-expand{margin-left:auto;background:#293b2f;color:#fbf7e6;border-color:#293b2f}.ve-families{grid-area:families;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;background:#e1def0;border-bottom:1px solid #c1b9d4;border-right:1px solid #aeb4c8}.ve-families button{border:1px solid #aaa8bb;border-radius:4px;padding:7px 3px;background:#f7f3fb;font-size:8px}.ve-families button[aria-pressed=true]{background:#394a91;color:#fff9e7;border-color:#394a91}.ve-palette{grid-area:palette;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:7px;padding:10px;background:#ebe8f5;border-right:1px solid #aeb4c8;max-height:540px;overflow:auto}.ve-palette button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:63px;min-width:0;padding:9px 3px;border:1px solid #b2abc3;border-radius:8px;background:#fffaf3;box-shadow:1px 2px 0 #85809d30;font-size:8px;transition:transform .15s,background .15s}.ve-palette button>span:first-child{font-size:24px;color:#56528b}.ve-palette button:nth-child(4n+1){background:#e2ecc5}.ve-palette button:nth-child(4n+2){background:#efd9cd}.ve-palette button:nth-child(4n+3){background:#ddd5f4}.ve-palette button:hover{transform:translateY(-3px);background:#d5f65a}.ve-palette [data-control-label]{font-size:8px;line-height:1.25;text-align:center;white-space:normal}.ve-viewport{grid-area:viewport;height:620px;min-width:0;border:0;background:#fdfcf5;box-shadow:inset 0 1px 5px #3c4a6f10}.ve-world{background-color:#fffdf5}.ve-world.grid{background-image:linear-gradient(#9faecc26 1px,transparent 1px),linear-gradient(90deg,#9faecc26 1px,transparent 1px);background-size:20px 20px}.ve-help{grid-area:help;border-top:1px solid #bec5d3;border-bottom:1px solid #bec5d3;background:#e5e9f5;padding:11px 14px;font-size:9px;color:#515f7c}.ve-status{grid-area:status;background:#e0e6f5;padding:12px;gap:12px;font-size:9px}.ve-status button{border:1px solid #a3b0cb;background:#f9f7fc;border-radius:5px;font-size:9px}.ve-status input{accent-color:#405ba4}.ve-message{font-size:9px;flex:1;color:#4b5c78}.ve-node.selected{outline-color:#7560a8}.ve-immersive{position:fixed!important;inset:12px!important;z-index:1000!important;width:auto!important;height:calc(100svh - 24px)!important;margin:0!important;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto!important;border:2px solid #35436c!important}.ve-immersive .ve-viewport{height:100%;grid-row:4/6}.ve-immersive .ve-palette{max-height:none;overflow:auto}.board-takeover{overflow:hidden}.board-takeover .studio-dock{display:none}
@media(max-width:1150px){.workshop-page .stage-tabs .stage-icon{font-size:19px}.stage-copy strong{font-size:9px}.stage-copy small{display:none}.workshop-page .stage-tabs button{padding:13px 8px;gap:6px}.workshop-page .stage-tabs .stage-copy{font-size:9px}.visual-editor{grid-template-columns:126px minmax(0,1fr)}.ve-palette{padding:8px;gap:5px}.ve-starters{gap:5px}.ve-starters>span{width:100%}.ve-starters .ve-expand{margin-left:0}.ve-families{padding:8px}.ve-families button{font-size:7px}.ve-viewport{height:560px}.ve-tools button{font-size:9px;padding:7px}.ve-header{padding:12px}.ve-header>span{font-size:9px}.ve-actions{gap:4px}.ve-actions button{font-size:8px;padding:7px}}
@media(max-width:760px){.workshop-play-hero{padding:25px!important;grid-template-columns:1fr 95px!important;gap:14px!important}.workshop-adventure-label{font-size:7px;letter-spacing:.7px}.workshop-play-hero h1{font-size:49px;letter-spacing:-2.7px}.workshop-play-hero p{font-size:11px}.workshop-play-hero .hero-art{width:90px!important;height:120px!important}.workshop-play-hero .art-note{width:90px;height:90px;left:0;top:7px;font-size:14px}.workshop-play-hero .hero-art svg{width:75px;margin-left:15px;margin-top:60px}.workshop-play-hero .art-caption{display:none}.workshop-play-hero .hero-kicker{flex-direction:column;align-items:start;gap:9px}.workshop-play-hero .hero-kicker .eyebrow{display:none}.workshop-play-hero:after{right:15px;top:0;font-size:190px}.workshop-page .ideas-shelf{padding:21px 16px}.workshop-page .ideas-shelf h2{font-size:24px}.workshop-page .ideas-shelf-top{gap:15px}.workshop-page .ideas-shelf-top button{font-size:8px;padding:8px}.workshop-page .stage-tabs{gap:3px;padding:4px;top:5px;border-radius:9px}.workshop-page .stage-tabs button{flex-direction:column;text-align:center;gap:7px;justify-content:center;padding:12px 3px}.workshop-page .stage-tabs .stage-icon{font-size:24px}.stage-copy strong{font-size:8px}.workshop-page .stage-panel{padding:23px 17px;border-radius:11px}.workshop-page .panel-heading h2{font-size:27px}.workshop-page .field-label{font-size:11px}.workshop-page .field-label>span{font-size:9px}.workshop-page .worksheet textarea,.workshop-page .worksheet input:not([type=radio]),.workshop-page .worksheet select{font-size:12px;padding:12px}.workshop-page .spark-card strong{font-size:13px}.workshop-page .brief-ticket{transform:none;margin:6px 0}.workshop-page .brief-ticket h2{font-size:43px}.board-page main.wrap{width:calc(100% - 28px);padding-top:28px}.board-page h1{font-size:43px;letter-spacing:-2px}.board-page .board-lead{font-size:11px}.visual-editor{grid-template-columns:minmax(0,1fr);grid-template-areas:'header' 'starters' 'tools' 'families' 'palette' 'viewport' 'help' 'status';grid-template-rows:auto}.ve-header{flex-direction:column;align-items:start;gap:9px}.ve-actions{gap:5px;width:100%}.ve-actions button{font-size:8px;padding:7px}.ve-starters{padding:10px;gap:5px}.ve-starters>span{font-size:7px}.ve-starters button{font-size:8px;padding:7px}.ve-starters .ve-expand{margin-left:auto}.ve-tools{padding:8px;gap:4px}.ve-tools button{font-size:8px;padding:7px}.ve-families{display:flex;padding:8px;border-right:0;gap:6px}.ve-families button{font-size:8px;padding:7px 10px}.ve-palette{display:flex;flex-wrap:nowrap;overflow-x:auto;max-height:none;padding:10px;border-right:0;border-bottom:1px solid #b3b9cc;gap:7px}.ve-palette button{min-width:66px;min-height:65px;flex-shrink:0;padding:8px 5px}.ve-palette button>span:first-child{font-size:22px}.ve-viewport{height:430px!important;min-height:330px}.ve-status{gap:8px;padding:10px}.ve-message{flex-basis:100%;font-size:8px}.ve-help{font-size:8px;line-height:1.7}.ve-immersive{inset:5px!important;height:calc(100svh - 10px)!important;overflow:auto;display:flex!important;flex-direction:column}.ve-immersive .ve-palette{min-height:84px;max-height:100px}.ve-immersive .ve-viewport{flex:1;min-height:200px;height:auto!important}.ve-immersive .ve-starters>span{display:none}.ve-immersive .ve-help{display:none}.ve-immersive .ve-tools{max-height:95px;overflow:auto;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.workshop-page .stage-tabs button,.workshop-page .spark-card,.workshop-page .platform-option label,.ve-palette button,.workshop-play-hero .art-note{transition:none}.workshop-page .idea-entry:hover,.workshop-page .spark-card:hover,.workshop-page .platform-option label:hover,.workshop-play-hero:hover .art-note{transform:none}}