@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;1,400&family=Instrument+Sans:wght@400;500&family=Roboto+Mono:wght@300;400&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cotton:#fbfbfa;--parchment:#f3f1ee;--charcoal:#43424a;--leather:#1f1f1f;--brew:#8a6f51;--soft-brew:#dcd5cb;--card-line:#8a6f512e;--canvas-border:#8a6f5138;--focus-ring:#43424a24;--mobile-tray-height:172px;--ui-line:.5px;--ui-radius:1px;--role-accent:#8a6f51;--role-accent-soft:#dcd5cb;--picardy:#ff9d09;--soft-picardy:#ffe2b5;--wolfe:#9e4bbb;--soft-wolfe:#e2c9eb;--gretna:#016f2f;--soft-gretna:#b3d4c1;background:var(--cotton);color:var(--charcoal);font-family:Roobert,Instrument Sans,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:var(--cotton);color:var(--charcoal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Roobert,Instrument Sans,sans-serif}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}button{cursor:pointer}.app-shell{background:var(--cotton);min-height:100svh}.brand-wordmark{color:var(--leather);letter-spacing:-.03em;font-family:Tartuffo,Instrument Serif,serif;font-size:clamp(1.55rem,2.6vw,2rem);font-weight:300;line-height:1}.mono-kicker{letter-spacing:.08em;text-transform:uppercase;color:#43424ab3;font-family:Roboto Mono,monospace;font-size:11px;line-height:1.25}.primary-button,.secondary-button,.ghost-button,.icon-button{border-radius:var(--ui-radius);justify-content:center;align-items:center;gap:.55rem;transition:transform .14s,background-color .14s,border-color .14s,color .14s,opacity .14s;display:inline-flex}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.role-card:focus-visible,.asset-card:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.primary-button{border:var(--ui-line) solid var(--leather);background:var(--leather);min-height:48px;color:var(--cotton);padding:0 1.2rem}.primary-button[data-role-hover=true]:hover{background:var(--role-accent,var(--brew));border-color:var(--role-accent,var(--brew))}.secondary-button{border:var(--ui-line) solid var(--card-line);min-height:46px;color:var(--charcoal);background:#f3f1eed1;padding:0 1rem}.ghost-button{min-height:42px;color:inherit;background:0 0;border:none;padding:0}.icon-button{border:var(--ui-line) solid var(--card-line);width:42px;height:42px;color:var(--charcoal);background:#fbfbfaf5}.icon-button.destructive{color:#8f2f2f}.landing-shell,.studio-shell{width:min(1400px,100vw - 32px);margin:0 auto}.landing-shell{padding:24px 0 64px}.landing-nav,.studio-nav{justify-content:space-between;align-items:center;gap:1rem;display:flex}.landing-nav{margin-bottom:2.25rem}.landing-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:2rem 0 3rem;display:grid}.landing-copy h1,.section-intro h2,.brief-stage-copy h2,.workspace-card-header h2,.crop-topbar h2{color:var(--leather);letter-spacing:-.03em;margin:0;font-family:Tartuffo,Instrument Serif,serif;font-weight:300}.landing-copy h1{max-width:12ch;margin-top:.65rem;font-size:clamp(3.3rem,9vw,7rem);line-height:.95}.landing-copy p,.section-intro p,.brief-stage-copy p,.workspace-summary,.workspace-brief-block p,.completion-panel p,.crop-note,.hero-note{color:#43424ad6;margin:0;font-size:1.02rem;line-height:1.7}.landing-copy{gap:1.3rem;display:grid}.landing-actions,.landing-nav-actions,.studio-nav-actions,.brief-stage-actions,.brief-inline-actions,.crop-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.landing-stage-card,.brief-stage-card,.workspace-brief-card,.workspace-tray-card,.crop-shell{border:var(--ui-line) solid var(--card-line);background:#fbfbfaf5}.landing-stage-card{min-height:520px;padding:1rem;position:relative;overflow:clip}.landing-stage-head,.workspace-card-header,.crop-topbar{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.stage-chip,.scenario-chip{border-radius:var(--ui-radius);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;min-height:30px;padding:0 .75rem;font-family:Roboto Mono,monospace;font-size:11px;display:inline-flex}.stage-chip,.scenario-chip.neutral{background:var(--parchment);color:var(--brew)}.landing-stage-board{border:var(--ui-line) solid #8a6f511f;background:var(--cotton);min-height:420px;margin-top:1rem;position:relative;overflow:hidden}.stage-floating{border:var(--ui-line) solid #8a6f5124;background:#fbfbfaf5;position:absolute;overflow:hidden}.stage-floating img{object-fit:cover;width:100%;height:100%}.stage-floating-scene{inset:28px 28px 180px}.stage-floating-figure{width:min(240px,42%);bottom:28px;right:30px}.stage-floating-figure img{object-fit:contain;background:var(--cotton)}.stage-floating-object{width:120px;padding:16px;bottom:44px;left:38px}.stage-floating-object img{object-fit:contain}.landing-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid;position:absolute;bottom:20px;left:20px;right:20px}.landing-stage-grid div{border:var(--ui-line) solid #8a6f5124;background:#fbfbfaf5;padding:1rem}.landing-stage-grid strong,.brief-stage-metadata strong,.workspace-brief-block strong,.selection-toolbar strong,.asset-card-copy strong,.brief-strip-card span{color:var(--leather);font-weight:500;display:block}.landing-stage-grid p,.brief-stage-metadata p,.workspace-brief-block p,.brief-strip-card span,.selection-toolbar-copy strong,.asset-card-copy strong{color:#43424ac7;margin:.4rem 0 0;line-height:1.55}.landing-role-grid,.role-stage .landing-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.role-card{border:var(--ui-line) solid var(--card-line);background:var(--cotton);text-align:left;gap:0;padding:0;display:grid;overflow:clip}.role-card:hover{transform:translateY(-2px)}.role-card-scene-wrap{background:var(--role-soft);min-height:300px;position:relative}.role-card-scene{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.role-card-figure{object-fit:contain;width:48%;max-height:100%;position:absolute;bottom:0;right:18px}.role-card-copy{gap:.9rem;padding:1rem;display:grid}.role-chip-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.role-card h3{color:var(--leather);margin:0;font-size:1.42rem;font-weight:500}.role-card p{color:#43424ad1;margin:0;line-height:1.65}.role-card-link{color:var(--leather);align-items:center;gap:.45rem;font-weight:500;display:inline-flex}.studio-shell{grid-template-rows:auto minmax(0,1fr);gap:1.2rem;height:100svh;padding:18px 0;display:grid;overflow:hidden}.studio-nav{z-index:20;border:var(--ui-line) solid var(--card-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfbfaeb;padding:.85rem 1rem;position:sticky;top:12px}.studio-nav-brand{align-items:center;gap:.85rem;display:flex}.role-stage,.client-stage,.brief-stage{gap:1.1rem;min-height:0;display:grid;overflow:auto}.section-intro,.brief-stage-copy{gap:.85rem;display:grid}.section-intro h2,.brief-stage-copy h2{max-width:15ch;font-size:clamp(2.2rem,6vw,4.8rem);line-height:.98}.brief-stage{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:1rem}.client-stage{gap:1rem;max-width:920px}.client-stage-header{gap:1rem;padding:.35rem 0 .2rem;display:grid}.client-stage-heading{gap:.7rem;display:grid}.client-stage-heading h2{color:var(--leather);letter-spacing:-.035em;margin:0;font-family:Tartuffo,Instrument Serif,serif;font-size:clamp(2.6rem,7vw,5.4rem);font-weight:300;line-height:.96}.client-stage-lead{color:#43424ad1;max-width:58ch;margin:0;font-size:1.06rem;line-height:1.78}.client-stage-content{max-width:420px}.client-stage-panel{border:var(--ui-line) solid #8a6f5124;background:#fbfbfaf5;padding:1rem}.client-stage-panel strong{color:var(--leather);margin-top:.45rem;font-size:1.18rem;font-weight:500;line-height:1.45;display:block}.client-stage-panel p{color:#43424ac7;margin:.45rem 0 0;line-height:1.7}.client-stage-profile-panel{align-content:start}.brief-stage-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.brief-stage-metadata-single{grid-template-columns:1fr}.brief-stage-metadata>div{border:var(--ui-line) solid #8a6f5124;background:#fbfbfaf0;padding:.95rem}.brief-stage-card{min-height:480px;position:relative;overflow:clip}.brief-stage-card:after{content:"";background:color-mix(in srgb, var(--role-core) 18%, transparent);height:1px;position:absolute;inset:auto 24px 22px}.brief-stage-scene{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.brief-stage-overlay{z-index:1;background:#1f1f1f66;align-content:end;gap:.75rem;min-height:480px;padding:24px;display:grid;position:relative}.brief-stage-overlay p{color:#fbfbfaf5;max-width:24ch;font-size:1.1rem;line-height:1.65}.brief-stage-badge,.scenario-chip{width:fit-content;color:var(--leather);background:#fbfbfae6}.brief-stage-strip{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;display:grid}.brief-strip-card{border:var(--ui-line) solid var(--card-line);background:#fbfbfaf5;gap:.75rem;padding:.8rem;display:grid}.brief-strip-card img{aspect-ratio:4/3;object-fit:contain;background:var(--parchment);width:100%}.workspace-shell{grid-template-columns:320px minmax(0,1fr) 320px;align-items:stretch;gap:1rem;min-height:0;padding-bottom:110px;display:grid;overflow:hidden}.workspace-brief-card,.workspace-tray-card{grid-template-rows:minmax(0,1fr);min-height:0;padding:1rem;display:grid;overflow:hidden}.workspace-board-panel{border:var(--ui-line) solid var(--card-line);background:#f3f1ee6b;min-height:0;padding:1rem;overflow:hidden}.workspace-brief-scroll,.workspace-tray-scroll{gap:1rem;height:100%;min-height:0;padding-right:.2rem;display:grid;overflow:auto}.workspace-panel-header{z-index:2;background:linear-gradient(#fbfbfafa,#fbfbfaf0,#fbfbfa00);padding-bottom:.7rem;position:sticky;top:0}.workspace-card-header-actions{align-items:center;gap:.55rem;display:flex}.tray-header{align-items:center}.workspace-card-header h2{margin-top:.25rem;font-size:clamp(1.85rem,3vw,2.45rem);line-height:.98}.workspace-card-header p{margin:.45rem 0 0}.workspace-summary{font-size:1.02rem}.workspace-disclosure{border-top:var(--ui-line) solid #8a6f5124;padding-top:.75rem}.workspace-disclosure summary{cursor:pointer;gap:.18rem;list-style:none;display:grid}.workspace-disclosure summary::-webkit-details-marker{display:none}.workspace-disclosure summary:after{content:"+";color:#43424aa3;font-size:1rem;line-height:1;position:absolute;top:0;right:0}.workspace-disclosure[open] summary:after{content:"-"}.workspace-disclosure summary{padding-right:1.4rem;position:relative}.workspace-disclosure summary strong{color:var(--leather);font-weight:500}.workspace-disclosure-body{padding-top:.55rem}.workspace-disclosure-body p{color:#43424acc;margin:0;line-height:1.7}.completion-panel{border:var(--ui-line) solid #016f2f38;background:#b3d4c129;gap:.75rem;padding:.9rem;display:grid}.completion-panel-top{color:#016f2f;align-items:center;gap:.45rem;display:inline-flex}.canvas-frame{background:var(--cotton);touch-action:none;height:100%;min-height:0;position:relative;overflow:clip}.canvas-zoom-controls{z-index:3;gap:.55rem;display:grid;position:absolute;top:16px;right:16px}.canvas-mobile-history{display:none}.asset-card-grid{gap:.7rem;display:grid}.asset-card{border:var(--ui-line) solid var(--card-line);text-align:left;background:#fbfbfafa;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:.8rem;padding:.75rem;display:grid}.asset-card:disabled{opacity:.58}.asset-card-preview{background:color-mix(in srgb, var(--asset-accent) 10%, var(--parchment));place-items:center;min-height:72px;padding:.55rem;display:grid}.asset-card-preview img{object-fit:contain;max-height:64px}.asset-card-copy{gap:.15rem;display:grid}.asset-card-add{color:var(--leather);grid-column:1/-1;font-size:.95rem;font-weight:500}.selection-toolbar{z-index:40;background:var(--cotton);border:var(--ui-line) solid var(--soft-brew);border-radius:var(--ui-radius);opacity:0;pointer-events:none;gap:6px;padding:6px 10px;transition:opacity .2s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.selection-toolbar[data-visible=true]{opacity:1;pointer-events:auto}.selection-toolbar .tool-btn{border-radius:var(--ui-radius);cursor:pointer;width:32px;height:32px;color:var(--charcoal);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:14px;transition:background .15s;display:flex}.toolbar-icon-svg{flex-shrink:0;width:16px;height:16px;display:block}.bar-btn-icon .toolbar-icon-svg{width:14px;height:14px}.has-tooltip{position:relative}.has-tooltip:after{opacity:0;pointer-events:none;z-index:120;content:attr(data-tooltip);color:var(--cotton);white-space:nowrap;letter-spacing:.01em;background:#1f1f1feb;border-radius:1px;padding:6px 9px;font-size:11px;line-height:1;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(2px)}.has-tooltip.tooltip-bottom:after{top:calc(100% + 6px);bottom:auto;transform:translate(-50%)translateY(-2px)}.has-tooltip:hover:after,.has-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.selection-toolbar .tool-btn:hover{background:var(--soft-brew)}.selection-toolbar .tool-btn.destructive{color:#8f2f2f}.selection-toolbar .tool-btn.destructive .toolbar-icon-svg{filter:brightness(0)saturate()invert(20%)sepia(37%)saturate(1995%)hue-rotate(334deg)brightness(92%)contrast(92%)}.selection-toolbar .tool-btn.destructive:hover{background:#8f2f2f1a}.crop-overlay{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f1f1f85;padding:16px;position:fixed;inset:0}.crop-shell{grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;height:100%;padding:1rem;display:grid}.crop-stage-shell{height:100%;min-height:0}.crop-loading{border:var(--ui-line) dashed var(--card-line);color:#43424abd;background:var(--parchment);place-items:center;height:100%;display:grid}.crop-note{padding-bottom:.5rem}@media (width<=1180px){.brief-stage{grid-template-columns:1fr}.client-stage-content{max-width:100%}.brief-stage-metadata{grid-template-columns:1fr}.brief-stage-card,.brief-stage-overlay{min-height:420px}.brief-stage-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-shell{grid-template-columns:290px minmax(0,1fr)}.workspace-tray-card{max-height:var(--mobile-tray-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-column:1/-1;padding:.85rem;position:fixed;inset:auto 16px 84px;overflow:hidden}.workspace-shell{padding-bottom:calc(var(--mobile-tray-height) + 96px)}.asset-card-grid{grid-auto-columns:minmax(220px,240px);grid-auto-flow:column;padding-bottom:.1rem;display:grid;overflow-x:auto}}@media (width<=940px){.landing-shell,.studio-shell{width:min(100vw - 24px,1400px)}.landing-hero,.landing-role-grid,.role-stage .landing-role-grid,.landing-stage-grid{grid-template-columns:1fr}.workspace-shell{grid-template-columns:1fr;overflow:auto}.workspace-brief-card{overflow:auto}.workspace-board-panel{min-height:62svh;padding:.75rem}.canvas-frame{min-height:58svh}.selection-toolbar{padding:4px 8px}}@media (width<=720px){.landing-shell{padding-top:18px}.client-stage-heading h2,.landing-copy h1,.section-intro h2,.brief-stage-copy h2{max-width:unset}.brief-stage-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-board-panel{order:2}.workspace-brief-card{order:1}.workspace-tray-card{order:3;max-height:184px;bottom:98px;left:10px;right:10px}.asset-card-grid{grid-auto-columns:minmax(190px,220px)}.selection-toolbar{padding:4px 8px;bottom:14px}.crop-overlay{padding:10px}.crop-shell{padding:.85rem}.crop-topbar{gap:.85rem;display:grid}.crop-actions{justify-content:stretch}.crop-actions .primary-button,.crop-actions .secondary-button{flex:160px}}.brief-screen{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100svh;padding:clamp(60px,8vh,80px) clamp(24px,3vw,48px) clamp(24px,4vh,48px);transition:opacity .5s,transform .5s;display:flex}.brief-wordmark{--wordmark-size:clamp(1.3rem, 2.4vw, 1.7rem);z-index:10;align-items:center;line-height:1;display:flex;position:absolute;top:36px;left:clamp(24px,3vw,48px)}.brief-wordmark-lockup{align-items:center;gap:6px;display:flex}.brief-wordmark-text{align-items:baseline;gap:6px;display:flex}.brief-wordmark .wordmark-title{font-family:Tartuffo,Instrument Serif,serif;font-style:italic;font-size:var(--wordmark-size);letter-spacing:-.02em;color:var(--role-accent,var(--brew))}.brief-wordmark .wordmark-byline,.bar-logo .wordmark-byline{white-space:nowrap;font-size:var(--wordmark-size);align-items:baseline;gap:0;display:inline-flex}.brief-wordmark .wordmark-by,.bar-logo .wordmark-by{letter-spacing:0;color:var(--leather);margin:0;font-family:Tartuffo,Instrument Serif,serif;font-size:.6em;font-weight:500}.brief-wordmark .wordmark-brand,.bar-logo .wordmark-brand{width:auto;height:.9em;display:inline-block;position:relative}.brief-wordmark .wordmark-byline{align-items:baseline}.brief-wordmark .wordmark-brand{align-self:center}.brief-body{color:var(--leather);z-index:1;width:100%;max-width:none;font-family:Instrument Serif,serif;font-size:clamp(42px,7vw,92px);font-weight:500;line-height:1.08}.brief-line{display:block}.brief-term{color:var(--role-accent,var(--wolfe));cursor:pointer;white-space:nowrap;font:inherit;text-align:left;text-decoration-line:underline;-webkit-text-decoration-color:var(--role-accent-soft,var(--soft-wolfe));text-decoration-color:var(--role-accent-soft,var(--soft-wolfe));text-underline-offset:.25em;background:0 0;border:none;padding:0 4px;font-family:Instrument Serif,serif;font-style:italic;text-decoration-thickness:2px;transition:color .18s,text-decoration-color .18s;display:inline;position:relative}.brief-term:hover{-webkit-text-decoration-color:var(--role-accent,var(--wolfe));text-decoration-color:var(--role-accent,var(--wolfe))}.brief-term-inner{transition:opacity .15s,transform .15s}.brief-term-inner[data-cycling=true]{opacity:0;transform:translateY(-6px)}.brief-dot{color:var(--leather);font-style:normal;font-weight:500;display:inline-block}.brief-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--brew);z-index:1;margin-top:48px;margin-bottom:32px;font-family:Roboto Mono,monospace;font-size:10px}.brief-start-btn{color:var(--cotton);background:var(--leather);border-radius:var(--ui-radius);cursor:pointer;letter-spacing:.01em;opacity:0;z-index:1;border:none;padding:16px 36px;font-family:Instrument Sans,sans-serif;font-size:18px;font-weight:500;transition:all .2s;animation:.5s .6s forwards briefBtnIn;transform:translateY(10px)}.brief-start-btn:hover{background:var(--role-accent,var(--wolfe));transform:translateY(-2px)}.brief-start-btn:disabled{opacity:.5;cursor:default}.brief-start-btn:disabled:hover{background:var(--leather);transform:none}@keyframes briefBtnIn{to{opacity:1;transform:translateY(0)}}.brief-scroll-container{height:100svh;position:relative;overflow:hidden auto}.brief-scroll-container .brief-wordmark{z-index:10;background:var(--cotton);padding:28px clamp(24px,3vw,48px) 16px;position:fixed;top:0;left:0;right:0}.moodboard-grid-section{z-index:3;background:var(--cotton);padding:clamp(48px,6vh,80px) clamp(24px,3vw,48px);position:relative}.moodboard-grid-heading{color:var(--charcoal);letter-spacing:-.01em;margin:0 0 clamp(20px,3vh,36px);font-family:Instrument Serif,serif;font-size:clamp(1.4rem,2.5vw,2rem);font-style:italic;font-weight:400}.moodboard-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.moodboard-grid-cell{aspect-ratio:16/10;background:var(--parchment);box-shadow:0 2px 8px #0000000f, 0 0 0 .5px var(--card-line);border-radius:1px;transition:box-shadow .3s;overflow:hidden}.moodboard-grid-cell:hover{box-shadow:0 6px 20px #0000001a, 0 0 0 .5px var(--card-line)}.moodboard-grid-cell img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform .4s;display:block}.moodboard-grid-cell:hover img{transform:scale(1.03)}.mobile-scroll-hint{display:none}@media (width<=720px){.mobile-scroll-hint{color:var(--brew);opacity:0;cursor:pointer;z-index:5;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-family:Instrument Sans,sans-serif;font-size:13px;animation:.6s 1.2s forwards hintFadeIn;display:flex;position:fixed;bottom:24px;left:0;right:0}.mobile-scroll-hint-arrow{animation:1.6s ease-in-out infinite hintBounce;display:inline-block}@keyframes hintFadeIn{to{opacity:1}}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}}.gallery-tube{perspective:2500px;perspective-origin:25% 25%;z-index:0;pointer-events:none;opacity:0;animation:.8s 1s forwards galleryFadeIn;position:fixed;inset:0;overflow:hidden}@keyframes galleryFadeIn{to{opacity:1}}.gallery-tube-cylinder{width:0;height:0;transform-style:preserve-3d;animation:160s linear infinite galleryRotate;position:absolute;bottom:25%;right:25%}@keyframes galleryRotate{0%{transform:rotate(-45deg)rotateX(14deg)rotateY(0)}to{transform:rotate(-45deg)rotateX(14deg)rotateY(-360deg)}}.gallery-tube-cylinder[data-paused=true]{animation-play-state:paused}.gallery-tube-card{backface-visibility:hidden;pointer-events:auto;cursor:pointer;border-radius:1px;width:220px;height:140px;margin-top:-70px;margin-left:-110px;position:absolute;overflow:hidden;box-shadow:0 4px 20px #00000014,0 1px 4px #0000000a}.gallery-tube-card img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@media (width<=720px){.gallery-tube{display:none}}.transition-overlay{z-index:100;background:var(--leather);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:clamp(24px,4vh,48px) 1.5rem;transition:opacity .4s;display:flex;position:fixed;inset:0;overflow-y:auto}.transition-overlay[data-active=true]{opacity:1;pointer-events:all}.transition-brief{color:var(--role-accent-soft,var(--soft-picardy));text-align:center;opacity:0;max-width:600px;padding:0 1.5rem;font-family:Instrument Sans,sans-serif;font-size:clamp(18px,3vw,28px);font-weight:500;line-height:1.4;transition:opacity .4s .2s,transform .4s .2s;transform:scale(.96)}.transition-brief-heading{font-family:Instrument Serif,serif;font-style:italic}.transition-overlay[data-active=true] .transition-brief{opacity:1;transform:scale(1)}.transition-details{gap:.6rem;width:100%;max-width:480px;padding:0 1.5rem;display:grid}.transition-detail-card{border:var(--ui-line) solid #ffffff14;border-radius:var(--ui-radius);opacity:0;background:#ffffff0f;padding:14px 18px;transition:opacity .45s,transform .45s;transform:translateY(10px)}.transition-overlay[data-active=true] .transition-detail-card:first-child{opacity:1;transition-delay:.8s;transform:translateY(0)}.transition-overlay[data-active=true] .transition-detail-card:nth-child(2){opacity:1;transition-delay:1.4s;transform:translateY(0)}.transition-detail-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff59;margin-bottom:6px;font-family:Roboto Mono,monospace;font-size:9px}.transition-detail-text{color:#ffffffd1;font-family:Instrument Sans,sans-serif;font-size:14px;line-height:1.55}.transition-ready-btn{color:var(--leather);background:var(--cotton);border-radius:var(--ui-radius);cursor:pointer;letter-spacing:.01em;opacity:0;border:none;flex-shrink:0;padding:16px 40px;font-family:Instrument Sans,sans-serif;font-size:16px;font-weight:500;transition:all .2s;animation:.5s 1.95s forwards transitionBtnIn;transform:translateY(10px)}.transition-ready-btn:hover{background:var(--role-accent,var(--wolfe));color:var(--cotton);transform:translateY(-2px)}@keyframes transitionBtnIn{to{opacity:1;transform:translateY(0)}}.editor-shell{flex-direction:column;height:100svh;display:flex;overflow:hidden}.editor-bar{border-bottom:var(--ui-line) solid var(--soft-brew);background:var(--cotton);z-index:60;flex-shrink:0;align-items:stretch;height:56px;animation:.5s .1s both fadeDown;display:flex;position:relative;overflow:visible}.bar-logo{border-right:var(--ui-line) solid var(--soft-brew);white-space:nowrap;--wordmark-size:clamp(1.1rem, 1.8vw, 1.35rem);align-items:center;padding:0 24px;display:flex}.bar-logo-lockup{align-items:center;gap:6px;display:flex}.bar-logo-text{align-items:baseline;gap:6px;display:flex}.bar-logo .wordmark-title{font-family:Tartuffo,Instrument Serif,serif;font-style:italic;font-size:var(--wordmark-size);letter-spacing:-.02em;color:var(--role-accent,var(--brew))}.bar-logo .wordmark-byline{align-items:baseline}.bar-logo .wordmark-brand{align-self:center}.bar-actions{border-left:var(--ui-line) solid var(--soft-brew);z-index:61;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding:0 20px;display:flex;position:relative;overflow:visible}.bar-btn{border-radius:var(--ui-radius);cursor:pointer;white-space:nowrap;padding:7px 16px;font-family:Instrument Sans,sans-serif;font-size:12px;transition:all .18s}.bar-btn-ghost{border:var(--ui-line) solid var(--soft-brew);color:var(--charcoal);background:0 0}.bar-btn-ghost:hover{border-color:var(--brew)}.bar-btn-icon{border:var(--ui-line) solid var(--soft-brew);color:var(--charcoal);background:0 0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.bar-btn-icon:hover{border-color:var(--brew)}.bar-btn-solid{background:var(--leather);border:var(--ui-line) solid var(--leather);color:var(--cotton)}.bar-btn-solid:hover{background:var(--role-accent,var(--wolfe));border-color:var(--role-accent,var(--wolfe))}.bar-btn:disabled{cursor:default;opacity:.62}.render-status{border-bottom:var(--ui-line) solid var(--soft-brew);letter-spacing:.08em;text-transform:uppercase;color:#43424abd;min-height:36px;padding:10px 24px 12px;font-family:Roboto Mono,monospace;font-size:10px}.unlock-shell{flex-direction:column;justify-content:center;align-items:center;width:min(760px,100vw - 32px);min-height:100svh;margin:0 auto;padding:16px 0 20px;display:flex}.unlock-shell-wide{width:min(860px,100vw - 32px)}.unlock-back{color:#43424ad1;background:0 0;border:none;align-self:flex-start;margin-bottom:10px;padding:0;font-size:13px;line-height:1.4}.unlock-preview-card{border:var(--ui-line) solid var(--card-line);background:#f3f1eeeb;width:100%;padding:12px}.unlock-palette-card{border:var(--ui-line) solid #43424a1f;background:radial-gradient(circle at 100% 0,#c4b49b24,#0000 38%),linear-gradient(#ffffffb3,#fbfbfaeb);width:min(520px,100%);margin-bottom:10px;padding:10px 12px 12px}.unlock-palette-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.unlock-palette-kicker{letter-spacing:.14em;text-transform:uppercase;color:#43424ab8;flex:none;font-family:Tartuffo,Instrument Serif,serif;font-size:11px;font-weight:600;line-height:1.2}.unlock-palette-header p{color:#43424aad;text-wrap:balance;margin:0;font-size:12px;line-height:1.45}.unlock-preview-frame{border:var(--ui-line) solid #43424a14;background:radial-gradient(circle at top,#ffffff94,#0000 42%),linear-gradient(#fff6,#fff0),#fbfbfa;min-height:min(36vh,320px);padding:16px;position:relative;overflow:hidden}.unlock-preview-frame-reveal{padding:16px}.unlock-preview-image{object-fit:contain;width:100%;height:100%;max-height:min(31vh,280px);display:block}.unlock-preview-placeholder{color:#43424a9e;letter-spacing:.02em;place-items:center;min-height:min(31vh,280px);font-size:14px;display:grid}.unlock-copy{text-align:center;width:min(560px,100%);margin-top:18px}.unlock-copy-hidden{opacity:0;transform:translateY(12px)}.unlock-kicker{letter-spacing:.14em;text-transform:uppercase;color:#43424aa8;font-family:Roboto Mono,monospace;font-size:11px;line-height:1.35}.unlock-copy h2{color:var(--leather);letter-spacing:-.04em;margin:10px 0 0;font-family:Tartuffo,Instrument Serif,serif;font-size:clamp(2.1rem,5vw,3.2rem);font-weight:300;line-height:.98}.unlock-copy p,.unlock-status{color:#43424ad1;margin:10px 0 0;font-size:14px;line-height:1.6}.unlock-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.unlock-palette{border:var(--ui-line) solid #43424a1f;background:#fbfbfae0;width:100%;height:34px;margin:0;display:flex;overflow:visible;box-shadow:inset 0 1px #ffffff6b}.unlock-palette-segment{border:none;border-right:var(--ui-line) solid #fbfbfa80;background:var(--swatch-color);cursor:pointer;flex:1 1 0;min-width:0;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s}.unlock-palette-segment:last-child{border-right:none}.unlock-palette-segment:hover{transform:translateY(-1px);box-shadow:inset 0 -2px #ffffff4d}.unlock-palette-segment:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.unlock-status{left:50%;bottom:max(5px, env(safe-area-inset-bottom,0px));z-index:140;border:var(--ui-line) solid color-mix(in srgb, var(--brew) 86%, black);background:color-mix(in srgb, var(--brew) 82%, black);pointer-events:none;letter-spacing:.08em;text-transform:uppercase;width:max-content;max-width:calc(100vw - 24px);color:var(--cotton);text-align:center;margin:0;padding:10px 14px;font-family:Roboto Mono,monospace;font-size:11px;position:fixed;transform:translate(-50%);box-shadow:0 10px 24px #43424a2e}@media (height<=820px){.unlock-shell,.unlock-shell-wide{padding:10px 0 12px}.unlock-palette-card{margin-bottom:8px;padding:8px 10px 10px}.unlock-palette-header{margin-bottom:6px}.unlock-palette-header p{font-size:11px;line-height:1.35}.unlock-preview-card{padding:10px}.unlock-preview-frame,.unlock-preview-frame-reveal{min-height:min(26vh,220px);padding:12px}.unlock-preview-image,.unlock-preview-placeholder{min-height:min(22vh,200px);max-height:min(22vh,200px)}.unlock-copy{margin-top:12px}.unlock-copy h2{font-size:clamp(1.8rem,4vw,2.5rem)}.unlock-copy p,.unlock-status{font-size:13px;line-height:1.45}.unlock-palette{height:28px}.unlock-actions{gap:8px;margin-top:12px}}@media (height<=700px){.unlock-back{margin-bottom:6px}.unlock-palette-card{padding:7px 9px 9px}.unlock-palette-header{gap:8px}.unlock-palette-header p{font-size:10px}.unlock-copy h2{font-size:clamp(1.55rem,3.4vw,2.1rem)}.unlock-copy p,.unlock-status{font-size:12px}.unlock-actions>*{min-height:40px}}.fade-up{opacity:0;transform:translateY(var(--translateY,16px));animation:fade-up .7s cubic-bezier(.16, 1, .3, 1) var(--delay,0s) forwards}.reveal-render{filter:blur(18px)saturate(1.08)contrast(1.03);transition:filter 1.35s cubic-bezier(.16,1,.3,1)}.reveal-render[data-ready=true]{filter:blur()saturate(1.14)contrast(1.04)}.reveal-overlay{pointer-events:none;opacity:.48;background:linear-gradient(180deg, #ffffff14, #fff0), radial-gradient(circle at 18% 18%, #ffffff5c, transparent 24%), radial-gradient(circle at 82% 22%, color-mix(in srgb, var(--role-accent) 26%, white), transparent 30%), radial-gradient(circle at 50% 82%, color-mix(in srgb, var(--role-accent) 14%, white), transparent 28%);mix-blend-mode:screen;position:absolute;inset:0}.grain-overlay{pointer-events:none;opacity:.09;mix-blend-mode:multiply;background-image:linear-gradient(#1f1f1f2e 1px,#0000 1px),linear-gradient(90deg,#1f1f1f2e 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}@keyframes fade-up{0%{opacity:0;transform:translateY(var(--translateY,16px))}to{opacity:1;transform:translateY(0)}}.editor-body{flex:1;grid-template-columns:260px 1fr;min-height:0;display:grid}.sidebar{border-right:var(--ui-line) solid var(--soft-brew);background:var(--parchment);flex-direction:column;animation:.5s .2s both fadeRight;display:flex;overflow-y:auto}.mobile-brief-toggle,.mobile-images-toggle,.mobile-brief-popup,.mobile-brief-backdrop,.mobile-images-tray{display:none}.sidebar-section{border-bottom:var(--ui-line) solid var(--soft-brew);padding:20px}.sidebar-label{letter-spacing:.16em;text-transform:uppercase;color:var(--brew);margin-bottom:12px;font-family:Roboto Mono,monospace;font-size:9px}.sidebar-label-brief{letter-spacing:.12em;font-family:Instrument Sans,sans-serif}.full-brief{background:var(--cotton);border-radius:var(--ui-radius);border:var(--ui-line) solid var(--soft-brew);padding:14px 16px}.full-brief-line{color:var(--charcoal);margin-bottom:4px;font-family:Instrument Sans,sans-serif;font-size:13px;line-height:1.6}.full-brief-line:last-child{margin-bottom:0}.full-brief-line em{color:var(--role-accent,var(--wolfe));font-style:normal;font-weight:500}.full-brief-context{letter-spacing:.01em;color:var(--charcoal);margin-top:10px;font-family:Instrument Sans,sans-serif;font-size:13px;font-style:normal;line-height:1.55}.img-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.img-tile{aspect-ratio:1;border-radius:var(--ui-radius);cursor:pointer;border:var(--ui-line) solid var(--soft-brew);letter-spacing:.08em;color:var(--brew);background:0 0;justify-content:center;align-items:center;padding:0;font-family:Roboto Mono,monospace;font-size:8px;transition:all .15s;display:flex;position:relative;overflow:hidden}.img-tile:hover{border-color:var(--role-accent,var(--wolfe));transform:scale(1.03)}.img-tile img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.img-tile-label{color:var(--soft-brew);letter-spacing:.1em;text-transform:uppercase;text-align:center;background:#1f1f1f8c;padding:4px 6px;font-family:Roboto Mono,monospace;font-size:7px;position:absolute;bottom:0;left:0;right:0}.editor-canvas-area{background:var(--parchment);justify-content:center;align-items:center;min-height:0;animation:.5s .3s both fadeIn;display:flex;position:relative;overflow:hidden}.editor-canvas-area .canvas-frame{position:absolute;inset:0}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.board-brief-card p,.board-brief-persona{color:#43424ad1;margin:0;font-size:1.02rem;line-height:1.72}.board-brief-card strong{color:var(--leather);font-size:1.22rem;font-weight:500;line-height:1.35}.board-brief-persona{color:var(--leather);font-weight:500}@media (width<=1024px){.editor-body{grid-template-columns:220px 1fr}}@media (width<=720px){.brief-screen{padding:60px 24px}.brief-wordmark{top:24px;left:24px}.brief-body{font-size:clamp(40px,8vw,56px);line-height:1.18}.brief-term{white-space:normal}.brief-hint{margin-top:32px;margin-bottom:24px}.brief-start-btn{padding:14px 28px;font-size:16px}.transition-brief{font-size:clamp(16px,4vw,24px)}.transition-details{padding:0 1rem}.transition-detail-card{padding:12px 14px}.transition-detail-text{font-size:13px}.editor-body{grid-template-columns:1fr}.sidebar{display:none}.mobile-brief-toggle{z-index:3;display:block;position:absolute;top:16px;left:16px}.canvas-zoom-controls .canvas-zoom-step{display:none}.canvas-mobile-history{gap:.45rem;margin-top:.1rem;display:grid}.canvas-mobile-history-button{background:#fbfbfaf5}.canvas-mobile-history-button .toolbar-icon-svg{width:18px;height:18px}.canvas-mobile-history-button:disabled{opacity:.38}.mobile-brief-backdrop{z-index:4;display:block;position:absolute;inset:0}.mobile-brief-popup{z-index:5;background:var(--cotton);border:var(--ui-line) solid var(--soft-brew);border-radius:var(--ui-radius);width:min(280px,100% - 32px);padding:14px 16px;animation:.18s both fadeUp;display:block;position:absolute;top:56px;left:16px;box-shadow:0 4px 20px #0000001a}.mobile-images-toggle{z-index:3;display:block;position:absolute;top:56px;left:16px}.mobile-images-tray{border-top:var(--ui-line) solid var(--soft-brew);background:var(--parchment);-webkit-overflow-scrolling:touch;display:none;overflow:auto hidden}.mobile-images-tray[data-open=true]{display:block}.mobile-images-tray-grid{touch-action:pan-x;gap:6px;padding:10px 16px;display:flex}.mobile-images-tray-grid .img-tile{aspect-ratio:auto;touch-action:manipulation;border-radius:4px;flex:0 0 72px;height:72px;overflow:hidden}.mobile-images-tray-grid .img-tile img{object-fit:cover;width:100%;height:100%}.editor-bar{flex-wrap:wrap;height:auto;min-height:48px}.bar-logo{border-right:none;flex:1;min-height:48px;padding:0 16px}.bar-actions{border-left:none;border-top:var(--ui-line) solid var(--soft-brew);justify-content:space-between;width:100%;padding:8px 16px}.render-status{padding:10px 16px 12px}.bar-btn-ghost{padding:6px 12px;font-size:11px}.bar-btn-solid{padding:6px 14px;font-size:11px}.bar-btn-icon{width:26px;height:26px}.unlock-shell,.unlock-shell-wide{width:calc(100vw - 24px);padding:12px 0 16px}.unlock-preview-card{padding:10px}.unlock-preview-frame{min-height:30svh;padding:12px}.unlock-preview-image,.unlock-preview-placeholder{min-height:26svh;max-height:26svh}.unlock-copy h2{font-size:clamp(1.8rem,9vw,2.5rem)}.unlock-actions{flex-direction:column}.unlock-actions>*{width:100%}.selection-toolbar{bottom:16px}.selection-toolbar .tool-btn{width:36px;height:36px}}