@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');
:root{--bg:#080809;--panel:#0c0c0d;--panel2:#121214;--panel3:#18181b;--line:#29292d;--soft:#9b999d;--text:#f0ece5;--ivory:#e7ddd0;--coral:#d76d58;--blue:#7896dc;--sand:#b49469;--green:#65c995;--danger:#d67d78;--sidebar:258px;--inspector:286px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{height:100dvh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--inspector)}.sidebar,.inspector{background:#09090a;min-height:0}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{height:77px;border-bottom:1px solid var(--line);padding:15px 17px;display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;border:1px solid #d8cec1;border-radius:50%;display:grid;place-items:center;font:500 24px/1 'Cormorant Garamond'}.brand>span:nth-child(2){display:flex;flex-direction:column}.brand strong{font:600 16px Manrope}.brand small,.profile small{font-size:10px;color:#79787d}.icon{border:0;background:none;cursor:pointer}.close-mobile,.menu-mobile{display:none}.main-nav{padding:13px 10px 7px;border-bottom:1px solid var(--line)}.nav-item{width:100%;height:41px;border:0;background:transparent;border-radius:9px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;color:#aaa9ad;padding:0 10px;cursor:pointer;margin:1px 0}.nav-item i{font-style:normal;font-size:16px}.nav-item span{font-size:12px;font-weight:600}.nav-item b{min-width:19px;height:19px;padding:0 5px;border-radius:9px;background:#252529;display:grid;place-items:center;font-size:8px}.nav-item em{width:6px;height:6px;background:var(--coral);border-radius:50%}.nav-item small{font-size:8px;color:#766b80}.nav-item:hover,.nav-item.active{background:#19191b;color:#fff}.nav-item.ai-nav{margin-top:8px;border:1px solid #2c2630;background:linear-gradient(90deg,#151218,#101012)}.nav-item.ai-nav i{color:#d6a7dc}.side-projects{padding:11px 10px;overflow:auto;flex:1}.section-label{display:flex;align-items:center;justify-content:space-between;color:#77767c;letter-spacing:.13em;font-size:8px;font-weight:700;padding:8px}.section-label button{border:0;background:none;color:#aaa;cursor:pointer;font-size:17px}.side-project{border:0;background:none;width:100%;display:grid;grid-template-columns:8px 1fr;gap:10px;align-items:center;text-align:left;padding:10px;border-radius:9px;cursor:pointer}.side-project:hover,.side-project.active{background:#151517}.side-project>span:last-child{display:flex;flex-direction:column;gap:2px}.side-project b{font-size:11px}.side-project small{font-size:9px;color:#777}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.coral{background:var(--coral)}.blue{background:var(--blue)}.sand{background:var(--sand)}.profile{height:70px;border-top:1px solid var(--line);padding:13px 16px;display:flex;align-items:center;gap:9px}.profile>span:nth-child(2){display:flex;flex:1;flex-direction:column}.profile b{font-size:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:10px;font-weight:700}.avatar.broker{background:#ded5ca;color:#171719}.avatar.mika{background:#61352e;color:#ffd8c8}.avatar.mini{width:27px;height:27px;font-size:7px}.workspace{min-width:0;position:relative;background:radial-gradient(circle at 65% 0,#171518 0,transparent 38%),var(--bg);overflow:hidden}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 25px;display:flex;align-items:center;gap:11px;background:rgba(9,9,10,.84);backdrop-filter:blur(18px);position:relative;z-index:4}.topbar>div{flex:1}.topbar small{display:block;font-size:8px;color:#777;letter-spacing:.16em}.topbar h1{font:600 18px Manrope;margin:3px 0 0}.sync{display:flex;align-items:center;gap:6px;border:1px solid #25362d;background:#101d16;color:#8fd7ad;border-radius:999px;padding:6px 9px;font-size:8px}.sync i,.ollama-status i,.inspector footer i{width:6px;height:6px;border-radius:50%;background:var(--green)}.top-action{height:34px;border:1px solid #2d2d31;border-radius:9px;background:#111113;padding:0 11px;cursor:pointer}.top-avatar{border:0;cursor:pointer}.view{display:none;height:calc(100dvh - 77px);overflow:auto;padding:26px clamp(18px,3vw,40px) 45px}.view.active{display:block}.home-hero{min-height:270px;border:1px solid #2a292b;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:#111113}.hero-copy{padding:clamp(30px,5vw,68px);display:flex;justify-content:center;flex-direction:column}.hero-copy small,.page-heading small,.content-heading small,.ai-header small{font-size:8px;letter-spacing:.18em;color:#8b7e76}.hero-copy h2{font:500 clamp(30px,4vw,55px)/.96 'Cormorant Garamond';margin:13px 0 15px;letter-spacing:-.035em}.hero-copy h2 em{color:#c4aa95}.hero-copy p{color:#8f8e92;font-size:11px}.hero-photo{min-height:270px;background:linear-gradient(90deg,#111113 0,transparent 25%),linear-gradient(0deg,#0009,transparent 50%),url('assets/collage-home.jpg') center/cover;display:flex;flex-direction:column;justify-content:flex-end;padding:27px}.hero-photo span{font:500 40px 'Cormorant Garamond'}.hero-photo small{font-size:8px;letter-spacing:.15em}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 30px}.summary-card{border:1px solid var(--line);background:#111113;border-radius:12px;padding:13px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.summary-card:hover{background:#171719;transform:translateY(-1px)}.summary-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.coral-bg{background:#311d19;color:#ee927c}.blue-bg{background:#182137;color:#9bb6f4}.ai-bg{background:#261b2a;color:#d8aee2}.summary-card>span:nth-child(2){display:flex;flex-direction:column}.summary-card small{font-size:8px;color:#777}.summary-card strong{font-size:11px;margin-top:3px}.summary-card>b{font-size:15px;color:#777}.content-heading,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 13px}.content-heading span>small{color:#777}.content-heading h3{font:600 20px Manrope;margin:4px 0}.content-heading button{border:0;background:none;color:#aaa;font-size:9px;cursor:pointer}.project-cards{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.project-card{background:#101012;border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer}.card-image{height:165px;padding:13px;display:flex;flex-direction:column;justify-content:space-between;background-position:center;background-size:cover}.card-image.web,.large-cover.web{background-image:linear-gradient(0deg,#000b,transparent 65%),url('assets/portrait.jpg')}.card-image.reel,.large-cover.reel{background-image:linear-gradient(0deg,#000b,transparent 65%),url('assets/editorial.jpg')}.card-image.denim,.large-cover.denim{background-image:linear-gradient(0deg,#000b,transparent 65%),url('assets/denim.jpg')}.tag{width:max-content;border-radius:999px;padding:5px 8px;font-size:7px;text-transform:uppercase;letter-spacing:.08em;border:1px solid}.tag.live{background:#10241a;color:#8fdbaf;border-color:#25553a}.tag.review{background:#272118;color:#dbc08e;border-color:#5b4b2c}.tag.files{background:#171e2d;color:#9cb4e5;border-color:#324464}.card-image div small{font-size:7px;letter-spacing:.15em}.card-image h3{font:500 26px 'Cormorant Garamond';margin:3px 0}.project-card footer{height:56px;display:flex;align-items:center;gap:10px;padding:10px 13px}.project-card footer>span:first-child{display:flex;flex-direction:column}.project-card footer b{font-size:10px}.project-card footer small{font-size:7px;color:#777}.bar{height:3px;background:#2b2b2e;border-radius:9px;flex:1}.bar i{display:block;height:100%;background:#cfc3b5;border-radius:9px}.avatars{display:flex}.avatars i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e2d9ce;color:#111;font-style:normal;font-size:6px;border:2px solid #101012}.avatars i+i{margin-left:-6px;background:#60352f;color:#ffd8c8}.activity-panel{margin-top:28px;border-top:1px solid var(--line)}.activity{display:flex;align-items:center;gap:11px;border-bottom:1px solid #202023;padding:11px 4px}.activity p{margin:0;flex:1;font-size:10px}.activity p small{display:block;color:#6d6c71;margin-top:3px}.activity-state{font-size:7px;padding:5px 7px;border-radius:999px}.approved{color:#8dd3a9;background:#11251a}.published{color:#9db6eb;background:#151d2c}.activity button{border:0;background:none;color:#aaa;font-size:9px}.ai-mini{width:38px;height:38px;border-radius:50%;background:#251a29;color:#d7aade;display:grid;place-items:center}.page-heading{align-items:center;margin:3px 0 25px}.page-heading h2{font:500 42px/1 'Cormorant Garamond';margin:7px 0}.page-heading p{color:#777;font-size:10px}.primary,.secondary,.danger{border-radius:9px;padding:10px 14px;cursor:pointer;font-size:9px}.primary{border:0;background:var(--ivory);color:#161616}.secondary{border:1px solid #38383c;background:#171719}.danger{border:1px solid #4d2a2a;background:#231616;color:#dc9b94}.filters,.approval-tabs{display:flex;gap:6px;margin-bottom:16px}.filters button,.approval-tabs button{border:1px solid #29292c;background:#111113;border-radius:999px;padding:7px 11px;font-size:8px;color:#888;cursor:pointer}.filters button.active,.approval-tabs button.active{background:#e4dbcf;color:#171717}.projects-large{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.projects-large>article,.new-project-card{background:#101012;border:1px solid var(--line);border-radius:14px;overflow:hidden}.large-cover{height:210px;background-size:cover;background-position:center;padding:12px}.large-info{padding:14px}.large-info>small{font-size:7px;color:#777;letter-spacing:.13em}.large-info h3{font:500 24px 'Cormorant Garamond';margin:4px 0}.large-info p{font-size:9px;color:#777}.large-info>div{display:flex;align-items:center;gap:8px}.large-info>div span{font-size:8px}.large-info>div i{height:3px;background:#29292c;flex:1}.large-info>div b{display:block;height:100%;background:#d8cdbf}.new-project-card{min-height:320px;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#888}.new-project-card span{font-size:26px}.new-project-card b{font-size:11px;margin:9px}.new-project-card small{font-size:8px}.chat-view{padding:0;overflow:hidden;display:none;flex-direction:column}.chat-view.active{display:flex}.chat-header{height:68px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:#0d0d0f}.chat-header>div{flex:1}.chat-header h2{font-size:13px;margin:0}.chat-header small{font-size:8px;color:#777}.chat-header small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:4px}.chat-header button{width:32px;height:32px;border:1px solid #2b2b2e;background:none;border-radius:8px}.project-context{height:41px;background:#111113;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 24px;font-size:9px}.project-context>b{font-size:10px}.project-context>span:nth-of-type(2){color:#a88f7a;margin-left:auto}.project-context button{border:0;background:none;color:#888;font-size:8px}.messages{flex:1;overflow:auto;padding:25px clamp(16px,5vw,65px);background:linear-gradient(rgba(8,8,9,.88),rgba(8,8,9,.91)),url('assets/collage-chat.jpg') center/cover no-repeat}.messages .bubble{background:#1a1a1d}.messages .mine .bubble{background:var(--ivory)}.day{text-align:center;margin-bottom:24px}.day span{font-size:8px;background:#19191b;color:#777;border-radius:999px;padding:5px 9px}.message{display:flex;align-items:flex-end;gap:8px;max-width:82%;margin-bottom:16px}.message.mine{margin-left:auto;justify-content:flex-end}.bubble{background:#1a1a1d;border:1px solid #29292c;border-radius:15px 15px 15px 4px;padding:10px 13px;font-size:11px;line-height:1.5}.mine .bubble{background:var(--ivory);color:#171719;border:0;border-radius:15px 15px 4px 15px}.message small{display:block;font-size:7px;color:#6f6e74;margin-top:4px}.mine small{text-align:right}.asset-card{width:min(330px,60vw);border:1px solid var(--line);background:#121214;border-radius:14px;overflow:hidden}.asset-preview{height:145px;background:linear-gradient(0deg,#000b,transparent),url('assets/denim.jpg') center/cover;display:flex;flex-direction:column;justify-content:flex-end;padding:14px}.asset-preview span{font:500 32px 'Cormorant Garamond'}.asset-preview small{text-align:left;color:#eee}.asset-meta{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.asset-meta>span{display:flex;flex:1;flex-direction:column}.asset-meta b{font-size:9px}.asset-meta button{border:0;background:#242427;color:white;border-radius:7px;width:28px;height:28px}.approval{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px}.approval button{border-radius:7px;padding:8px;font-size:8px}.approve{border:0;background:var(--ivory);color:#171719}.change{border:1px solid #38383b;background:none;color:#aaa}.selected{background:var(--green)!important;color:#09130d!important;border-color:var(--green)!important}.voice-note{min-width:240px;background:#19191c;border:1px solid #29292d;border-radius:15px 15px 15px 4px;display:flex;align-items:center;gap:8px;padding:8px 10px}.play{width:29px;height:29px;border-radius:50%;background:var(--ivory);color:#171719;border:0}.wave{flex:1;height:25px;display:flex;gap:2px;align-items:center}.wave i{display:block;width:2px;height:35%;background:#89888d}.wave i:nth-child(3n){height:80%}.wave i:nth-child(4n){height:100%}.voice-note>span,.speed{font-size:8px;color:#777}.speed{border:1px solid #333;background:none;border-radius:999px}.composer,.ai-composer{margin:7px clamp(10px,3vw,34px) calc(10px + env(safe-area-inset-bottom));border:1px solid #2c2c2f;background:#171719;border-radius:15px;display:flex;align-items:flex-end;padding:6px;gap:4px}.composer textarea,.ai-composer textarea{flex:1;resize:none;max-height:110px;min-height:37px;border:0;outline:0;background:none;color:#eee;padding:10px}.attach,.record,.send,.ai-attach,.ai-send{width:37px;height:37px;border:0;background:none;border-radius:10px}.record{color:#d87875}.send{background:var(--ivory);color:#171719}.recording{display:none;margin:0 28px 10px;padding:10px;border:1px solid #572f2e;background:#251615;border-radius:11px;align-items:center;gap:9px;font-size:9px}.recording.open{display:flex}.recording time{flex:1}.pulse{width:7px;height:7px;background:#fb6059;border-radius:50%;animation:pulse 1s infinite}.recording button{border:0;border-radius:6px;padding:6px 9px}.storage{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:16px}.storage>span{display:flex;flex-direction:column}.storage b{font-size:10px}.storage small{font-size:8px;color:#777;margin-top:3px}.storage>i{height:4px;background:#262629}.storage>i b{display:block;width:18%;height:100%;background:#c9bcad}.storage>strong{font-size:10px}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.file-grid article{position:relative;background:#111113;border:1px solid var(--line);border-radius:12px;overflow:hidden}.file-grid img,.audio-art{width:100%;aspect-ratio:16/11;object-fit:cover;display:block}.file-grid article>div:not(.audio-art){padding:10px 35px 10px 11px;display:flex;flex-direction:column}.file-grid article b{font-size:9px}.file-grid article small{font-size:7px;color:#777;margin-top:3px}.file-grid article>button{position:absolute;right:8px;bottom:12px;border:0;background:none}.video-file>span{position:absolute;top:30%;left:50%;width:38px;height:38px;border-radius:50%;background:#000a;display:grid;place-items:center;transform:translate(-50%,-50%)}.audio-art{display:grid;place-items:center;background:radial-gradient(circle,#3c2636,#151217);font-size:42px;color:#cca6c5}.approval-tabs b{margin-left:5px}.approval-list{display:grid;gap:12px}.approval-list article{display:grid;grid-template-columns:180px 1fr auto;gap:16px;border:1px solid var(--line);background:#111113;border-radius:13px;padding:11px}.approval-list img,.reel-poster{width:180px;height:120px;object-fit:cover;border-radius:9px}.reel-poster{background:linear-gradient(135deg,#171d27,#08090b);display:grid;place-items:center;position:relative;font:500 28px 'Cormorant Garamond'}.reel-poster i{position:absolute;bottom:9px;right:9px;font-style:normal}.approval-list article>div:nth-child(2){align-self:center}.approval-list small{font-size:7px;color:#8d796b;letter-spacing:.12em}.approval-list h3{font:500 23px 'Cormorant Garamond';margin:4px 0}.approval-list p{font-size:9px;color:#888}.approval-list div>span{font-size:7px;color:#666}.approval-list footer{display:flex;align-items:center;gap:6px}.ai-view{padding:0;overflow:hidden}.ai-view.active{display:flex;flex-direction:column}.ai-header{height:104px;padding:19px 27px;border-bottom:1px solid #29242d;background:linear-gradient(90deg,#111014,#0c0c0e);display:flex;align-items:center;gap:15px}.ai-orb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d9a9e2,#533c5a 47%,#17121a 70%);box-shadow:0 0 35px #a16aaa30}.ai-header>div{flex:1}.ai-header h2{font:500 27px 'Cormorant Garamond';margin:2px 0}.ai-header p{font-size:8px;color:#777;margin:0}.ollama-status{border:1px solid #294233;background:#101b15;border-radius:10px;padding:9px 11px;display:grid;grid-template-columns:8px 1fr;column-gap:6px}.ollama-status i{grid-row:1/3;align-self:center}.ollama-status b{font-size:8px}.ollama-status small{font-size:7px;color:#668474}.ai-layout{flex:1;min-height:0;display:grid;grid-template-columns:210px 1fr}.ai-history{border-right:1px solid #29242d;padding:13px;overflow:auto;background:#0c0b0e}.new-ai{width:100%;border:1px solid #39303d;border-radius:9px;background:#18131b;padding:9px;font-size:9px}.ai-history p{font-size:7px;letter-spacing:.15em;color:#68616b;margin:18px 7px 6px}.ai-history>button:not(.new-ai){width:100%;border:0;border-radius:8px;background:none;text-align:left;padding:9px;color:#aaa;font-size:9px}.ai-history>button.active{background:#1a151d;color:#fff}.ai-history button small{display:block;color:#665e69;font-size:7px;margin-top:4px}.ai-conversation{min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 10%,#17131a,transparent 42%)}.ai-model{height:42px;border-bottom:1px solid #29242d;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#777}.ai-model span i{display:inline-block;width:6px;height:6px;background:#b47cc0;border-radius:50%;margin-right:6px}.ai-model select{background:#171419;color:#bbb;border:1px solid #332c36;border-radius:6px;font-size:8px;padding:4px}.ai-messages{flex:1;overflow:auto;padding:24px clamp(16px,5vw,65px)}.ai-welcome{max-width:530px;margin:8vh auto 0;text-align:center}.ai-welcome>span{font-size:34px;color:#c995d2}.ai-welcome h3{font:500 36px 'Cormorant Garamond';margin:8px}.ai-welcome p{font-size:10px;color:#777;line-height:1.6}.quick-prompts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:20px}.quick-prompts button{border:1px solid #302a33;background:#131115;color:#aaa;border-radius:10px;padding:11px;font-size:8px}.ai-message{max-width:75%;margin:12px 0;padding:11px 13px;border-radius:13px;background:#19151c;border:1px solid #302a33;font-size:10px;line-height:1.5}.ai-message.user{margin-left:auto;background:#e3d9cd;color:#171719;border:0}.ai-composer{position:relative;border-color:#382f3c;background:#151217;margin-bottom:17px}.ai-send{background:#34273a;color:#dbb0e3}.ai-composer>small{position:absolute;top:calc(100% + 4px);left:9px;font-size:6px;color:#5e5861}.inspector{border-left:1px solid var(--line);display:flex;flex-direction:column;padding:21px 18px;overflow:auto}.inspector header>button{display:none;float:right;border:0;background:none;font-size:20px}.inspector header>small{font-size:7px;letter-spacing:.16em;color:#777}.inspector h2{font:500 28px 'Cormorant Garamond';margin:6px 0 10px}.progress{margin:24px 0}.progress>span{display:flex;justify-content:space-between;font-size:9px}.progress small{color:#777}.progress>i{display:block;height:3px;background:#27272a;margin-top:9px}.progress>i b{display:block;width:82%;height:100%;background:#cbbdad}.inspector section{border-top:1px solid var(--line);padding:13px 0}.inspector section>.section-label{display:block;padding:3px 0 8px}.inspector label{display:flex;align-items:center;gap:7px;padding:7px 0;font-size:9px}.inspector input{accent-color:#d9cfc2}.inspector label:has(input:checked) span{text-decoration:line-through;color:#666}.recent-file{width:100%;display:flex;gap:8px;align-items:center;border:0;background:none;text-align:left;padding:6px 0}.recent-file img{width:37px;height:37px;border-radius:6px;object-fit:cover}.recent-file span{display:flex;flex-direction:column}.recent-file b{font-size:8px}.recent-file small{font-size:7px;color:#777}.admin-row{display:flex;align-items:center;gap:8px;margin:8px 0}.admin-row p{display:flex;flex-direction:column;margin:0}.admin-row b{font-size:9px}.admin-row small{font-size:7px;color:#777}.inspector footer{margin-top:auto;border-top:1px solid var(--line);padding-top:13px;display:flex;flex-direction:column}.inspector footer span{font-size:8px;color:#8ecba6}.inspector footer i{display:inline-block;margin-right:5px}.inspector footer small{font-size:7px;color:#666;margin-top:3px}.mobile-nav{display:none}.modal{position:fixed;z-index:100;inset:0;background:#000b;backdrop-filter:blur(8px);display:none;place-items:center}.modal.open{display:grid}.login-modal{z-index:300;background:linear-gradient(#080809e8,#080809f3),url('assets/collage-home.jpg') center/cover}.login-modal .modal-card{max-width:390px;background:#111113ee;box-shadow:0 30px 100px #000}.login-modal .modal-card>p{font:500 25px 'Cormorant Garamond';margin:-11px 0 22px;color:#cdbba7}.login-modal .primary{width:100%;margin-top:10px}.login-error{color:#e78c85;display:block;min-height:14px;margin-top:5px}.modal-card{width:min(420px,calc(100vw - 30px));background:#121214;border:1px solid #343438;border-radius:16px;padding:23px;position:relative}.modal-close:first-child{position:absolute;right:14px;top:12px;border:0;background:none;font-size:20px}.modal-card>small{font-size:7px;letter-spacing:.15em;color:#888}.modal-card h2{font:500 31px 'Cormorant Garamond';margin:7px 0 18px}.modal-card label{display:flex;flex-direction:column;gap:6px;font-size:8px;color:#888;margin:12px 0}.modal-card input,.modal-card textarea{background:#0d0d0e;color:#eee;border:1px solid #303034;border-radius:8px;padding:10px;outline:0}.modal-card textarea{min-height:80px;resize:vertical}.color-choice{display:flex;align-items:center;gap:8px;font-size:8px;color:#888}.color-choice button{width:20px;height:20px;border:2px solid transparent;border-radius:50%}.color-choice button.selected{outline:1px solid white}.modal-card footer{display:flex;justify-content:flex-end;gap:7px;margin-top:20px}.toast{position:fixed;z-index:200;left:50%;bottom:25px;transform:translate(-50%,10px);padding:9px 13px;background:#e5dbcf;color:#151515;border-radius:8px;font-size:9px;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}
@media(max-width:1180px){:root{--inspector:0px}.app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}.inspector{position:fixed;z-index:30;right:0;top:0;bottom:0;width:286px;transform:translateX(102%);transition:.25s;box-shadow:-25px 0 60px #000}.inspector.open{transform:none}.inspector header>button{display:block}.project-cards{grid-template-columns:1fr 1fr}.project-card:last-child{display:none}}
@media(max-width:760px){body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.app-shell{display:block}.sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:min(84vw,300px);transform:translateX(-102%);transition:.25s;box-shadow:25px 0 60px #000}.sidebar.open{transform:none}.close-mobile,.menu-mobile{display:block}.close-mobile{margin-left:auto;font-size:22px}.workspace{height:calc(100dvh - 60px - env(safe-area-inset-bottom))}.topbar{height:64px;padding:0 12px}.topbar h1{font-size:14px}.sync span,.top-action{display:none}.view{height:calc(100dvh - 124px - env(safe-area-inset-bottom));padding:16px 12px 35px}.home-hero{display:block;min-height:0}.hero-copy{padding:28px 22px}.hero-copy h2{font-size:38px}.hero-photo{min-height:190px}.summary-grid{grid-template-columns:1fr;margin-bottom:22px}.summary-card{padding:10px}.project-cards{display:flex;overflow:auto;scroll-snap-type:x mandatory}.project-card{min-width:82vw;scroll-snap-align:start}.project-card:last-child{display:block}.content-heading{margin-top:16px}.activity-state{display:none}.page-heading{align-items:flex-start}.page-heading h2{font-size:35px}.projects-large{grid-template-columns:1fr}.large-cover{height:180px}.chat-view{height:calc(100dvh - 124px - env(safe-area-inset-bottom))}.chat-header{height:58px;padding:0 12px}.project-context{padding:0 12px}.messages{padding:18px 10px}.message{max-width:94%}.message>.avatar{display:none}.asset-card{width:78vw}.composer{margin:5px 7px calc(7px + env(safe-area-inset-bottom))}.storage{grid-template-columns:1fr auto}.storage>i{grid-column:1/3}.file-grid{grid-template-columns:1fr 1fr}.approval-list article{grid-template-columns:95px 1fr;padding:8px}.approval-list img,.reel-poster{width:95px;height:95px}.approval-list footer{grid-column:1/3;justify-content:flex-end}.approval-list footer .secondary{display:none}.ai-header{height:auto;padding:14px}.ai-header p,.ollama-status small{display:none}.ai-orb{width:39px;height:39px}.ollama-status{padding:7px}.ai-layout{display:block}.ai-history{display:none}.ai-conversation{height:calc(100dvh - 215px)}.ai-model{padding:0 9px}.ai-model span{display:none}.ai-messages{padding:15px}.ai-welcome{margin-top:3vh}.quick-prompts{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(10,10,11,.96);border-top:1px solid var(--line);backdrop-filter:blur(18px)}.mobile-nav button{border:0;background:none;color:#706f75;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mobile-nav i{font-style:normal;font-size:17px}.mobile-nav span{font-size:7px}.mobile-nav button.active{color:#eee}.inspector{display:none}.toast{bottom:78px}}