/* Semantic tokens change together when the brand workspace changes. */
:root{--accent:#800000;--accent-deep:#580000;--accent-hover:#a52222;--on-accent:#ffffff;--cream:#f5f2ed;--panel:#ffffff;--soft:#eee7de;--ink:#26211f;--muted:#746d68;--line:#d8cfc4;--shadow:#e5dacf;--header:#211919;--header-ink:#faf4e9;--header-line:#685950;--heading-font:Georgia,serif;--red:var(--accent);--red-dark:var(--ink);--yellow:var(--accent);--green:var(--accent);--lime:var(--accent);font-family:Poppins,sans-serif;color:var(--ink);background:var(--cream);color-scheme:light}
:root[data-brand="crackabottle"]{--accent:#dc143c;--accent-deep:#a60d2c;--accent-hover:#ef3158;--cream:#fafafa;--panel:#fff;--soft:#f2f0ed;--ink:#1a1a1a;--muted:#656565;--line:#ddd8d2;--shadow:#eae4dd;--header:#1a1a1a;--header-ink:#fff;--header-line:#696969;--heading-font:Georgia,serif}
:root[data-brand="corksout"]{--accent:#d6342c;--accent-deep:#95261f;--accent-hover:#ee5148;--cream:#08080a;--panel:#17171b;--soft:#242429;--ink:#f4f1ec;--muted:#b0afb6;--line:#3b3a40;--shadow:#030304;--header:#111114;--header-ink:#f4f1ec;--header-line:#55535b;--heading-font:'Arial Narrow',Poppins,sans-serif;color-scheme:dark}
:root[data-brand="chihao"]{--accent:#8b633b;--accent-deep:#684624;--accent-hover:#9b744d;--cream:#f5f1eb;--panel:#fffdf9;--soft:#e8dfd3;--ink:#2c2c2c;--muted:#726658;--line:#d2c4b1;--shadow:#e7dccd;--header:#2c2c2c;--header-ink:#f5f1eb;--header-line:#8f7d65;--heading-font:Poppins,sans-serif}
:root[data-brand="thebrick"]{--accent:#800000;--accent-deep:#500000;--accent-hover:#a31c1c;--cream:#090909;--panel:#171412;--soft:#27201a;--ink:#fbf5ea;--muted:#c4b9ab;--line:#463b2d;--shadow:#000;--header:#000;--header-ink:#eca841;--header-line:#806337;--heading-font:Georgia,serif;color-scheme:dark}
/* Diyonisus Creative Studio — shared layout with workspace themes. */
body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}body:before{content:'';display:block;height:11px;background:linear-gradient(to bottom,var(--red) 0 3px,var(--cream) 3px 4px,var(--green) 4px 8px,var(--cream) 8px 9px,var(--red) 9px 11px)}
h1,h2,h3{font-family:var(--heading-font);font-weight:400;letter-spacing:.2px}h1{font-size:39px;line-height:1.1;color:var(--red-dark);max-width:700px}h2{font-size:26px}h3{font-size:20px}.eyebrow{color:var(--red-dark);font-weight:700;font-size:12px;letter-spacing:.1em}
button,.button{background:var(--cream);border:1.5px solid var(--line);color:var(--ink);border-radius:999px;font-weight:600;font-size:14px}button:hover:not(:disabled){background:var(--soft);border-color:var(--ink)}button.primary,.button.primary{background:var(--yellow);color:var(--red-dark);border:1.5px solid var(--accent);box-shadow:0 4px 0 var(--accent-deep);font-weight:700}button.primary:hover:not(:disabled){background:var(--accent-hover);color:var(--red-dark);transform:translateY(-1px)}button:disabled{opacity:.6;box-shadow:none}.danger{color:var(--red-dark)}button.ghost{background:transparent;border-color:var(--line)}.help,.muted{color:var(--muted)}label{color:var(--ink);font-size:14px}input,select,textarea{background:var(--panel);color:var(--ink);border:1.5px solid var(--line);border-radius:10px;font-size:15px}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:2px}.help{font-size:13px}.small{font-size:14px}
.shell{grid-template-columns:230px 1fr;min-height:calc(100dvh - 11px)}.sidebar{background:var(--cream);border-right:2px solid var(--ink);height:calc(100dvh - 11px);padding:28px 20px 22px}.brandmark{gap:12px;letter-spacing:0;margin-bottom:34px;align-items:center}.brandmark img{width:82px;height:49px;object-fit:contain}.brandmark>div{font-family:var(--heading-font);font-size:17px;line-height:.98;color:var(--red-dark)}.brandmark small{font-family:'Poppins',sans-serif;font-size:8px;color:var(--green);letter-spacing:.12em;white-space:nowrap;margin-top:8px;font-weight:700}.workspace-label{color:var(--muted);font-weight:600}.sidebar select{background:var(--panel);border-color:var(--line)}.nav{gap:7px}.nav button{border-radius:10px;color:var(--ink);padding:13px 12px;background:transparent;font-size:14px}.nav button.active{background:var(--red);color:var(--on-accent);box-shadow:0 3px 0 var(--red-dark)}.nav button:hover:not(.active){background:var(--soft)}.nav .divider{border-color:var(--line)}.usage{background:var(--soft);border:1px solid var(--line);border-radius:14px}.usage .eyebrow{color:var(--green)}.usage .space{margin-top:15px}.meter{background:var(--line)}.meter span{background:var(--green)}.avatar{background:var(--green);color:var(--cream)}.person p{color:var(--ink)}.person p.muted{color:var(--muted)}.person button{color:var(--red-dark)}.sidebar-bottom{padding-top:28px}.sidebar-bottom>.ghost{font-size:12px}
.topbar{background:var(--green);color:var(--cream);border-bottom:3px solid var(--ink);height:71px;padding:0 34px}.topbar>span{font-size:11px;letter-spacing:.07em;color:var(--header-ink);font-weight:600}.topbar b{color:var(--header-ink)}.topbar .tag{border-color:var(--header-line);color:var(--header-ink);background:transparent;font-size:11px}.topbar button{color:var(--cream);border-color:var(--header-line)}.topbar button:hover:not(:disabled){background:var(--accent-deep);color:var(--cream)}.topbar .icon{width:17px;height:17px}.content{padding:32px 34px 50px}.pagehead{margin-bottom:25px}.pagehead p{font-size:14px;line-height:1.75}.pagehead h1{max-width:620px}.tag{border-color:var(--line);color:var(--green);background:var(--soft);font-weight:600}.notice{background:#fff3bf;border:1.5px solid #dec47a;color:#695020;border-radius:12px;font-size:13px}.studio-layout{grid-template-columns:minmax(0,1fr) 340px;gap:26px}.sectionhead h2{font-size:23px;color:var(--ink)}.segments{background:var(--soft);border-color:var(--line);border-radius:999px}.segments button{font-weight:600;font-size:12px;padding:8px 12px}.segments button.active{background:var(--green);color:var(--cream)}.template-grid{gap:17px}.template-card{border:1.5px solid var(--line);background:var(--panel);border-radius:16px;box-shadow:0 4px 0 var(--shadow);transition:transform .15s,box-shadow .15s}.template-card:hover:not(:disabled){background:var(--panel);transform:translateY(-2px);border-color:var(--red)}.template-card.selected{border:2px solid var(--red);box-shadow:0 4px 0 var(--red-dark)}.card-art{height:152px;background:var(--green);border-bottom:1px solid var(--line)}.card-art.video{background:var(--red-dark)}.card-art.tone-1{background:var(--yellow)}.card-art.tone-2{background:var(--green)}.card-art svg{color:var(--cream)}.card-art.tone-1 svg{color:var(--red-dark)}.template-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art-caption{top:11px;left:11px;z-index:2;background:var(--cream);color:var(--ink);font-size:9px;font-weight:700;border:1px solid var(--line);border-radius:100px;padding:4px 8px;letter-spacing:.08em}.art-kind{right:10px;bottom:10px;z-index:2;background:var(--red);color:white;font-size:9px;letter-spacing:.06em;font-weight:700;border-radius:5px}.photo-caption{position:absolute;bottom:10px;left:10px;z-index:2;font-size:8px;font-weight:600;letter-spacing:.03em;color:white;background:#241608c9;padding:5px 6px;border-radius:4px}.card-body{padding:16px}.card-body h3{font-size:21px;margin-bottom:6px;color:var(--red-dark);font-weight:400}.card-body p{font-size:12px;color:var(--muted);line-height:1.65;font-weight:400}.composer{background:var(--panel);border:2px solid var(--red-dark);border-radius:18px;padding:24px 21px;box-shadow:5px 5px 0 var(--shadow);top:25px}.composer:before{content:'THE CREATIVE STUDIO';display:block;font-family:var(--heading-font);color:var(--red-dark);font-size:13px;letter-spacing:.12em;margin-bottom:15px}.composer>.tag{font-size:10px;background:var(--soft);gap:5px;padding:6px 9px}.composer .icon{width:17px;height:17px}.composer h2{font-size:29px;color:var(--red-dark);margin:19px 0 8px}.composer .intro{font-size:13px;color:var(--muted);margin-bottom:22px}.composer input,.composer textarea,.composer select{font-size:14px}.composer label{font-size:13px}.composer .help{font-size:11px;line-height:1.75}.composer button[type=submit]{font-size:15px;margin-top:18px;min-height:48px}.check input{accent-color:var(--green)}.empty{background:var(--soft);border:1.5px dashed var(--line);border-radius:17px;padding:32px 22px}.empty svg{color:var(--green)}.empty h3{color:var(--red-dark);font-size:23px;font-weight:400}.empty p{color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1.5px solid var(--line);border-radius:18px;box-shadow:0 4px 0 var(--shadow)}.panel h2{color:var(--red-dark);font-size:28px}.panel h3{color:var(--green)}.brand-info{color:var(--muted)}.job-card{background:var(--panel);border:1.5px solid var(--line);border-radius:15px}.job-media{background:var(--soft)}.job-info h3{font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;color:var(--ink)}.job-info p{color:var(--muted)}.job-error{color:var(--red-dark)!important}.spinner{border-color:var(--line);border-top-color:var(--red)}.asset img{background:var(--soft);border:1px solid var(--line)}.asset p{color:var(--ink)}.asset a{color:var(--red-dark);font-weight:600}th,td{border-color:var(--line)}th{color:var(--muted)}.success-link{background:var(--cream);color:var(--green)}.error{color:#a22520}#toast{background:var(--green);color:var(--cream);border:1px solid var(--accent-deep);font-weight:500;box-shadow:0 6px 20px #24160833}dialog{background:var(--cream);color:var(--ink);border:2px solid var(--red-dark);box-shadow:7px 7px 0 #24160855}dialog h2{color:var(--red-dark)}dialog::backdrop{background:#24160880}.initial{color:var(--red-dark)}
.auth{min-height:calc(100dvh - 11px);grid-template-columns:1.12fr 1fr}.auth-story{background:var(--red);border-right:3px solid var(--red-dark);padding:42px 52px 29px;position:relative;overflow:hidden;min-height:calc(100dvh - 11px);justify-content:flex-start;isolation:isolate}.auth-story>.brandmark{position:relative;z-index:2;margin-bottom:0}.auth-story .brandmark>div{color:var(--cream)}.auth-story .brandmark small{color:#ffe6a1}.auth-mascot{position:absolute;inset:0;z-index:-2;background:var(--red);overflow:hidden}.auth-mascot video{position:absolute;width:170%;height:100%;object-fit:cover;object-position:center;right:-39%;bottom:-17%;filter:saturate(.96)}.auth-story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(117,17,20,.78),rgba(156,34,35,.24) 75%),linear-gradient(0deg,rgba(105,17,18,.34),transparent 30%)}.auth-story-copy{margin-top:auto;margin-bottom:auto;padding:65px 0 30px;position:relative;z-index:2}.auth-story .eyebrow{color:var(--yellow);font-size:10px;max-width:400px}.auth-story h1{font-family:var(--heading-font);color:var(--cream);font-size:clamp(38px,4.9vw,71px);line-height:.97;letter-spacing:0;font-weight:400;max-width:650px;margin:18px 0 24px}.auth-story h1 em{color:var(--yellow)}.auth-story p{color:#fff5d7;max-width:315px;font-size:14px;line-height:1.8}.auth-story footer{color:var(--cream);font-family:var(--heading-font);font-size:13px;letter-spacing:.1em;position:relative;z-index:2;margin-top:30px}.auth-story footer span{color:var(--yellow);padding:0 12px}.auth-form{background:var(--cream);padding:50px 40px}.auth-form>div{max-width:390px}.auth-form>.brandmark{color:var(--red-dark)}.auth-form h2{font-size:38px;color:var(--red-dark);line-height:1.05;letter-spacing:0}.auth-form .eyebrow{color:var(--green);font-size:11px;letter-spacing:.14em}.auth-form .muted{font-size:14px}.auth-form label{font-size:13px}.auth-form input{min-height:50px}.auth-form button{min-height:49px;font-family:var(--heading-font);font-weight:400;font-size:19px}.auth-form .help{font-size:11px;line-height:1.8}.auth-form .notice{font-size:12px}.auth-form .space{margin-top:23px}
@media(min-width:1450px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-art{height:168px}.studio-layout{grid-template-columns:minmax(0,1fr) 365px}}
@media(max-width:1100px){.shell{grid-template-columns:206px 1fr}.sidebar{padding:24px 15px}.brandmark{gap:9px}.brandmark img{width:72px}.brandmark>div{font-size:16px}.brandmark small{font-size:7px}.studio-layout{grid-template-columns:1fr}.composer{position:static}.content{padding:28px 26px}.topbar{padding:0 26px}h1{font-size:36px}.auth-story{padding:35px}.auth-story h1{font-size:54px}.auth-story p{max-width:270px}.auth-form{padding:35px}}
@media(max-width:700px){body:before{height:9px}.shell{display:block}.sidebar{height:auto;border-right:0;border-bottom:2px solid var(--ink);padding:15px 18px}.sidebar .brandmark{margin:0 0 16px}.brandmark img{width:68px;height:38px}.brandmark>div{font-size:15px}.brandmark small{font-size:7px;margin-top:6px}.sidebar select{margin-bottom:13px;min-height:41px;font-size:13px}.nav{gap:6px;padding-bottom:4px}.nav button{padding:10px;font-size:12px}.nav button.active{box-shadow:0 2px 0 var(--red-dark)}.nav .icon{width:17px;height:17px}.topbar{height:53px;padding:0 18px;gap:9px}.topbar>span{font-size:9px;letter-spacing:0}.topbar .tag{display:none}.topbar button{font-size:11px;padding:8px 12px}.content{padding:25px 18px 40px}h1{font-size:34px;line-height:1.04}.pagehead p{font-size:13px}.pagehead{margin-bottom:21px}.notice{font-size:12px;padding:12px 13px}.sectionhead h2{font-size:23px}.template-grid{gap:13px;margin-bottom:25px}.card-art{height:130px}.art-caption{font-size:8px;top:8px;left:8px;padding:3px 6px}.art-kind{font-size:8px;right:7px;bottom:7px}.photo-caption{font-size:7px;left:7px;bottom:27px;padding:3px 5px}.card-body{padding:13px}.card-body h3{font-size:21px;line-height:1.06;margin-bottom:8px}.card-body p{font-size:11px;line-height:1.6}.composer{padding:21px 19px;margin-top:4px}.composer label{font-size:14px}.composer input,.composer select,.composer textarea{font-size:16px}.composer .help{font-size:12px}.split{gap:20px}.panel{padding:20px}.auth{display:block;min-height:calc(100dvh - 9px)}.auth-story{display:none}.auth-form{padding:34px 25px;min-height:calc(100dvh - 9px);align-items:center}.auth-form .brandmark{display:flex;margin-bottom:37px}.auth-form .brandmark img{width:95px;height:58px}.auth-form .brandmark>div{font-size:21px}.auth-form .brandmark small{font-size:8px}.auth-form h2{font-size:40px}.auth-form input{font-size:16px}.auth-form .help{font-size:12px}.auth-form .notice{font-size:12px}}
@media(prefers-reduced-motion:reduce){.auth-mascot video{display:none}.auth-mascot{background:var(--red)}.template-card:hover:not(:disabled){transform:none}}
/* Keep the original chick animation beside the copy rather than cropping it. */
.auth-mascot video{width:125%;height:auto;max-width:none;right:-38%;bottom:0;object-fit:contain;filter:none}.auth-story:after{background:linear-gradient(90deg,rgba(117,17,20,.78),rgba(156,34,35,.12) 78%)}
.auth-mascot video{mask-image:radial-gradient(ellipse at 55% 58%,#000 30%,transparent 73%)}

.reference-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px dashed var(--accent);border-radius:14px;padding:14px;margin-top:12px;cursor:pointer}.reference-upload input{max-width:100%;font-size:14px}.reference-upload svg{width:20px;height:20px}#reference-preview img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:12px;margin:12px 0;background:var(--soft)}#reference-preview[hidden]{display:none} .reference-field select{max-width:100%}

.drop-zone.drag-over{background:var(--soft);outline:3px solid var(--accent)}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-item{min-width:0;padding:8px;border:1px solid var(--line);border-radius:12px}.reference-item span{display:block;font-size:12px;overflow-wrap:anywhere}.reference-item button{font-size:12px;margin-top:6px}#reference-preview .reference-item img{height:100px;margin:0 0 6px;width:100%;object-fit:contain}

.api-online{display:flex;gap:7px;align-items:center;margin:-10px 0 20px;font-size:12px;font-weight:600;color:var(--accent)}.api-online[hidden]{display:none}.api-online span{width:7px;height:7px;border-radius:50%;background:#1a8c43}

.asset-picker{position:relative;margin-top:8px}.asset-picker summary{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;font-size:14px}.asset-options{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:6px;margin-top:6px}.asset-options button{display:flex;align-items:center;gap:10px;width:100%;padding:8px;text-align:left;background:transparent;border:0;border-radius:8px;font-size:13px}.asset-options button:hover,.asset-options button[aria-pressed="true"]{background:var(--soft)}.asset-options img{width:44px;height:44px;object-fit:contain;border-radius:6px;background:var(--soft);flex-shrink:0}.asset-options button>span:first-of-type{flex:1}.asset-check{visibility:hidden;color:var(--accent)}.asset-options button[aria-pressed="true"] .asset-check{visibility:visible}

.quick-references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.quick-references button{min-width:0;padding:6px;background:var(--panel);border:2px solid var(--line);border-radius:10px;text-align:center}.quick-references img{width:100%;height:62px;object-fit:contain;display:block;background:var(--soft);border-radius:6px}.quick-references span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-top:5px}.quick-references button[aria-pressed="true"]{border-color:var(--accent);background:var(--soft);box-shadow:0 0 0 1px var(--accent)}

.turn-video{width:100%;margin-top:8px;display:flex;justify-content:center;align-items:center;gap:7px}.turn-video svg{width:18px;height:18px}.animate-preview{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:12px;background:var(--soft);margin-bottom:16px}

.edit-canvas{position:relative;touch-action:none;cursor:crosshair;margin:16px auto;max-width:100%;width:fit-content}.edit-canvas>img{display:block;max-width:100%;max-height:440px;width:auto;height:auto;user-select:none}.edit-box{position:absolute;border:2px solid #f51f28;background:#f51f2825;color:white;font-weight:bold;text-shadow:0 1px 3px #000;pointer-events:none;box-sizing:border-box}.edit-comment{padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.edit-comment button{margin-left:8px}

.generation-options{display:grid;gap:12px}.generation-options button{width:100%}.video-options{margin:16px 0}.video-options summary{cursor:pointer;font-weight:700;margin-bottom:12px}

.motion-image{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:12px;padding:8px}.motion-image img{width:100%;height:80px;object-fit:contain}.motion-image input{width:auto}.motion-image:has(input:checked){outline:2px solid var(--accent)}

.animate-preview[hidden]{display:none}
#modal .prompt-actions button[aria-pressed="true"],#modal .prompt-actions button[aria-pressed="true"]:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}#modal .prompt-actions button[aria-pressed="false"]{background:var(--cream);color:var(--ink)}
.board-shell{min-width:0}.board-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.board-toolbar label{margin:0;cursor:pointer;padding:10px 16px}.board-toolbar output{min-width:44px;text-align:center}.board-toolbar #board-connection{margin-left:auto;font-size:13px;color:var(--green);font-weight:600}.board-help{margin:10px 0}.board-people{min-height:26px;font-size:13px;color:var(--green)}#board-viewport{position:relative;height:calc(100dvh - 310px);min-height:440px;overflow:hidden;border:2px solid var(--line);border-radius:18px;background-color:var(--panel);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px;touch-action:none;cursor:grab;isolation:isolate}#board-world{position:absolute;transform-origin:0 0;width:1px;height:1px;will-change:transform}#board-empty{position:absolute;inset:40% 20px auto;text-align:center;color:var(--muted);pointer-events:none}#board-empty[hidden]{display:none}.board-item{position:absolute;left:0;top:0;box-sizing:border-box;box-shadow:0 4px 14px #24160820;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:default;will-change:transform}.board-yellow{background:#fff0a5}.board-pink{background:#f9dce1}.board-blue{background:#dcebf8}.board-green{background:#e0edce}.board-cream{background:var(--panel)}.board-handle{padding:10px 12px;display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid #24160815;cursor:grab;touch-action:none;font-size:12px;font-weight:700;user-select:none}.board-moving{font-size:10px;font-weight:400}.board-body{padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;max-height:650px;overflow:auto;min-height:60px;user-select:text}.board-body img,.board-body video{width:100%;height:auto;max-height:400px;object-fit:contain;display:block;border-radius:6px}.board-body p{font-size:12px;margin:8px 0 0}.board-byline{font-size:10px;line-height:1.5;padding:0 12px 8px;color:#665b48}.board-item-actions{display:flex;align-items:center;gap:8px;padding:5px 8px}.board-item-actions button{font-size:11px;padding:4px 8px;background:transparent}.board-item-actions .board-resize{margin-left:auto;cursor:nwse-resize;touch-action:none}.board-drop{outline:3px solid var(--green)}.board-asset-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:65vh;overflow:auto}.board-asset-list button{padding:8px;border-radius:10px;font-size:11px;overflow-wrap:anywhere}.board-asset-list img{width:100%;height:90px;object-fit:contain}.board-handle:focus-visible{outline:3px solid var(--green);outline-offset:-3px}@media(max-width:700px){#board-viewport{height:65dvh;min-height:360px}.board-toolbar button,.board-toolbar label{font-size:12px;padding:8px 10px}}

.board-shell.board-expanded{position:fixed;inset:10px;z-index:100;padding:18px;background:var(--cream);border:2px solid var(--line);border-radius:18px;overflow:auto}.board-expanded #board-viewport{height:calc(100dvh - 200px);min-height:250px}

/* Shared company identity and brand-specific surfaces. */
body:before{height:4px;background:var(--accent)}
h1,h2,h3{font-weight:600;letter-spacing:-.035em}h1{font-size:40px;line-height:1.14}button,.button{border-radius:10px}button.primary,.button.primary{color:var(--on-accent);box-shadow:0 2px 0 var(--accent-deep)}button.primary:hover:not(:disabled){color:var(--on-accent)}
.shell{min-height:calc(100dvh - 4px)}.sidebar{height:calc(100dvh - 4px);border-right:1px solid var(--line)}
.brandmark.workspace-mark{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:24px}.brandmark .brand-logo{height:76px;display:flex;align-items:center;justify-content:center}.brandmark .brand-logo img{height:100%;width:100%;object-fit:contain}.brandmark>small{font-size:8px;letter-spacing:.13em;text-align:center;color:var(--muted)}
.company-mark>div{font-family:Georgia,serif;font-size:25px;font-weight:700;letter-spacing:.08em;line-height:1.2;color:var(--ink)}.company-mark span{display:block;font-family:Poppins,sans-serif;font-size:10px;letter-spacing:.22em;margin-top:8px}.company-mark small{font-size:8px;color:var(--muted)}
.topbar{background:var(--header);border-bottom:1px solid var(--header-line)}.topbar>span,.topbar b,.topbar .tag,.topbar button{color:var(--header-ink)}.topbar .tag,.topbar button{border-color:var(--header-line)}
.avatar{color:var(--on-accent)}.segments button.active{color:var(--on-accent)}.nav button.active{color:var(--on-accent);box-shadow:none}.usage .eyebrow,.panel h3,.asset a,.api-online,.board-people,.board-toolbar #board-connection{color:var(--ink)}
.card-art,.card-art.video,.card-art.tone-1,.card-art.tone-2{background:var(--soft)}.card-art svg{color:var(--ink)}.art-kind{color:var(--on-accent)}.template-photo{object-position:center}.photo-caption{max-width:70%;text-transform:uppercase}.card-body h3{font-weight:600;font-size:20px}.template-card{box-shadow:0 3px 0 var(--shadow)}.composer{border:1px solid var(--line);box-shadow:0 3px 0 var(--shadow)}.composer:before{font-family:Poppins,sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted)}.composer h2{font-size:27px;font-weight:600}.tag{color:var(--ink)}
.auth-story{background:#171415;border-right:1px solid #443536;padding:48px;min-height:calc(100dvh - 4px)}.auth-story:after{display:none}.auth-story .company-mark>div{color:#f6eadb}.auth-story .company-mark small{color:#b9a897}.auth-story-copy{padding:42px 0;margin:auto 0}.auth-story h1{font-family:Georgia,serif;font-size:clamp(40px,4.5vw,68px);line-height:1.03;font-weight:400;color:#f6eadb;letter-spacing:-.035em}.auth-story h1 em{color:#dba96b}.auth-story .eyebrow{color:#dba96b}.auth-story p{color:#c8bcb0;max-width:430px}.auth-story footer{font-family:Poppins,sans-serif;color:#b9a897;font-size:10px}.auth-story footer span{color:#dba96b}.auth-form h2{font-size:35px}.auth-form button{font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.company-brands{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;max-width:430px}.company-brand{height:88px;border:1px solid #493e35;border-radius:12px;padding:17px;display:grid;place-items:center;background:#0f0f10}.company-brand.crackabottle,.company-brand.chihao{background:#f5f1eb}.company-brand img{width:100%;height:54px;object-fit:contain}
#toast{background:var(--header);color:var(--header-ink)}.error,.job-error{color:#b92d29}.success-link{color:var(--ink)}
[data-brand="corksout"] .error,[data-brand="corksout"] .job-error,[data-brand="thebrick"] .error,[data-brand="thebrick"] .job-error{color:#ffaaa1!important}
.asset img,.quick-references img,.asset-options img,.animate-preview,.board-asset-list img{background:var(--soft)}
#modal .prompt-actions button[aria-pressed="true"],#modal .prompt-actions button[aria-pressed="true"]:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.board-item{color:#272219;border-color:#c4baa4}.board-cream{background:#fffef4}.board-item button{color:#272219;border-color:#bbae91}.board-byline{color:#665b48}.board-item-actions button:hover{background:#ffffff66}.board-handle:focus-visible{outline-color:#272219}
@media(max-width:700px){.sidebar{height:auto}.brandmark.workspace-mark{flex-direction:row;align-items:center}.brandmark .brand-logo{width:165px;height:52px}.brandmark>small{margin-left:auto;font-size:7px;text-align:right;max-width:100px}.company-mark>div{font-size:24px}.auth-form .brandmark{display:block}.auth-story{display:none}h1{font-size:32px}.card-body h3{font-size:18px}.topbar>span{font-size:9px}}

/* Collaborative drawing tools; shared by all workspace themes. */
.board-toolbar button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.board-toolbar kbd{font:inherit;font-size:10px;opacity:.65;margin-left:5px}
.board-toolbar button,.board-toolbar .button{font-size:13px;padding:10px 13px;min-height:40px}
.board-utilities{gap:7px;margin-top:8px}.board-toolbar button:disabled{opacity:.4}
.board-selection{display:flex;align-items:center;gap:12px;min-height:51px;margin-top:12px;border-block:1px solid var(--line);padding:7px 0;font-size:13px}
#board-selection-actions:not([hidden]){display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.board-selection button{font-size:12px;padding:7px 12px;min-height:34px}
.board-selection label{display:flex;align-items:center;gap:8px;font-size:12px;margin:0}
.board-selection select{width:125px;font-size:12px;padding:7px;margin:0;min-height:34px}
#board-viewport[data-tool="hand"],#board-viewport.board-space{cursor:grab}
#board-viewport.board-panning{cursor:grabbing}
#board-viewport:not([data-tool="select"]):not([data-tool="hand"]){cursor:crosshair}
#board-viewport{height:calc(100dvh - 395px);min-height:460px;user-select:none}
.board-item{outline:2px solid transparent;outline-offset:3px;cursor:move}
.board-item.board-selected{outline-color:var(--accent);z-index:2}
.board-item:focus-visible{outline-color:var(--accent)}
.board-item video{cursor:default}.board-item img{pointer-events:none}
.board-body{position:relative;line-height:1.35;overflow-wrap:anywhere}
.board-content{position:relative;white-space:pre-wrap;display:block}
.board-handle{font-size:11px;text-transform:capitalize}.board-moving{text-transform:none}
.board-item-actions{user-select:none}.board-resize{touch-action:none}
.board-marquee,.board-draw-preview{position:absolute;border:1.5px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none;z-index:5}
.board-draw-preview{border-style:dashed;border-radius:8px}
.board-tool-text,.board-tool-arrow{box-shadow:none;border-color:transparent}
.board-tool-text.board-clear,.board-tool-arrow.board-clear{color:var(--ink)}
.board-clear{background:transparent}
.board-tool-rectangle .board-body{border:2px solid currentColor;margin:12px}
.board-tool-ellipse .board-body{border:2px solid currentColor;border-radius:50%;margin:12px;display:flex;align-items:center;justify-content:center;padding:24px}
.board-tool-arrow .board-body{display:flex;align-items:center;justify-content:center}
.board-tool-arrow svg{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
.board-tool-arrow .board-content:not(:empty){background:var(--panel);color:var(--ink);padding:8px;border-radius:6px}
.board-tool-text .board-handle,.board-tool-arrow .board-handle{background:transparent}
.board-tool-text.board-clear .board-byline,.board-tool-arrow.board-clear .board-byline{color:var(--muted)}
.board-tool-text.board-clear button,.board-tool-arrow.board-clear button{color:var(--ink);border-color:var(--line)}
.board-property-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.board-property-grid label{font-size:13px}.board-property-grid input,.board-property-grid select{margin-top:5px}
.board-property-grid .board-bold{display:flex;align-items:center;gap:8px}.board-bold input{width:auto}
.board-shortcut-list{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:12px;font-size:14px}
.board-shortcut-list dt{font-weight:700}.board-shortcut-list dd{margin:0;color:var(--muted)}
.board-shell.board-expanded{overflow:auto}.board-expanded #board-viewport{height:calc(100dvh - 270px)}
@media(max-width:700px){.board-toolbar{gap:5px}.board-toolbar button,.board-toolbar .button{font-size:11px;padding:8px}.board-toolbar kbd{display:none}.board-selection{align-items:flex-start;flex-direction:column}.board-shortcut-list{font-size:12px}.board-expanded #board-viewport{height:65dvh}.board-property-grid{grid-template-columns:1fr 1fr}}
.board-item.board-clear{color:var(--ink)}
.board-clear .board-byline{color:var(--muted)}
.board-item.board-clear button{color:var(--ink);border-color:var(--line)}
.board-tool-rectangle,.board-tool-ellipse{box-shadow:none;background:transparent;border-color:transparent;color:var(--ink)}
.board-tool-rectangle .board-handle,.board-tool-ellipse .board-handle{background:transparent}
.board-tool-rectangle .board-byline,.board-tool-ellipse .board-byline{color:var(--muted)}
.board-tool-rectangle button,.board-tool-ellipse button{color:var(--ink);border-color:var(--line)}
.board-tool-rectangle .board-body,.board-tool-ellipse .board-body{color:#272219}
.board-tool-rectangle.board-blue .board-body,.board-tool-ellipse.board-blue .board-body{background:#deedf9}
.board-tool-rectangle.board-yellow .board-body,.board-tool-ellipse.board-yellow .board-body{background:#fff2a4}
.board-tool-rectangle.board-pink .board-body,.board-tool-ellipse.board-pink .board-body{background:#f9d9e3}
.board-tool-rectangle.board-green .board-body,.board-tool-ellipse.board-green .board-body{background:#dff0d8}
.board-tool-rectangle.board-cream .board-body,.board-tool-ellipse.board-cream .board-body{background:#fffef4}
.board-tool-rectangle.board-clear .board-body,.board-tool-ellipse.board-clear .board-body{color:var(--ink)}