.marketing-client-list{padding-left:4px}.marketing-client{margin:8px 0}.marketing-client>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:12px 8px;cursor:pointer;border-radius:10px;color:var(--text);font-size:12px;font-weight:600}.marketing-client>summary::-webkit-details-marker{display:none}.marketing-client>summary>svg{width:17px;height:17px}.client-chevron{margin-left:auto}.marketing-client[open]>.marketing-client-links{display:block}.marketing-client[open]>summary .client-chevron{transform:rotate(180deg)}.marketing-client-links{padding-left:8px;margin-left:12px;border-left:1px solid var(--line)}.marketing-client-links .nav-item{font-size:12px;padding:10px 8px}.marketing-client-links .nav-item svg{width:16px;height:16px}
.jammin-logo{aspect-ratio:1122/240;position:relative;overflow:hidden;background:#10110e;width:100%;max-width:430px;flex-shrink:0;border-radius:6px}.jammin-logo img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none}.jammin-logo.is-small{width:100%;max-width:170px}.marketing-client>summary:has(.jammin-logo){flex-wrap:wrap;background:#121410;border-top:2px solid #109b51;border-bottom:2px solid #dc242a}.marketing-client>summary .jammin-logo{flex-basis:100%}.jammin-brand-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;padding:22px 28px;border-radius:16px;background:#10110e;border:1px solid #42412c;border-bottom:5px solid transparent;background-image:linear-gradient(#10110e,#10110e),linear-gradient(90deg,#079c4e 0 33.33%,#ffd22c 33.33% 66.66%,#e3232c 66.66%);background-origin:border-box;background-clip:padding-box,border-box}.jammin-brand-header>div:last-child:not(.jammin-logo){display:grid;gap:6px;text-align:right}.jammin-brand-header span{font-size:10px;letter-spacing:.16em;color:#e0b92d}.jammin-brand-header strong{font-size:19px;color:#fff5dc}.jammin-brand-header small{color:#cbbf9e;font-size:12px}
#app.jammin-workspace .main{background:#11130f}#app.jammin-workspace .page-heading .eyebrow{color:#e7c94b}#app.jammin-workspace .btn.primary{background:#ffd12e;border-color:#ffd12e;color:#191b11}#app.jammin-workspace .marketing-client-links .nav-item.active{background:#24391f;color:#ffe784;box-shadow:inset 3px 0 #e8bd26}#app.jammin-workspace .website-map-shell{border-color:#776325}#app.jammin-workspace .website-map-caption{background:#1e2c1c}#app.jammin-workspace .marketing-client>summary:focus-visible,#app.jammin-workspace button:focus-visible{outline:2px solid #ffd12e;outline-offset:3px}
.design-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.design-tabs .btn{gap:12px}.design-tabs span{background:#0002;border-radius:30px;padding:2px 8px}.design-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.design-card{overflow:hidden;border:1px solid #363a2e;border-radius:14px;background:#1a1c16;min-width:0}.design-image-button{display:block;width:100%;border:0;padding:0;background:#0c0d0a;cursor:zoom-in}.design-image-button img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.design-card-caption{padding:18px}.design-status{display:inline-block;color:#b9dc91;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.design-card h2{font-size:15px;line-height:1.4;margin:7px 0;color:#fff3d8}.design-card p{font-size:11px;color:#adb2a1;margin:8px 0 14px}.design-empty{padding:40px}.design-preview{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;padding:24px}.design-preview>img{width:100%;height:auto;max-height:72vh;object-fit:contain;align-self:start;background:#111}.design-preview-info{min-width:0;overflow-wrap:anywhere;font-size:12px}.design-preview-info p{line-height:1.7}.design-move{display:grid;gap:12px;margin-top:28px}.design-move p{color:var(--muted)}
@media(max-width:1050px){.design-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.jammin-brand-header{flex-direction:column;align-items:flex-start}.jammin-brand-header>div:last-child:not(.jammin-logo){text-align:left}}
@media(max-width:600px){.design-gallery{grid-template-columns:1fr}.design-preview{grid-template-columns:1fr;padding:14px}.jammin-brand-header{padding:16px}.design-tabs{gap:6px}.design-tabs .btn{font-size:12px;padding:9px}.design-preview>img{max-height:none}.marketing-client>summary .jammin-logo{max-width:150px}}

#app.jammin-workspace .btn.primary:hover:not(:disabled){background:#ffe066;color:#191b11}

/* Same stage height and camera footprint as Ben Estates, without a worker directory. */
.marketing-room-stage{grid-template-columns:minmax(0,1fr)}
.marketing-room-stage #marketing-world{height:var(--room-height);min-height:0}
.marketing-room-stage.room-expanded{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.marketing-room-stage.room-expanded #marketing-world{height:100%!important}
#marketing-world canvas:focus-visible{outline:2px solid #49846b;outline-offset:-3px}
#marketing-world .website-map-label[hidden]{display:none}
.design-reviewers{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.design-reviewer{display:flex;align-items:center;gap:8px;flex:1;min-width:110px}.review-face{display:grid;place-items:center;width:42px;height:42px;flex:none;border:3px solid #fff;border-radius:50%;background:#222;color:#fff;font-size:18px;font-weight:800}.review-approved .review-face{border-color:#38d77a;background:#134b29}.review-disliked .review-face{border-color:#ff6464;background:#582121}.design-reviewer strong{display:block;font-size:12px;color:#fff}.design-reviewer small{display:block;font-size:10px;color:#d2d5cc;line-height:1.5}.design-card .design-final,.design-final{font-size:12px;color:#e8d992}.design-vote{display:grid;gap:10px;margin:20px 0}.design-vote small{line-height:1.6;color:#c5c9bf}.design-review-legend{font-size:12px;line-height:1.7;color:#c5c9bf;max-width:760px}
/* Private phone review surface */
#marketing-phone{margin:0;background:#10130f;color:#fff4d9;font:15px/1.5 system-ui,sans-serif;color-scheme:dark}#marketing-phone *{box-sizing:border-box}#phone-root{max-width:520px;margin:auto;padding:env(safe-area-inset-top) 18px 90px}#marketing-phone button,#marketing-phone input,#marketing-phone select,#marketing-phone textarea{font:inherit}#marketing-phone button{cursor:pointer;border:1px solid #41463b;border-radius:12px;background:#24291f;color:#fff4d9;min-height:46px;padding:10px 15px}#marketing-phone button:disabled{opacity:.45;cursor:default}#marketing-phone a{color:#edce5b}#marketing-phone button:focus-visible,#marketing-phone a:focus-visible,#marketing-phone summary:focus-visible{outline:3px solid #edce5b;outline-offset:3px}.phone-head{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #353b2f}.phone-head a{text-decoration:none;letter-spacing:.14em}.phone-head button{font-size:12px!important}.phone-toolbar{display:flex;gap:10px;align-items:end;margin:20px 0}.phone-toolbar label{flex:1;min-width:0;font-size:11px;color:#b6bfaa}.phone-toolbar select{display:block;width:100%;margin-top:5px;padding:11px;background:#20251b;color:#fff4d9;border:1px solid #41463b;border-radius:10px}.phone-kicker{font-size:10px;letter-spacing:.2em;color:#e8cc64}.phone-intro h1{font-size:27px;line-height:1.2;margin:9px 0}.phone-intro p{color:#b6bfaa;font-size:12px;margin:0 0 22px}.phone-card{border:1px solid #41463b;border-radius:20px;overflow:hidden;background:#1b2017;box-shadow:0 12px 40px #0003}.phone-art{touch-action:pan-y;background:#090b08}.phone-art img{display:block;width:100%;height:auto;max-height:57svh;object-fit:contain;user-select:none}.phone-card-body{padding:18px}.phone-caption{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#b6bfaa}.phone-card h2{font-size:18px;margin:12px 0}.phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phone-actions .phone-yes{background:#214b30!important;border-color:#39965a!important}.phone-actions .phone-no{background:#482421!important;border-color:#a65049!important}.phone-hint{font-size:11px;color:#bdc6b4;line-height:1.6}.phone-reset{width:100%;margin-top:10px;font-size:12px!important}.phone-paging{display:flex;justify-content:space-between;margin:18px 0}.phone-feedback,.phone-install{padding:17px 0;border-top:1px solid #353b2f;font-size:13px}.phone-feedback summary,.phone-install summary{cursor:pointer;padding:8px 0}.phone-feedback p,.phone-install p{color:#b6bfaa;font-size:12px}.phone-feedback label{display:block;margin:10px 0}.phone-feedback textarea,.phone-login input{width:100%;background:#1b2017;border:1px solid #59614d;border-radius:10px;color:#fff4d9;padding:12px}.phone-primary{background:#eac953!important;color:#202417!important;font-weight:700!important;width:100%}.phone-login{padding-top:13vh}.phone-login h1{font-size:36px;line-height:1.1}.phone-login label{display:block;margin:18px 0}.phone-login input{display:block;margin-top:6px}.phone-login a{display:block;margin-top:24px}.phone-empty{padding:40px 0}#phone-message{position:fixed;bottom:0;left:0;right:0;margin:0;padding:12px max(18px,env(safe-area-inset-left));padding-bottom:max(12px,env(safe-area-inset-bottom));background:#24321c;color:#f3e6b7;text-align:center;font-size:13px;z-index:5}#phone-message:empty{display:none}
/* Portrait post frame and familiar circular swipe controls. Originals remain unchanged. */
#marketing-phone .phone-art{aspect-ratio:4/5;overflow:hidden;border-radius:18px 18px 0 0}#marketing-phone .phone-art img{width:100%;height:100%;max-height:none;object-fit:contain}#marketing-phone .phone-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0 8px}#marketing-phone .phone-actions button{display:grid;place-items:center;flex:none;padding:0;min-height:0;width:70px;height:70px;border-radius:50%;background:#171c18!important;border:2px solid currentColor!important;box-shadow:0 5px 18px #0005;transition:transform .15s,box-shadow .15s}#marketing-phone .phone-actions button:hover:not(:disabled){transform:translateY(-3px) scale(1.06);box-shadow:0 8px 24px #0007}#marketing-phone .phone-actions button:active:not(:disabled){transform:scale(.92)}#marketing-phone .phone-actions .phone-rewind{width:46px;height:46px;color:#f9c94b;font-size:30px}#marketing-phone .phone-actions .phone-no{color:#ff586b}#marketing-phone .phone-actions .phone-yes{color:#2cdda0}#marketing-phone .phone-actions .phone-super{width:56px;height:56px;color:#39baff}.phone-actions svg{width:34px;height:34px;fill:currentColor}.phone-actions .phone-no svg{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round}.phone-action-key{font-size:11px;text-align:center;color:#c1c9bb;margin:5px 0 12px}.review-face{position:relative}.review-super-star{position:absolute;right:-7px;bottom:-7px;background:#17252d;border-radius:50%;color:#39baff;font-size:17px;line-height:23px;width:23px;text-align:center;border:1px solid #39baff}@media(max-width:360px){#marketing-phone .phone-actions{gap:8px}#marketing-phone .phone-actions button{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){#marketing-phone .phone-actions button{transition:none}}
.design-bio{margin:18px 0;padding:18px;border:1px solid #435148;border-left:3px solid #d1b46e;border-radius:14px;background:#171e19;color:#f6f0df;overflow-wrap:anywhere}.design-bio-label{font-size:10px;letter-spacing:.12em;font-weight:800;color:#ddc58a}.design-bio h3{font-size:17px;margin:8px 0}.design-bio p{font-size:13px;line-height:1.6;margin:8px 0;white-space:pre-wrap}.design-bio a{color:#a8e6d1}.design-bio summary{cursor:pointer;font-size:12px;color:#d7dfd5}.design-bio small,.design-bio-reference{color:#c0c9c0;font-size:12px}.bio-favourites{border-left-color:#5bd5a5}.bio-discovery{border-left-color:#b6a0ff;background:#1e1b2c}.bio-discovery .design-bio-label{color:#c3afff}.direction-note{border-left:3px solid #a990e8;padding:14px;background:var(--panel);font-size:13px;line-height:1.5}.direction-references{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}.direction-references article{display:flex;flex-direction:column;gap:8px;font-size:12px}.direction-references img{width:100%;aspect-ratio:4/5;object-fit:contain;border-radius:10px;background:#171b18}.direction-references small{color:var(--muted)}#design-reason-form label{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}#design-reason-form [hidden]{display:none}