@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#24212a;--muted:#726e7b;--line:#e8e5ed;--panel:#fff;--canvas:#eeeef1;--primary:#6750e8;--primary-dark:#533bd1;--soft:#f7f5fb;--green:#118b67;--danger:#c53b4c;--shadow:0 16px 50px rgba(43,35,75,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:#fbfafc}button,input,select{font:inherit;color:inherit}button,a{transition:.16s ease}a{color:inherit;text-decoration:none}button{cursor:pointer}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--primary);margin:0 0 10px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope;font-weight:800}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#806ef0,#5034d0);color:#fff;box-shadow:0 6px 16px rgba(103,80,232,.3)}.brand-mark.compact{width:30px;height:30px;border-radius:9px}.button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 16px;font-weight:700}.button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(34,25,63,.09)}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-dark)}.button.ghost{background:#fff}.button.wide{width:100%;padding:13px}.button.small{padding:8px 12px;font-size:13px}.flash{position:fixed;z-index:1000;top:18px;left:50%;transform:translateX(-50%);padding:11px 17px;border-radius:10px;box-shadow:var(--shadow);font-weight:600;background:#fff;opacity:1;transition:opacity .2s ease,transform .2s ease}.flash.is-dismissing{opacity:0;transform:translate(-50%,-8px);pointer-events:none}.flash.error{color:var(--danger);border:1px solid #f0c4ca}.flash.success{color:var(--green);border:1px solid #b9dfd3}
label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#4b4653}input,select{width:100%;border:1px solid #dcd8e3;border-radius:8px;background:#fff;padding:10px 11px;outline:none}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(103,80,232,.1)}
.auth-body{background:#f5f2fb}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-story{position:relative;overflow:hidden;padding:42px 8vw;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#2f2753,#4c348f 62%,#6750e8);color:#fff}.brand-light{color:#fff}.auth-story h1{font:800 clamp(42px,5vw,74px)/1.02 Manrope;margin:0;max-width:720px;letter-spacing:-.045em}.auth-story p:not(.eyebrow){max-width:570px;font-size:18px;line-height:1.65;color:#ddd5fa}.auth-story .eyebrow{color:#cfc5ff}.auth-panel{display:grid;place-items:center;padding:30px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #ebe8ef;border-radius:18px;padding:38px;box-shadow:var(--shadow);display:grid;gap:19px}.auth-card h2{font:800 30px/1.15 Manrope;margin:0}.auth-card>p{margin:-10px 0 4px;color:var(--muted)}.auth-links{display:flex;justify-content:space-between;font-size:13px}.auth-links a{color:var(--primary);font-weight:700}.auth-art{height:210px;position:relative;margin-top:30px}.auth-art:before,.auth-art:after{content:"";position:absolute;height:2px;background:#9f8ef1;transform-origin:left}.auth-art:before{width:43%;left:14%;top:35%;transform:rotate(13deg)}.auth-art:after{width:37%;left:18%;top:43%;transform:rotate(-22deg)}.node{position:absolute;width:25px;height:25px;border:5px solid #cfc5ff;background:#5036a0;border-radius:50%;z-index:2}.n1{left:10%;top:25%}.n2{left:56%;top:47%}.n3{left:19%;top:73%}.art-card{position:absolute;right:3%;top:0;width:180px;height:135px;background:#fff;border-radius:15px;transform:rotate(5deg);padding:20px;box-shadow:0 18px 50px rgba(12,4,44,.3)}.art-card i{display:block;height:13px;background:#ddd7f8;border-radius:5px;margin-bottom:13px}.art-card i:first-child{width:45%;background:#6750e8}.art-card i:last-child{height:40px;background:#f0edfb}.auth-panel.solo{min-height:100vh}
.app-header{height:66px;padding:0 4vw;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.app-header nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:600}.app-header nav a:hover{color:var(--primary)}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--avatar,#6750e8);color:#fff;font-size:13px;font-weight:800}.workspace{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 66px)}.workspace-nav{border-right:1px solid var(--line);padding:25px 16px;background:#faf9fc}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;border-radius:8px;padding:10px 11px;text-align:left;font-size:14px}.nav-item:hover,.nav-item.active{background:#eeebf8;color:#4b37b5;font-weight:700}.nav-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#9a95a2;margin:28px 10px 8px}.new-project{display:flex;margin:12px 5px}.new-project input{padding:8px;border-radius:7px 0 0 7px;font-size:12px}.new-project button{border:0;border-radius:0 7px 7px 0;background:#e9e5f7;color:var(--primary);font-size:18px}.workspace-content{padding:48px clamp(30px,5vw,75px);max-width:1500px;width:100%;margin:auto}.workspace-title{display:flex;align-items:flex-end;justify-content:space-between}.workspace-title h1{font:800 clamp(30px,4vw,47px)/1.1 Manrope;letter-spacing:-.035em;margin:0 0 8px}.workspace-title p:last-child{margin:0;color:var(--muted)}.template-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:38px 0}.template-strip button{display:grid;grid-template-columns:49px 1fr;grid-template-rows:1fr 1fr;text-align:left;border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px;column-gap:12px}.template-strip button:hover{border-color:#a89bea;box-shadow:0 7px 20px rgba(48,36,91,.08);transform:translateY(-2px)}.template-icon{grid-row:1/3;display:grid;place-items:center;border-radius:10px;background:#eeeafe;color:var(--primary);font-size:25px}.template-strip b{align-self:end;font-size:13px}.template-strip small{color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0 16px}.section-heading h2{font:700 20px Manrope;margin:0}.section-heading span{font-size:12px;color:var(--muted)}.file-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px}.file-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.file-card:hover{border-color:#ada1e9;transform:translateY(-2px);box-shadow:0 12px 30px rgba(44,34,82,.09)}.file-preview{height:180px;background:#eeedf2;display:grid;place-items:center;position:relative;overflow:hidden}.file-preview img{width:100%;height:100%;object-fit:cover}.preview-art{width:72%;height:69%;background:#fff;box-shadow:0 9px 30px rgba(40,32,71,.12);padding:20px}.preview-art i{display:block;height:12px;border-radius:4px;background:#dbd7e4;margin:10px 0}.preview-art i:first-child{width:37%;background:#6750e8}.preview-art i:last-child{width:82%;height:35px;background:#edeafb}.file-open{position:absolute;bottom:10px;right:10px;background:#29252f;color:#fff;border-radius:7px;padding:7px 10px;font-size:11px;opacity:0;transform:translateY(4px)}.file-card:hover .file-open{opacity:1;transform:none}.file-meta{display:flex;justify-content:space-between;padding:14px}.file-meta div{display:grid;gap:4px}.file-meta small,.file-meta time{font-size:11px;color:var(--muted)}.empty-state{border:1px dashed #cfc9db;border-radius:15px;padding:60px;text-align:center;background:#fff}.empty-state>div{font-size:35px;color:var(--primary)}.empty-state h3{font:700 22px Manrope;margin:13px 0 5px}.empty-state p{color:var(--muted);margin:0 0 20px}
dialog{border:0;border-radius:18px;padding:0;box-shadow:0 30px 100px rgba(22,14,51,.3)}dialog::backdrop{background:rgba(27,23,38,.48);backdrop-filter:blur(3px)}.dialog-card{width:min(460px,calc(100vw - 30px));padding:27px;display:grid;gap:20px}.dialog-title{display:flex;justify-content:space-between;align-items:start}.dialog-title h2{font:800 25px Manrope;margin:0}.icon-button{width:32px;height:32px;border:0;border-radius:8px;background:#f2f0f5;font-size:21px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.settings-page{max-width:760px;margin:60px auto;padding:0 25px}.settings-page h1{font:800 38px Manrope}.settings-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:15px;display:grid;gap:20px}
/* Editor */
.editor-body{height:100vh;overflow:hidden;background:var(--canvas);font-size:12px}.editor-app{display:grid;grid-template-columns:242px 1fr 258px;grid-template-rows:48px 1fr;height:100vh}.editor-topbar{grid-column:1/4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#201d25;color:#fff;padding:0 9px;z-index:20}.editor-brand,.editor-actions,.toolbar{display:flex;align-items:center}.editor-brand{gap:8px}.menu-button,.tool{border:0;background:transparent;color:#ded9e4;border-radius:6px}.menu-button{font-size:16px;padding:7px}.file-title-input{border:0;background:transparent;color:#fff;padding:5px 7px;width:180px;font-weight:600}.file-title-input:focus{background:#35313a;box-shadow:none}.save-state{font-size:10px;color:#aaa4b1;display:flex;align-items:center;gap:5px}.save-state i{width:6px;height:6px;border-radius:50%;background:#52c89a}.save-state.saving i{background:#f2ad4a}.toolbar{justify-content:center;gap:2px;height:100%}.tool{position:relative;min-width:31px;height:32px;font-size:16px}.tool:hover{background:#37323c}.tool.active{background:var(--primary);color:#fff}.tool small{position:absolute;font-size:7px;right:2px;bottom:1px;color:#a9a2b1}.tool-divider{width:1px;height:19px;background:#46414b;margin:0 5px}.editor-actions{justify-content:flex-end;gap:8px}.editor-actions .ghost{background:#312d35;border-color:#4b4650;color:#fff}.left-panel,.right-panel{background:#fff;min-height:0;overflow-y:auto;z-index:10}.left-panel{border-right:1px solid #d9d6dd}.right-panel{border-left:1px solid #d9d6dd}.panel-tabs,.right-tabs{height:42px;display:flex;border-bottom:1px solid var(--line);padding:0 9px}.panel-tabs button,.right-tabs button{border:0;background:transparent;font-size:11px;font-weight:700;color:#7f7986;padding:0 9px;border-bottom:2px solid transparent}.panel-tabs button.active,.right-tabs button.active{color:var(--ink);border-bottom-color:var(--primary)}.panel-section{display:none}.panel-section.active{display:block}.panel-heading,.inspect-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading{padding:14px 13px 8px;color:#8d8793;font-size:10px;font-weight:800;letter-spacing:.08em}.panel-heading button{border:0;background:transparent;font-size:15px;border-radius:5px}.panel-heading button:hover{background:#eeeaf8;color:var(--primary)}.page-list{padding:0 8px}.page-item{display:flex;align-items:center;gap:7px;width:100%;padding:7px;border-radius:7px;border:1px solid transparent;background:#fff;text-align:left}.page-item:hover{background:#f6f4f8}.page-item.active{background:#ece8fa;border-color:#d5cff5;color:#4f3bba}.page-thumb{width:38px;height:27px;border:1px solid #d6d2db;background:#fff;border-radius:3px;display:grid;place-items:center;font-size:8px;color:#999}.page-item b{font-size:11px;flex:1}.page-item .page-more{opacity:0;border:0;background:transparent}.page-item:hover .page-more{opacity:1}.panel-hint{font-size:10px;color:#98939d;padding:0 13px;line-height:1.5}.layer-list{padding:0 7px}.layer-item{display:flex;align-items:center;gap:7px;padding:7px;border-radius:6px}.layer-item:hover{background:#f5f3f8}.layer-item.active{background:#eae6fa;color:#4f3bb7}.layer-item span:first-child{width:16px;text-align:center;color:#8a8490}.layer-item b{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item button{border:0;background:transparent;font-size:10px;color:#89838e}.asset-search{padding:12px}.asset-search input{font-size:11px;padding:8px}.asset-group{padding:0 12px 15px}.asset-group h4{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#837d89}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.asset-grid button{height:77px;border:1px solid var(--line);background:#faf9fb;border-radius:7px;display:grid;place-items:center;padding:8px;font-size:9px;color:#625d69}.asset-grid button:hover{border-color:#a89beb;background:#f6f3ff}.asset-grid b{font-size:9px}.mini-button{background:#6750e8;color:#fff;padding:5px 10px;border-radius:4px}.mini-input{width:48px;height:16px;border:1px solid #aaa;border-radius:3px}.mini-card{width:43px;height:28px;border-radius:4px;background:#fff;box-shadow:0 2px 7px #ccc}.mini-nav{width:48px;height:13px;background:#36313d;border-radius:3px}.mini-process{width:47px;height:24px;border:2px solid #6750e8;border-radius:2px}.mini-decision{width:27px;height:27px;border:2px solid #6750e8;transform:rotate(45deg)}.mini-terminal{width:48px;height:23px;border:2px solid #6750e8;border-radius:15px}.mini-note{width:31px;height:31px;background:#ffe68a;border-radius:2px;box-shadow:2px 3px 3px #ddd}
.canvas-area{position:relative;min-width:0;min-height:0;overflow:hidden;background-color:#e9e9ec;background-image:radial-gradient(#c8c6cc 1px,transparent 1px);background-size:20px 20px}.canvas-area canvas{position:absolute;inset:0;width:100%;height:100%;outline:none}.canvas-area[data-tool="text"] canvas{cursor:text}.canvas-area[data-tool="hand"] canvas{cursor:grab}.canvas-area[data-tool="hand"] canvas:active{cursor:grabbing}.canvas-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:5px;color:#8d8992;pointer-events:none}.canvas-empty span{font-size:28px;color:#9d90e6}.canvas-empty b{font:700 16px Manrope}.canvas-empty small{font-size:10px}.zoom-control{position:absolute;right:15px;bottom:14px;display:flex;background:#29262d;color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);overflow:hidden}.zoom-control button{height:29px;min-width:30px;border:0;border-right:1px solid #403c44;background:transparent;color:#fff;font-size:11px}.zoom-control button:hover{background:#46414a}
.right-tabs{justify-content:center}.inspect-section{padding:14px;border-bottom:1px solid var(--line);display:grid;gap:10px}.inspect-heading{min-height:22px}.inspect-heading b{font-size:11px}.inspect-heading button{border:0;background:transparent}.field-grid{display:grid;gap:7px}.field-grid.four{grid-template-columns:1fr 1fr}.field-grid.two{grid-template-columns:1fr 1fr}.inspect-section label{font-size:9px;color:#8b8590;gap:4px}.inspect-section input,.inspect-section select{font-size:11px;padding:7px;border-radius:5px}.align-row{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.align-row button{flex:1;border:0;border-right:1px solid var(--line);background:#fff;height:28px}.align-row button:last-child{border:0}.align-row button:hover{background:#eeeafa;color:var(--primary)}.color-field{display:grid!important;grid-template-columns:42px 28px 1fr;align-items:center}.color-field input[type=color]{padding:1px;width:27px;height:25px}.range-field{grid-template-columns:48px 1fr 35px!important;display:grid!important;align-items:center}.range-field input{padding:0}.range-field output{font-size:9px;text-align:right}.switch-row{display:flex!important;flex-direction:row;align-items:center;justify-content:space-between}.switch-row input{width:35px}.prototype-tip{padding:13px;border-radius:7px;background:#eeeafa;color:#5543b5;line-height:1.5}.context-menu{position:fixed;z-index:100;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px rgba(30,20,53,.18);padding:5px;width:185px}.context-menu button{display:flex;justify-content:space-between;width:100%;border:0;background:#fff;padding:8px;border-radius:5px;text-align:left;font-size:11px}.context-menu button:hover{background:#f2eff8}.context-menu .danger{color:var(--danger)}.context-menu hr{border:0;border-top:1px solid var(--line)}kbd{font-size:9px;color:#96909c;background:#f0eef2;padding:2px 4px;border-radius:3px}.presentation-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;background:#141217}.presentation-shell{width:100%;height:100%;display:grid;place-items:center;position:relative}.presentation-shell canvas{max-width:90%;max-height:82%;background:#fff;box-shadow:0 20px 60px #000}.presentation-close{position:absolute;right:20px;top:20px;border:0;background:#302d34;color:#fff;border-radius:50%;width:38px;height:38px;font-size:22px}.presentation-footer{position:absolute;bottom:18px;color:#fff;display:flex;gap:18px;align-items:center}.presentation-footer span{color:#88838c;font-size:11px}
@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.workspace{grid-template-columns:1fr}.workspace-nav{display:none}.template-strip{grid-template-columns:1fr 1fr}.file-grid{grid-template-columns:1fr 1fr}.editor-app{grid-template-columns:205px 1fr}.right-panel{display:none}.editor-topbar{grid-column:1/3}.editor-actions .ghost{display:none}}@media(max-width:620px){.workspace-content{padding:30px 18px}.workspace-title{align-items:start;gap:20px}.workspace-title .button{font-size:0;padding:12px}.workspace-title .button:after{content:"＋";font-size:18px}.template-strip,.file-grid{grid-template-columns:1fr}.app-header nav a:not(:last-child){display:none}.editor-app{grid-template-columns:1fr}.left-panel{display:none}.editor-topbar{grid-column:1}.editor-brand .save-state,.file-title-input{display:none}.toolbar .tool:nth-of-type(n+7){display:none}.editor-actions .avatar{display:none}}

/* Vectra 2.0 multi-company visual system */
:root{--primary:#ef6a47;--primary-dark:#d94e2e;--primary-soft:#fff0eb;--teal:#0b8f87;--navy:#18242b;--warm:#fffaf5;--line:#e5e1dc;--canvas:#e7e9e8}
.brand-mark{background:linear-gradient(145deg,#ff8261,#d94e2e);box-shadow:0 7px 18px rgba(239,106,71,.28)}.eyebrow{color:var(--primary)}.button.primary{background:var(--primary);border-color:var(--primary)}.button.primary:hover{background:var(--primary-dark)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(239,106,71,.1)}
.app-header{display:grid;grid-template-columns:auto minmax(230px,1fr) auto;gap:22px;background:#fffdfb}.company-switcher{justify-self:start;display:grid;grid-template-columns:12px minmax(120px,auto);grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;padding:5px 10px;border:1px solid var(--line);border-radius:10px;background:#faf7f3}.company-switcher .company-dot{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--company)}.company-switcher select{border:0;padding:0 24px 0 0;background:transparent;font-weight:700;font-size:12px;box-shadow:none}.company-switcher small{font-size:9px;color:var(--muted)}.company-card{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:18px;border:1px solid #e9e3dd;background:#fff;border-radius:11px}.company-card div{display:grid;gap:2px;overflow:hidden}.company-card b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-card small{font-size:9px;color:var(--muted)}.company-monogram{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:10px;background:var(--company);color:#fff;font-weight:800}.workspace-nav{background:#f7f3ef}.nav-item:hover,.nav-item.active{background:#fff0eb;color:#bd4427}.licence-mini{display:grid;gap:5px;margin:28px 5px 0;padding:12px;border-radius:10px;background:#e8f7f4;color:#176f69}.licence-mini:not(.active){background:#fff1e1;color:#9c5b13}.licence-mini span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.licence-mini b{font:700 13px Manrope}.licence-mini small{font-size:9px}.workspace-content{background:linear-gradient(180deg,#fffdfb,#faf8f5)}.workspace-title h1{max-width:780px}.template-icon{background:var(--primary-soft);color:var(--primary)}.template-strip button:first-child .template-icon{background:#e7f7f4;color:var(--teal)}.file-card:hover{border-color:#f1a48e}.file-open{background:var(--navy)}
.auth-story{background:radial-gradient(circle at 75% 25%,rgba(255,189,107,.28),transparent 25%),linear-gradient(145deg,#15272c,#17474a 60%,#0b8f87)}.auth-story .eyebrow{color:#8ce5dc}.auth-art:before,.auth-art:after{background:#ffc0ad}.node{border-color:#ffe2d8;background:#ef6a47}
.management-page{max-width:1400px;margin:0 auto;padding:48px clamp(22px,5vw,70px);background:#fbfaf8;min-height:calc(100vh - 66px)}.management-hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.management-hero h1{font:800 clamp(34px,4vw,53px)/1.05 Manrope;letter-spacing:-.045em;margin:0 0 10px}.management-hero p:last-child{margin:0;color:var(--muted)}.seat-gauge,.platform-metric{display:grid;padding:20px 25px;border-radius:16px;background:var(--navy);color:#fff;min-width:190px}.seat-gauge b,.platform-metric b{font:800 30px Manrope}.seat-gauge span,.platform-metric span{font-size:11px;color:#b9c4c6}.management-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.management-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 35px rgba(41,30,20,.05)}.management-card.wide{grid-column:1/2;grid-row:span 2}.management-card h2{font:800 21px Manrope;margin:0 0 6px}.management-card>p{color:var(--muted);line-height:1.6}.card-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:18px}.card-heading h2{margin:0}.card-heading p{margin:4px 0;color:var(--muted);font-size:12px}.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#f0edef;color:#716b74}.status-pill.active{background:#e4f6f1;color:#087067}.status-pill.suspended,.status-pill.expired,.status-pill.missing{background:#fff0ea;color:#b3452c}.status-pill.archived,.status-pill.cancelled{background:#efedef;color:#706b73}.member-table{display:grid}.member-row{display:grid;grid-template-columns:36px 1fr auto 135px 35px;gap:12px;align-items:center;padding:13px 4px;border-top:1px solid #eeeae5}.member-row.suspended{opacity:.55}.member-person{display:grid;gap:2px}.member-person b{font-size:13px}.member-person small{font-size:10px;color:var(--muted)}.member-action select{padding:7px;font-size:11px}.role-label{font-size:11px;color:var(--teal);text-align:center}.icon-button.danger{color:#b63745}.invite-card{display:grid;gap:15px}.role-guide{display:grid;gap:0}.role-guide>div{display:grid;grid-template-columns:75px 1fr;padding:9px 0;border-top:1px solid #eeeae5}.role-guide b{font-size:11px}.role-guide span{font-size:10px;color:var(--muted)}.licence-emblem{display:flex;align-items:center;gap:13px;background:var(--navy);color:#fff;padding:17px 22px;border-radius:15px}.licence-emblem>span{font-size:30px;color:#72d9d1}.licence-emblem div{display:grid}.licence-emblem b{font:700 17px Manrope}.licence-emblem small{color:#b7c1c3}.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.usage-card{display:grid;gap:8px;background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px}.usage-card>span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.usage-card>b{font:800 29px Manrope}.usage-card b small{font-size:12px;color:var(--muted);margin-left:4px}.usage-card progress{width:100%;height:7px;accent-color:var(--teal)}.usage-card p{margin:0;color:var(--muted);font-size:11px}.licence-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.licence-details div{background:#fff;padding:15px}.licence-details dt{font-size:9px;text-transform:uppercase;color:var(--muted)}.licence-details dd{margin:4px 0 0;font-weight:700}.feature-list{list-style:none;margin:15px 0 0;padding:0;display:grid;gap:9px}.feature-list li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:#e4f6f1;color:var(--teal);font-weight:800}.support-card .button{display:inline-block}.platform-page .management-card{padding:0;overflow:visible}.platform-page .card-heading{padding:23px;margin:0}.company-table{display:grid}.company-row{position:relative;display:grid;grid-template-columns:40px 1fr auto 120px 80px;gap:14px;align-items:center;padding:15px 23px;border-top:1px solid var(--line)}.company-row>div:nth-child(2){display:grid;gap:3px}.company-row small{font-size:10px;color:var(--muted)}.plan-badge{display:grid;font-weight:700;font-size:11px}.plan-badge small{font-size:9px}.company-row details summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--primary)}.tenant-actions{position:absolute;z-index:30;right:25px;top:60px;width:min(560px,90vw);padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.tenant-actions form{display:grid;gap:12px}.field-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.inline-status{grid-template-columns:1fr auto!important;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
/* richer editor */
.editor-topbar{background:#172226}.editor-brand{min-width:0}.editor-file-context{display:grid;align-items:center}.editor-file-context small{font-size:8px;color:#8fa0a3;padding-left:7px}.save-state i{background:#56d3ae}.read-only-pill{padding:5px 8px;border-radius:999px;background:#fff1d8;color:#9a6111;font-size:9px;font-weight:800}.panel-tabs{padding:0 4px}.panel-tabs button{padding:0 6px;font-size:9px}.panel-tabs button.active,.right-tabs button.active{border-color:var(--primary);color:var(--primary)}.canvas-area{background-color:#e6e8e7;background-image:radial-gradient(#c3c7c5 1px,transparent 1px)}.tool.active{background:var(--primary)}.asset-grid{grid-template-columns:repeat(2,1fr)}.library-chips{display:flex;gap:5px;padding:0 12px 7px}.library-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 8px;font-size:8px}.library-chips button.active{background:#18242b;color:#fff;border-color:#18242b}.mini-browser,.mini-window{width:48px;height:30px;border:1px solid #777;border-radius:4px;background:linear-gradient(#ddd 7px,#fff 7px)}.mini-mobile{width:20px;height:36px;border:2px solid #555;border-radius:5px}.mini-tabs{width:50px;height:23px;background:linear-gradient(90deg,#ef6a47 33%,#eee 33%);border-radius:3px}.mini-textarea{width:48px;height:30px;border:1px solid #888;border-radius:3px}.mini-search{width:48px;height:19px;border:1px solid #888;border-radius:10px}.mini-checkbox{width:16px;height:16px;border:2px solid #555}.mini-select{width:48px;height:19px;border:1px solid #888;border-radius:3px;background:linear-gradient(90deg,#fff 80%,#eee 80%)}.mini-table{width:48px;height:30px;border:1px solid #777;background:repeating-linear-gradient(#fff 0 7px,#aaa 8px)}.mini-menu{width:38px;height:32px;background:repeating-linear-gradient(#777 0 2px,transparent 2px 7px)}.mini-callout{width:42px;height:25px;border:2px solid #3b8fbd;border-radius:8px;background:#e8f6ff}.review-tabs{display:flex;margin:10px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.review-tabs button{flex:1;border:0;background:#fff;padding:7px;font-size:10px}.review-tabs button.active{background:#18242b;color:#fff}.comment-form{display:grid;gap:7px;padding:0 10px 10px}.comment-form textarea{resize:vertical;min-height:70px;border:1px solid var(--line);border-radius:7px;padding:8px;font:11px inherit}.comment-form button{justify-self:end}.comment-list,.version-list{display:grid;padding:0 8px}.comment-item{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:10px 3px;border-top:1px solid var(--line)}.comment-item .avatar{width:26px;height:26px;font-size:9px}.comment-item>div{display:grid;grid-template-columns:1fr auto}.comment-item time,.comment-item small{font-size:8px;color:var(--muted)}.comment-item p{grid-column:1/3;margin:7px 0;font-size:10px;line-height:1.45}.comment-item button{justify-self:start;border:0;background:#e7f6f3;color:var(--teal);font-size:8px;border-radius:4px;padding:4px 6px}.comment-item.resolved{opacity:.55}.panel-empty{padding:25px 10px;text-align:center;font-size:10px;color:var(--muted)}.version-button{margin:0 10px 10px;width:calc(100% - 20px);font-size:10px}.version-item{display:flex;justify-content:space-between;align-items:center;padding:10px 3px;border-top:1px solid var(--line)}.version-item div{display:grid;gap:3px}.version-item b{font-size:10px}.version-item small{font-size:8px;color:var(--muted)}.version-item button{border:0;background:var(--primary-soft);color:var(--primary-dark);font-size:8px;border-radius:5px;padding:5px}.file-menu{position:fixed;z-index:120;width:245px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px rgba(18,25,27,.2)}.file-menu>a,.file-menu>button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px;border-radius:6px;font-size:11px}.file-menu>a:hover,.file-menu>button:hover{background:#fff0eb;color:#b64429}.file-menu hr{border:0;border-top:1px solid var(--line)}.file-menu>span{display:grid;padding:7px 9px}.file-menu>span small{font-size:9px;color:var(--muted)}.dialog-copy{margin:-8px 0 0;color:var(--muted)}.share-result{display:grid;grid-template-columns:1fr auto;gap:7px}.share-body{height:100vh;overflow:hidden;background:#e6e8e7}.share-header{height:64px;display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;padding:0 25px;background:#172226;color:#fff}.share-header>div:nth-child(2){display:grid}.share-header small{color:#99a8aa}.share-shell{height:calc(100vh - 64px);display:grid;grid-template-columns:230px 1fr}.share-shell aside{padding:22px;background:#fff;border-right:1px solid var(--line)}#sharePages{display:grid;gap:5px}#sharePages button{display:flex;align-items:center;gap:10px;border:0;background:#fff;padding:9px;border-radius:7px;text-align:left}#sharePages button.active{background:#fff0eb;color:#b64429}#sharePages button span{display:grid;place-items:center;width:29px;height:23px;border:1px solid var(--line);border-radius:3px;font-size:9px}#sharePages button b{font-size:11px}.review-note{margin-top:25px;padding:13px;border-radius:8px;background:#e7f6f3;color:#176f69;font-size:10px;line-height:1.5}.share-shell>section{position:relative;min-width:0}.share-shell canvas{position:absolute;inset:0;width:100%;height:100%}.share-zoom{position:absolute;right:18px;bottom:18px}.share-zoom button{border:0;background:#172226;color:#fff;padding:8px 11px;border-radius:7px}
@media(max-width:980px){.app-header{grid-template-columns:auto 1fr}.company-switcher{display:none}.management-grid{grid-template-columns:1fr}.management-card.wide{grid-column:auto}.usage-grid{grid-template-columns:1fr 1fr}.member-row{grid-template-columns:35px 1fr auto}.member-row form,.member-row .role-label{grid-column:2/4}.company-row{grid-template-columns:40px 1fr auto}.company-row .plan-badge,.company-row details{grid-column:2/4}.share-shell{grid-template-columns:180px}}@media(max-width:650px){.management-hero{align-items:start;gap:20px}.usage-grid{grid-template-columns:1fr}.seat-gauge,.platform-metric{min-width:auto}.field-row{grid-template-columns:1fr 1fr}.company-row{padding:13px}.share-shell{grid-template-columns:1fr}.share-shell aside{display:none}}
.activation-card{grid-row:auto}.activation-list{display:grid}.activation-list>div{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.activation-list>div>span{color:var(--teal)}.activation-list p{display:grid;margin:0}.activation-list b{font-size:11px}.activation-list small,.activation-list time{font-size:9px;color:var(--muted)}
.platform-create{margin-bottom:18px!important;padding:18px 23px!important;overflow:hidden!important}.platform-create summary{cursor:pointer;font-weight:800;color:var(--primary)}.platform-create form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin-top:17px}.platform-create .button{white-space:nowrap}

/* Vectra 3.0 public platform, drive, ideas, CMS and administration */
:root{--brand-primary:#e76f51;--brand-secondary:#147d78;--brand-ink:#17262b;--brand-paper:#fffaf4;--brand-heading:Georgia,serif;--brand-body:system-ui,sans-serif}
.public-site{margin:0;background:var(--brand-paper);color:var(--brand-ink);font-family:var(--brand-body);line-height:1.55}.public-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:18px clamp(24px,6vw,100px);background:rgba(255,250,244,.94);border-bottom:1px solid color-mix(in srgb,var(--brand-ink) 12%,transparent);backdrop-filter:blur(18px)}.public-brand{display:flex;align-items:center;gap:11px;color:var(--brand-ink);text-decoration:none}.public-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--brand-primary);color:#fff;font-weight:900}.public-brand b{font-size:18px}.public-header nav{display:flex;justify-content:center;gap:28px}.public-header nav a,.public-footer a{color:inherit;text-decoration:none;font-size:14px}.public-header>div{display:flex;gap:8px}.public-site .button.primary{background:var(--brand-primary)}.marketing-hero{min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.85fr);align-items:center;gap:6vw;padding:90px clamp(24px,7vw,125px);overflow:hidden}.marketing-copy{max-width:760px}.marketing-copy h1,.section-intro h2,.marketing-showcase h2,.marketing-cta h2{font-family:var(--brand-heading);font-weight:600;letter-spacing:-.045em}.marketing-copy h1{font-size:clamp(54px,7vw,104px);line-height:.94;margin:18px 0 28px}.marketing-copy>p{max-width:660px;font-size:20px;color:color-mix(in srgb,var(--brand-ink) 73%,white)}.hero-actions{display:flex;gap:12px;margin:32px 0 15px}.marketing-copy>small{color:#6d7778}.marketing-art{position:relative;height:520px}.art-browser{position:absolute;inset:35px 20px 60px 0;border:1px solid #c9d3d1;border-radius:28px;background:#fff;box-shadow:0 35px 90px rgba(23,38,43,.13)}.art-browser i{display:inline-block;width:10px;height:10px;margin:20px 0 0 7px;border-radius:50%;background:#ecb85d}.art-browser i:first-child{margin-left:24px;background:var(--brand-primary)}.art-browser i:nth-child(3){background:var(--brand-secondary)}.art-browser span{display:block;width:65%;height:65%;margin:35px auto;background:linear-gradient(135deg,#fff0e8,#dcefeb);border-radius:20px}.art-flow{position:absolute;display:flex;flex-direction:column;gap:17px;right:-25px;bottom:20px}.art-flow b{padding:18px 30px;border-radius:17px;background:#fff;border:1px solid #d5dddb;box-shadow:0 14px 35px rgba(23,38,43,.12)}.art-flow b:nth-child(2){transform:translateX(-45px);background:var(--brand-secondary);color:#fff}.marketing-section{padding:100px clamp(24px,7vw,125px);background:#fff}.section-intro{max-width:760px;margin-bottom:50px}.section-intro h2,.marketing-showcase h2,.marketing-cta h2{font-size:clamp(42px,5vw,74px);line-height:1.02;margin:10px 0 18px}.section-intro>p{font-size:18px;color:#697577}.marketing-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce2e0;border-left:1px solid #dce2e0}.marketing-features article{min-height:230px;padding:30px;border-right:1px solid #dce2e0;border-bottom:1px solid #dce2e0}.marketing-features span{color:var(--brand-primary);font-weight:900}.marketing-features h3{font-size:22px;margin:34px 0 8px}.marketing-features p{color:#687476}.marketing-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;padding:110px clamp(24px,7vw,125px);background:var(--brand-ink);color:#fff}.marketing-showcase>div:first-child p{color:#b6c2c1}.marketing-showcase a{color:#ffb59e}.showcase-board{min-height:420px;padding:50px;border-radius:35px;background:#f3eee6;color:var(--brand-ink);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-content:center}.showcase-board i{height:140px;border-radius:18px;background:#ffd9cb}.showcase-board i:nth-child(2){background:#cce8e2;transform:translateY(-35px)}.showcase-board i:nth-child(3){background:#f8e6ae}.showcase-board b,.showcase-board span{grid-column:1/4}.showcase-board b{font:600 34px var(--brand-heading)}.public-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.public-plans article{padding:34px;border:1px solid #d7deda;border-radius:24px;background:#fff}.public-plans article.featured{background:var(--brand-ink);color:#fff;transform:translateY(-15px)}.public-plans h3{font-size:29px}.public-plans article>b{display:block;margin:24px 0;font-size:21px}.public-plans ul{display:grid;gap:12px;padding:0;list-style:none;min-height:180px}.feature-comparison{display:flex;flex-wrap:wrap;gap:25px;margin-top:45px;padding:26px;border-radius:18px;background:#f1f5f3}.marketing-cta{text-align:center;padding:110px 25px;background:var(--brand-primary);color:#fff}.marketing-cta p{max-width:600px;margin:0 auto 28px}.button.light{background:#fff;color:var(--brand-ink)}.public-footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding:75px clamp(24px,7vw,125px);background:#101b1f;color:#e8efed}.public-footer>div{display:grid;align-content:start;gap:14px}.public-footer .public-brand{color:#fff}.public-footer p{color:#9fb0ad}
.hub-page,.idea-board-page,.builder-page,.theme-studio{min-height:calc(100vh - 72px);padding:45px clamp(20px,4vw,70px);background:#f4f2ee}.hub-hero{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.hub-hero h1,.builder-page h1,.idea-board-page h1,.theme-studio h1{font:600 clamp(38px,5vw,66px)/1 var(--brand-heading);letter-spacing:-.04em;margin:8px 0 12px}.hub-hero>div>p:last-child{max-width:700px;color:#647174}.upload-inline{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fff}.upload-inline input{max-width:210px}.drive-layout{display:grid;grid-template-columns:235px 1fr;gap:22px}.drive-sidebar,.drive-content{background:#fff;border:1px solid var(--line);border-radius:18px}.drive-sidebar{display:grid;align-content:start;padding:14px}.drive-sidebar>a{padding:11px 13px;border-radius:9px;text-decoration:none;color:var(--ink)}.drive-sidebar>a.active{background:#fff0eb;color:#b64e34;font-weight:800}.drive-sidebar form{display:grid;grid-template-columns:1fr auto;margin-top:18px}.drive-sidebar input{min-width:0}.drive-content{padding:27px}.folder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 35px}.folder-grid article{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:12px}.folder-grid article>span{font-size:25px;color:var(--brand-primary)}.folder-grid small{color:var(--muted)}.asset-table{display:grid}.asset-table>div{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:15px;padding:14px 0;border-top:1px solid var(--line)}.asset-table p{display:grid;margin:0}.asset-table a{color:var(--brand-secondary)}.file-kind{display:grid;place-items:center;height:40px;border-radius:9px;background:#edf5f2;font-size:9px;font-weight:900}.prompt-strip{display:flex;gap:8px;align-items:center;margin-bottom:27px}.prompt-strip button{border:1px solid #d3dcd8;border-radius:999px;background:#fff;padding:9px 14px}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.idea-grid>a,.idea-empty{min-height:260px;padding:28px;border:1px solid #d7dfdc;border-radius:22px;background:#fff;color:var(--ink);text-decoration:none}.idea-grid>a:nth-child(3n+2){background:#e4f2ef}.idea-grid>a:nth-child(3n+3){background:#fff0e8}.idea-grid>a>span{font-size:30px;color:var(--brand-primary)}.idea-grid a small{float:right}.idea-grid h2{margin:35px 0 10px;font:600 29px var(--brand-heading)}.idea-grid footer{margin-top:35px;color:#75817f}.idea-board-page>header,.builder-page>header{display:grid;grid-template-columns:180px 1fr auto;align-items:start;gap:25px;margin-bottom:35px}.idea-canvas{min-height:620px;padding:50px;display:grid;grid-template-columns:repeat(4,1fr);align-content:start;gap:23px;border-radius:28px;background-color:#e5e9e6;background-image:radial-gradient(#bec8c4 1px,transparent 1px);background-size:18px 18px}.idea-canvas article{min-height:210px;padding:24px;background:var(--note);border:1px solid rgba(23,38,43,.16);box-shadow:0 14px 30px rgba(23,38,43,.08);transform:rotate(-1deg)}.idea-canvas article:nth-child(even){transform:rotate(1.2deg)}.idea-canvas h3{font-size:21px}.idea-canvas footer{margin-top:30px;color:#697574}.add-thought{min-height:180px;border:2px dashed #94a19e;border-radius:18px;background:rgba(255,255,255,.45);font-size:30px}.add-thought span{display:block;font-size:12px}
.page-admin-list,.share-register{display:grid}.page-admin-list article,.share-register article{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.page-admin-list article>div{display:grid}.builder-layout{display:grid;grid-template-columns:340px 1fr;gap:22px}.builder-layout>aside{align-self:start;position:sticky;top:90px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.builder-layout form,.theme-controls{display:grid;gap:13px}.block-stack{display:grid;gap:12px}.block-stack>article{display:grid;grid-template-columns:30px 1fr auto;gap:14px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.drag-handle{color:#95a09d}.block-stack h2{margin:6px 0}.block-stack p{color:#6c7877}.theme-studio>section{display:grid;grid-template-columns:360px 1fr;gap:25px}.theme-controls,.theme-preview{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.theme-preview{min-height:580px;background:var(--paper);color:var(--i);font-family:var(--head)}.preview-nav{display:flex;align-items:center;gap:18px;font-family:system-ui}.preview-nav>b{display:flex;align-items:center;gap:8px;margin-right:auto}.preview-nav b span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--p);color:#fff}.preview-nav i{width:50px;height:8px;background:#d8dedb}.preview-nav button,.preview-hero button{border:0;border-radius:9px;background:var(--p);color:#fff;padding:11px 16px}.preview-hero{max-width:680px;margin:95px auto;padding:30px}.preview-hero small{color:var(--s);font:800 11px system-ui}.preview-hero h2{font-size:60px;line-height:1;margin:14px 0}.preview-hero p{font:17px system-ui}.audit-health{display:grid;padding:18px 25px;border-radius:14px;background:#dff2eb;color:#116b5b}.audit-health.warning{background:#fff0dc;color:#98600c}.audit-health span{font-size:11px}.audit-filters{display:flex;justify-content:space-between;margin-bottom:15px}.audit-filters input{width:min(450px,70%)}.audit-table{display:grid}.audit-row{display:grid;grid-template-columns:35px 1.6fr .7fr .6fr .8fr;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.audit-row>div{display:grid}.audit-row small,.audit-row time{color:var(--muted);font-size:10px}.audit-row code{font-size:10px}.audit-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e9f3f0;color:var(--brand-secondary)}
@media(max-width:1000px){.public-header{grid-template-columns:auto 1fr}.public-header nav{display:none}.public-header>div{justify-self:end}.marketing-hero{grid-template-columns:1fr}.marketing-art{height:400px}.marketing-features,.public-plans{grid-template-columns:1fr 1fr}.marketing-showcase{grid-template-columns:1fr}.public-footer{grid-template-columns:1fr 1fr}.drive-layout,.builder-layout,.theme-studio>section{grid-template-columns:1fr}.drive-sidebar{display:none}.idea-grid,.idea-canvas{grid-template-columns:repeat(2,1fr)}.folder-grid{grid-template-columns:repeat(2,1fr)}.builder-layout>aside{position:static}.audit-row{grid-template-columns:35px 1fr auto}.audit-row code,.audit-row>span:nth-of-type(2){display:none}}
@media(max-width:650px){.public-header{padding:12px 16px}.public-header .button.ghost{display:none}.marketing-hero,.marketing-section,.marketing-showcase{padding:65px 20px}.marketing-copy h1{font-size:52px}.marketing-art{height:300px}.marketing-features,.public-plans,.idea-grid,.idea-canvas{grid-template-columns:1fr}.public-plans article.featured{transform:none}.public-footer{grid-template-columns:1fr}.hub-hero{align-items:start;flex-direction:column}.upload-inline{display:grid;width:100%}.folder-grid{grid-template-columns:1fr}.asset-table>div{grid-template-columns:42px 1fr}.asset-table>div>a,.asset-table>div>.status-pill{grid-column:2}.idea-board-page>header,.builder-page>header{grid-template-columns:1fr}.theme-preview{min-height:420px}.preview-hero{margin:40px 0}.preview-hero h2{font-size:40px}.page-admin-list article{grid-template-columns:1fr auto}.page-admin-list article form,.page-admin-list article a{grid-column:1/3}}
/* Vectra 3.0.1 layout and cache-refresh hotfix */
.app-header{min-height:72px;height:auto;padding:9px clamp(18px,3vw,58px);grid-template-columns:auto minmax(190px,260px) minmax(0,1fr);gap:clamp(14px,2vw,30px)}.brand-cluster{display:flex;align-items:center;gap:11px;min-width:0}.brand-cluster>.brand{white-space:nowrap}.drawer-toggle{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:18px}.drawer-toggle:hover{border-color:var(--primary);color:var(--primary);background:#fff8f5}.app-header nav{justify-content:flex-end;gap:clamp(14px,1.7vw,28px);min-width:0;white-space:nowrap}.company-switcher{width:100%;min-width:0}.company-switcher select{min-width:0;max-width:100%;text-overflow:ellipsis}
.drawer-overlay{position:fixed;inset:0;z-index:199;background:rgba(15,24,27,.4);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s ease}.app-drawer{position:fixed;inset:0 auto 0 0;z-index:200;width:min(380px,calc(100vw - 28px));display:grid;grid-template-rows:auto 1fr auto;background:#fff;box-shadow:25px 0 80px rgba(17,26,30,.2);transform:translateX(-105%);transition:transform .24s ease;overflow-y:auto}.drawer-open{overflow:hidden}.drawer-open .drawer-overlay{opacity:1;visibility:visible}.drawer-open .app-drawer{transform:translateX(0)}.app-drawer>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.drawer-identity{display:flex;align-items:center;gap:11px}.drawer-identity>div{display:grid}.drawer-identity small{color:var(--muted);font-size:11px}.app-drawer>header>button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:#f2efec;font-size:22px}.drawer-section{display:grid;align-content:start;gap:5px;padding:20px 16px}.drawer-section+.drawer-section{border-top:1px solid var(--line)}.drawer-section>small{padding:0 10px 9px;color:#98929d;font-size:10px;font-weight:900;letter-spacing:.14em}.drawer-section>a{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:11px;padding:11px 12px;border-radius:12px}.drawer-section>a:hover{background:#fff2ed;color:#b9472f;transform:translateX(2px)}.drawer-section>a>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#f4f0ed;color:var(--primary);font-size:17px}.drawer-section a>div{display:grid;gap:2px}.drawer-section a b{font-size:13px}.drawer-section a em{color:var(--muted);font-size:10px;font-style:normal}.app-drawer>footer{position:sticky;bottom:0;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:11px;padding:16px 22px;border-top:1px solid var(--line);background:#f8f5f2}.app-drawer>footer>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--company);color:#fff;font-weight:900}.app-drawer>footer>div{display:grid}.app-drawer>footer small{color:var(--muted);font-size:10px}
.company-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:14px;margin-bottom:20px;border:1px solid #e6e0da;background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(31,38,56,.05)}.company-card div{display:grid;gap:3px;min-width:0}.company-card b{font-size:13px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.company-card small{display:block;font-size:10px;line-height:1.3;color:var(--muted)}.company-monogram{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--company);color:#fff;font-weight:900}
@media(max-width:1450px){.app-header{grid-template-columns:auto minmax(180px,230px) minmax(0,1fr)}.app-header nav{gap:16px;font-size:13px}}
@media(max-width:1120px){.app-header{grid-template-columns:auto minmax(0,1fr)}.company-switcher{display:none}}
/* Guided first-run workspace */
.onboarding-card{display:grid;gap:0;margin:22px 0 30px;padding:24px;border:1px solid #eedbd3;border-radius:24px;background:#fff8f5;background:linear-gradient(135deg,#fff7f3,#f3faf8);box-shadow:0 18px 48px rgba(31,38,56,.07)}
.onboarding-copy{display:flex;align-items:flex-end;gap:16px;justify-content:space-between;flex-wrap:wrap}.onboarding-copy h2{margin:2px 0 0}.onboarding-copy p:last-child{margin:0;color:#687082}
.onboarding-progress{height:8px;margin:20px 0 16px;border-radius:999px;background:rgba(31,38,56,.09);overflow:hidden}.onboarding-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--teal))}
.onboarding-steps{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:10px}.onboarding-steps a,.onboarding-steps span{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:62px;padding:12px 14px;border-radius:15px;background:#fff;color:var(--ink);font-size:13px;line-height:1.35;font-weight:700;text-decoration:none;border:1px solid rgba(31,38,56,.08)}.onboarding-steps a:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 8px 20px rgba(31,38,56,.06)}.onboarding-steps .done{color:#287557;background:#effbf4}.onboarding-steps b{flex:0 0 auto;color:var(--primary)}
.file-card{position:relative;display:grid}.file-card-link{display:block}.file-card .favorite-mark{position:absolute;top:10px;left:10px;z-index:2;display:none;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff5ce;color:#a36c00;box-shadow:0 5px 18px rgba(0,0,0,.14)}.file-card.favorite .favorite-mark{display:grid}.file-card-name.inline-editing{min-width:140px;padding:3px 5px;border-radius:6px;outline:2px solid var(--primary);background:#fff}.file-card.context-highlight{box-shadow:0 0 0 4px rgba(231,111,81,.2),0 16px 40px rgba(44,34,82,.15);transform:translateY(-3px)}.recent-file-menu{position:fixed;z-index:350;width:284px;max-height:calc(100vh - 20px);overflow-y:auto;padding:8px;border:1px solid #354147;border-radius:17px;background:#141b1f;color:#e5ebed;box-shadow:0 25px 75px rgba(0,0,0,.42)}.recent-file-menu[hidden]{display:none}.recent-file-menu header{display:grid;gap:3px;padding:10px 12px 12px}.recent-file-menu header small{color:#8b6cff;font-size:8px;font-weight:900;letter-spacing:.13em}.recent-file-menu header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-file-menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#d4dcdf;text-align:left;font-size:12px}.recent-file-menu button:hover{background:#292242;color:#fff}.recent-file-menu button.danger{color:#ff9588}.recent-file-menu hr{margin:5px 7px;border:0;border-top:1px solid #303b40}
@media(max-width:1100px){.onboarding-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.onboarding-steps{grid-template-columns:1fr}}

/* Vectra 3.1 — frame-first creative studio */
.device-chooser{margin:2px 0;padding:0;border:0}.device-chooser legend{margin-bottom:9px;font-size:11px;font-weight:800;color:var(--ink)}.device-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.device-options label{cursor:pointer}.device-options input{position:absolute;opacity:0;pointer-events:none}.device-options span{display:grid;place-items:center;gap:3px;min-height:82px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:21px}.device-options b{font-size:10px}.device-options small{font-size:8px;color:var(--muted)}.device-options input:checked+span{border-color:#7054e8;background:#f1edff;color:#5539cb;box-shadow:0 0 0 2px rgba(112,84,232,.12)}.custom-device-fields{grid-template-columns:1fr 1fr;gap:9px;padding-top:10px}.custom-device-fields:not([hidden]){display:grid}
.editor-body{--studio-ink:#101518;--studio-panel:#151c20;--studio-panel-2:#1d272c;--studio-line:rgba(255,255,255,.09);--studio-violet:#8b6cff;--studio-mint:#54d7b4;background:#0c1114}.editor-app{grid-template-columns:278px minmax(0,1fr) 310px;grid-template-rows:58px 1fr;background:#0d1215;transition:grid-template-columns .24s ease}.editor-app.inspector-collapsed{grid-template-columns:278px minmax(0,1fr) 0}.editor-topbar{grid-column:1/4;grid-template-columns:minmax(260px,1fr) auto minmax(430px,1fr);height:58px;padding:0 13px;background:rgba(13,18,21,.96);border-bottom:1px solid var(--studio-line);backdrop-filter:blur(18px)}.editor-brand{gap:9px}.editor-brand .brand-mark{background:linear-gradient(145deg,#8b6cff,#5ee0ba);box-shadow:0 0 24px rgba(139,108,255,.35)}.command-launcher{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--studio-line);font-size:17px}.command-launcher:hover{border-color:#8b6cff;background:#27223b}.editor-file-context{position:relative}.file-title-input{width:190px;padding:5px 7px;font-size:12px;border:1px solid transparent;border-radius:7px}.file-title-input:hover{border-color:var(--studio-line)}.file-title-input:focus{border-color:#8b6cff;background:#20272c}.editor-file-context small{color:#748188}.save-state{padding:5px 8px;border-radius:999px;background:#11181b}.toolbar{padding:4px;border:1px solid var(--studio-line);border-radius:12px;background:#151c20;box-shadow:0 9px 30px rgba(0,0,0,.2)}.tool{height:34px;color:#b9c3c7}.tool:hover{background:#263138}.tool.active{background:linear-gradient(145deg,#8b6cff,#6e51e8);box-shadow:0 5px 14px rgba(139,108,255,.3)}.editor-actions{gap:6px}.editor-actions .button.ghost{border-color:var(--studio-line);background:#151c20}.editor-actions .button.ghost:hover{border-color:#8b6cff;background:#262039}.viewport-pill{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 8px;padding:6px 10px;border:1px solid var(--studio-line);border-radius:10px;background:#151c20;color:#fff;text-align:left}.viewport-pill span{grid-row:1/3;font-size:10px;font-weight:800}.viewport-pill small{font-size:8px;color:#8e9a9f}.full-frame-toggle{display:flex!important;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--studio-line);border-radius:10px;color:#aab5b9;font-size:9px}.full-frame-toggle input{accent-color:#8b6cff}
.left-panel{background:linear-gradient(180deg,#151c20,#11171a);border-color:var(--studio-line);color:#dbe2e4}.panel-tabs{height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:9px;border-color:var(--studio-line);background:#101619}.panel-tabs button{min-height:36px;padding:0 5px;border:0;border-radius:8px;color:#7f8d92}.panel-tabs button.active{border:0;background:#28213f;color:#b9aaff}.panel-section{color:#cbd4d7}.panel-heading{color:#6f7f85}.panel-heading button{color:#a7b2b6}.panel-heading button:hover{background:#28213f;color:#b9aaff}.page-item{background:transparent;color:#b9c3c7}.page-item:hover{background:#1e282d}.page-item.active{border-color:rgba(139,108,255,.35);background:#28213f;color:#c7bcff}.page-thumb{border-color:#3a464b;background:#1c2428;color:#78868b}.page-item b,.layer-item b{border:1px solid transparent;border-radius:5px;padding:3px 5px}.page-item b.inline-editing,.layer-item b.inline-editing{outline:0;border-color:#8b6cff;background:#0f1518;color:#fff}.page-item .page-more{color:#9aa6aa}.panel-hint{color:#6f7d82}.layer-item:hover{background:#1e282d}.layer-item.active{background:#28213f;color:#c7bcff}.layer-item button{color:#77868b}.asset-search input{border-color:#344147;background:#0f1518;color:#fff}.library-chips button{border-color:#344147;background:#151c20;color:#9da9ad}.library-chips button.active{border-color:#8b6cff;background:#8b6cff}.asset-grid button{border-color:#303c41;background:#192126;color:#aab5b9}.asset-grid button:hover{border-color:#8b6cff;background:#28213f}.review-tabs{border-color:#344147}.review-tabs button{background:#151c20;color:#9aa7ab}.review-tabs button.active{background:#8b6cff}.comment-form textarea{border-color:#344147;background:#0f1518;color:#fff}
.layer-list{padding:0 8px 18px}.tree-row{position:relative;min-height:34px;padding:4px 4px 4px calc(4px + var(--tree-depth,0) * 16px);gap:3px}.tree-row:before{content:"";position:absolute;left:calc(15px + var(--tree-depth,0) * 16px);top:-8px;bottom:0;border-left:1px solid rgba(123,140,146,.16);pointer-events:none}.tree-row[style*="--tree-depth: 0"]:before{display:none}.tree-toggle{display:grid;place-items:center!important;width:18px!important;height:24px;padding:0!important;flex:0 0 18px;border:0!important;background:transparent!important;color:#7d8b90!important;font-size:15px!important}.tree-toggle.leaf{opacity:.24}.layer-kind{display:grid;place-items:center;width:19px!important;flex:0 0 19px;color:#89979c!important}.tree-row>b{min-width:0;font-size:10px}.tree-row.layer-group>b{font-weight:750;color:#d8d1ff}.tree-row.layer-group>.layer-kind{color:#9f8cff!important}.tree-row>.layer-visibility,.tree-row>.layer-lock{width:20px;height:24px;padding:0;font-size:8px}.tree-row:not(:hover):not(.active)>.layer-visibility,.tree-row:not(:hover):not(.active)>.layer-lock{opacity:.34}.layer-tree-empty{margin:9px;padding:18px 12px;border:1px dashed #344147;border-radius:10px;color:#68777c;font-size:9px;line-height:1.5;text-align:center}
.canvas-area{background-color:#171d20;background-image:radial-gradient(rgba(148,164,170,.24) 1px,transparent 1px),radial-gradient(circle at 75% 20%,rgba(84,215,180,.08),transparent 28%),radial-gradient(circle at 20% 80%,rgba(139,108,255,.09),transparent 32%);background-size:24px 24px,100% 100%,100% 100%}.canvas-rule{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(12,17,20,.82);color:#77858a;font-size:8px;pointer-events:none;backdrop-filter:blur(10px)}.canvas-rule i{width:3px;height:3px;border-radius:50%;background:#54d7b4}.isolation-bar{position:absolute;left:50%;top:55px;z-index:4;transform:translateX(-50%);align-items:center;gap:8px;padding:7px 8px 7px 13px;border:1px solid rgba(139,108,255,.45);border-radius:10px;background:#28213f;color:#c9c0ff;box-shadow:0 10px 30px rgba(0,0,0,.28)}.isolation-bar:not([hidden]){display:flex}.isolation-bar span{font-size:8px;text-transform:uppercase;letter-spacing:.08em}.isolation-bar b{color:#fff}.isolation-bar button{border:0;border-radius:6px;background:#8b6cff;color:#fff;padding:5px 8px;font-size:8px}.canvas-inline-editor{position:absolute;z-index:12;min-height:28px;padding:4px 7px;border:2px solid #8b6cff;border-radius:5px;background:#fff;color:#20242b;outline:0;box-shadow:0 8px 24px rgba(0,0,0,.22);white-space:pre-wrap}.zoom-control{background:#101619;border:1px solid var(--studio-line);border-radius:12px}.zoom-control button{border-color:var(--studio-line)}
.right-panel{position:relative;z-index:10;grid-column:3;grid-row:2;left:auto;top:auto;bottom:auto;width:auto;min-width:0;min-height:0;transform:none;transition:none;overflow-y:auto;background:linear-gradient(180deg,#171f23,#12181b);border:0;border-left:1px solid var(--studio-line);box-shadow:-14px 0 40px rgba(0,0,0,.16);color:#dbe3e5}.right-panel:not(.open){display:none}.right-tabs{position:sticky;top:0;z-index:3;height:50px;justify-content:stretch;padding:7px;gap:4px;border-color:var(--studio-line);background:rgba(16,22,25,.96);backdrop-filter:blur(12px)}.right-tabs button{flex:1;border:0;border-radius:9px;color:#7f8d92}.right-tabs button.active{border:0;background:#2a2341;color:#c9beff}.inspect-section{padding:17px;border-bottom:1px solid var(--studio-line)}.inspect-section .inspect-heading,.inspect-section h3{color:#eef2f3}.inspect-section label{color:#89979c}.inspect-section input,.inspect-section select{border-color:#344147;background:#0e1518;color:#eef2f3}.inspect-section input:disabled{opacity:.52;cursor:not-allowed}.inspect-section .panel-hint{padding:0;color:#748187}.align-row button{border-color:#344147;background:#1a2428;color:#aeb9bc}.align-row button:hover{border-color:#8b6cff;background:#2a2341;color:#fff}.color-field{background:#11191c}.prototype-tip{border-color:#3c3560;background:#28213f;color:#c9beff}.editor-toast{position:fixed;z-index:300;left:50%;bottom:26px;transform:translate(-50%,20px);padding:10px 15px;border-radius:10px;background:#15201f;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:.2s}.editor-toast.show{opacity:1;transform:translate(-50%,0)}.editor-toast.error{background:#7e342c}
.context-menu{width:270px;padding:8px;border-color:#344047;border-radius:16px;background:#131a1e;color:#dbe3e5;box-shadow:0 25px 70px rgba(0,0,0,.4)}.context-menu-head{display:grid;gap:3px;padding:8px 10px 11px}.context-menu-head span{font-size:8px;font-weight:900;letter-spacing:.13em;color:#8b6cff}.context-menu-head b{font-size:13px}.context-menu button{padding:9px 10px;background:transparent;color:#c8d1d4}.context-menu button:hover{background:#28213f;color:#fff}.context-menu hr{border-color:#2b353a}.context-menu kbd{background:#222c31;color:#7f8d92}.context-menu .danger{color:#ff8c7d}
.command-atlas{width:min(760px,calc(100vw - 28px));padding:0;border:1px solid #354147;border-radius:20px;background:#12191c;color:#e8edef;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.5)}.command-atlas>header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 14px}.command-atlas>header div{display:grid;gap:4px}.command-atlas>header small{color:#8b6cff;font-size:8px;font-weight:900;letter-spacing:.15em}.command-atlas>header b{font-size:19px}.command-search{display:flex!important;align-items:center;gap:9px;margin:0 18px 15px;padding:0 13px;border:1px solid #344147;border-radius:11px;background:#0c1215;color:#7b898f}.command-search input{border:0;background:transparent;color:#fff;box-shadow:none}.command-columns{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2a3439;border-bottom:1px solid #2a3439}.command-columns section{display:grid;align-content:start;padding:15px 10px;border-right:1px solid #2a3439}.command-columns section:last-child{border:0}.command-columns section>small{padding:2px 9px 8px;color:#65757b;font-size:8px;font-weight:900;letter-spacing:.12em}.command-columns a,.command-columns button{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:9px;border:0;border-radius:8px;background:transparent;color:#c7d0d3;text-align:left;font-size:10px}.command-columns a:hover,.command-columns button:hover{background:#28213f;color:#fff}.command-columns kbd{background:#222c31;color:#7f8d92}.command-atlas>footer{display:flex;padding:13px 20px}.command-atlas>footer span{display:grid}.command-atlas>footer small{font-size:8px;color:#76858a}
.viewport-dialog-card{width:min(700px,92vw)}.viewport-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.viewport-presets button{display:grid;place-items:center;gap:4px;min-height:110px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:28px}.viewport-presets button b{font-size:11px}.viewport-presets button small{font-size:9px;color:var(--muted)}.viewport-presets button.active,.viewport-presets button:hover{border-color:#8b6cff;background:#f1edff;color:#5b3bd1}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:1320px){.editor-app{grid-template-columns:248px minmax(0,1fr) 288px}.editor-app.inspector-collapsed{grid-template-columns:248px minmax(0,1fr) 0}.tool small{display:none}.editor-actions .full-frame-toggle{display:none!important}}@media(max-width:1180px){.editor-topbar{grid-template-columns:1fr auto}.toolbar{display:none}.viewport-pill small{display:none}.command-columns{grid-template-columns:1fr 1fr}.command-columns section:nth-child(2){border-right:0}.command-columns section:nth-child(-n+2){border-bottom:1px solid #2a3439}}@media(max-width:900px){.editor-app,.editor-app.inspector-collapsed{grid-template-columns:220px minmax(0,1fr)}.editor-topbar{grid-column:1/3}.right-panel{position:fixed;z-index:35;grid-column:auto;grid-row:auto;inset:58px 0 0 auto;width:min(310px,88vw);box-shadow:-20px 0 60px rgba(0,0,0,.42)}.editor-actions #presentButton,.editor-actions #shareButton,.viewport-pill{display:none}}@media(max-width:760px){.editor-app,.editor-app.inspector-collapsed{grid-template-columns:1fr}.editor-topbar{grid-column:1}.left-panel{position:fixed;z-index:30;left:0;top:58px;bottom:0;width:278px;transform:translateX(-100%)}.device-options,.viewport-presets{grid-template-columns:1fr 1fr}}

/* Vectra 3.2 — direct manipulation, Dev Mode and portable project files */
.mode-switcher{position:fixed;z-index:22;left:calc(50% + 139px);bottom:18px;transform:translateX(-50%);display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(11,16,19,.92);box-shadow:0 14px 40px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.mode-switcher button{display:flex;align-items:center;gap:7px;min-width:92px;justify-content:center;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#879499;font-size:10px;font-weight:800}.mode-switcher button.active{background:linear-gradient(145deg,#8b6cff,#6a4ce0);color:#fff;box-shadow:0 7px 18px rgba(112,76,224,.35)}.mode-switcher button span{font-size:12px}
.dev-handoff{position:fixed;z-index:21;right:328px;top:76px;bottom:78px;width:min(470px,calc(100vw - 660px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;padding:0;border:1px solid #354147;border-radius:18px;background:rgba(16,23,26,.97);color:#eaf0f1;box-shadow:0 28px 80px rgba(0,0,0,.48);overflow:hidden;backdrop-filter:blur(20px)}.editor-app.inspector-collapsed .dev-handoff{right:18px}.dev-handoff[hidden]{display:none}.dev-handoff>header{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 10px}.dev-handoff h3{margin:3px 0 0;font-size:16px}.dev-handoff>header button{width:30px;height:30px;border:0;border-radius:9px;background:#253036;color:#aeb9bc;font-size:18px}.dev-handoff>.panel-hint{padding:0 18px 11px}.dev-code-tabs{display:flex;gap:4px;padding:0 18px 10px}.dev-code-tabs button{padding:7px 14px;border:1px solid #354147;border-radius:8px;background:#182126;color:#8d9ba0;font-size:9px;font-weight:800}.dev-code-tabs button.active{border-color:#8b6cff;background:#2a2341;color:#d5ccff}.dev-handoff pre{min-height:0;margin:0 16px 14px;padding:16px;border:1px solid #2d383d;border-radius:12px;background:#090e10;color:#b9f4df;overflow:auto;font:10px/1.65 "Courier New",monospace;white-space:pre}.dev-handoff pre[hidden]{display:none}.dev-handoff>footer{display:flex;gap:7px;padding:13px 16px;border-top:1px solid #2d383d}.dev-handoff>footer .button{flex:1;font-size:9px}
.canvas-area.dev-mode:after{content:"DEV MODE · select a frame for generated HTML and CSS";position:absolute;left:16px;bottom:20px;padding:7px 10px;border:1px solid rgba(84,215,180,.32);border-radius:9px;background:rgba(16,36,32,.88);color:#79e6c8;font-size:8px;font-weight:900;letter-spacing:.08em}.native-file-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.native-file-actions .button{padding-inline:8px;font-size:9px}
@media(max-width:1320px){.mode-switcher{left:50%}.dev-handoff{right:306px;width:min(430px,calc(100vw - 580px))}}@media(max-width:1000px){.dev-handoff{right:14px;width:min(470px,calc(100vw - 250px))}}@media(max-width:760px){.mode-switcher{left:50%;bottom:12px}.dev-handoff{left:10px;right:10px;top:70px;bottom:68px;width:auto}.native-file-actions{grid-template-columns:1fr}}
.mode-switcher{left:50%}

/* Vectra 3.3 — corporate workspace and precision editor */
.workspace{min-height:calc(100vh - 66px);padding:18px;gap:18px;background:radial-gradient(circle at 78% 0,rgba(124,92,236,.1),transparent 31%),#f3f4f8}
.workspace-nav{margin:0;border:1px solid #e4e6ed;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 16px 45px rgba(39,45,67,.07);backdrop-filter:blur(18px)}
.workspace-nav .company-card{border:0;border-bottom:1px solid #edf0f4;border-radius:0;background:transparent;padding:4px 2px 20px}
.workspace-nav .company-monogram{background:linear-gradient(145deg,#6251d6,#62c9bc);box-shadow:0 8px 24px rgba(98,81,214,.24)}
.workspace-nav .nav-item{min-height:42px;margin:3px 0;border:1px solid transparent;border-radius:11px;color:#4e5667;font-weight:650}
.workspace-nav .nav-item:hover{border-color:#e8e8f1;background:#f7f7fb;color:#2c3342}
.workspace-nav .nav-item.active{border-color:#e4defb;background:#eeeafd;color:#5541c1;box-shadow:inset 3px 0 #6d55d9}
.workspace-nav .nav-label{margin-top:24px;color:#9ca2b1}
.workspace-nav .licence-mini{margin-top:24px;border:1px solid #dcefe9;background:#effaf6;color:#236d5b}
.workspace-content{max-width:none;margin:0;padding:46px clamp(28px,4vw,68px);border:1px solid #e5e7ee;border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 16px 45px rgba(39,45,67,.06);backdrop-filter:blur(18px)}
.workspace-title{align-items:center}.workspace-title h1{max-width:850px;color:#151a24;font-size:clamp(34px,4vw,52px);letter-spacing:-.045em}.workspace-title p:last-child{font-size:14px}
.workspace-title .button.primary{min-height:48px;padding:0 20px;border-radius:12px;background:#171a24;box-shadow:0 10px 25px rgba(23,26,36,.18)}
.template-strip{gap:15px;margin:34px 0}.template-strip button{min-height:86px;padding:16px;border-color:#e4e6ed;border-radius:16px;box-shadow:0 7px 20px rgba(38,43,61,.035)}
.template-strip button:hover{border-color:#bdb3ed;box-shadow:0 14px 30px rgba(60,49,118,.1)}
.template-strip .template-icon{width:52px;height:52px;border-radius:14px;background:#f0edff;color:#654bd1}.template-strip b{font-size:14px;color:#222836}.template-strip small{font-size:11px}
.onboarding-card{border-color:#e7e3f3;background:linear-gradient(135deg,#f8f6ff,#f3fbf8);box-shadow:none}.onboarding-progress i{background:linear-gradient(90deg,#6750d8,#58bfae)}
.file-grid{gap:22px}.file-card{border-color:#e2e5ec;border-radius:18px;box-shadow:0 8px 24px rgba(33,38,55,.045)}
.file-card:hover{border-color:#aaa0df;box-shadow:0 20px 44px rgba(48,41,87,.12)}.file-preview{height:205px;background:linear-gradient(145deg,#edf0f5,#f8f7fb)}.file-meta{padding:16px 17px}.file-open{padding:8px 12px;border-radius:9px;background:#171a24}

.editor-body{--studio-line:#e1e4ea;--studio-violet:#6750d8;--studio-mint:#43bca9;background:#edf0f3;color:#1b202b}
.editor-app,.editor-app.inspector-collapsed{grid-template-rows:68px 1fr;background:#edf0f3}.editor-app{grid-template-columns:286px minmax(0,1fr) 320px}.editor-app.inspector-collapsed{grid-template-columns:286px minmax(0,1fr) 0}
.editor-topbar{height:68px;padding:0 14px;grid-template-columns:minmax(310px,1fr) auto minmax(470px,1fr);background:rgba(255,255,255,.94);border-color:#dde1e7;color:#1c222e;box-shadow:0 5px 24px rgba(36,42,61,.06);backdrop-filter:blur(20px)}
.editor-brand .brand-mark,.editor-app-launcher{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;padding:0;border:0;border-radius:13px;background:linear-gradient(145deg,#6b55db,#55cbbb);color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(98,81,214,.25);cursor:pointer}
.editor-app-launcher:hover{transform:translateY(-1px);box-shadow:0 11px 28px rgba(98,81,214,.32)}
.command-launcher{width:38px;height:38px;border-color:#e1e4ea;background:#f7f8fa;color:#444b5b}.command-launcher:hover{border-color:#b7afe1;background:#f0edff;color:#5843c3}
.file-title-input{width:190px;color:#1b202b;font-size:13px}.file-title-input:hover{border-color:#d9dce4}.file-title-input:focus{border-color:#7763d8;background:#f8f7ff;color:#171b25}.editor-file-context small{color:#8b929f}.save-state{background:#f0f7f4;color:#4c6e64}.save-state i{background:#42b794}
.toolbar{gap:2px;padding:5px;border-color:#e0e3e9;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(30,35,50,.1)}.tool{height:38px;min-width:36px;color:#4c5361}.tool:hover{background:#f1f2f6}.tool.active{background:#171a24;color:#fff;box-shadow:0 6px 16px rgba(23,26,36,.2)}.tool-divider{background:#e2e4ea}
.editor-actions .button.ghost{min-height:38px;border-color:#e0e3e9;background:#fff;color:#343b49}.editor-actions .button.ghost:hover{border-color:#aca2df;background:#f4f1ff}.editor-actions #shareButton{background:#171a24;color:#fff;border-color:#171a24}.editor-actions #exportButton{background:#6650d5;border-color:#6650d5}
.viewport-pill{min-height:40px;border-color:#e0e3e9;background:#fff;color:#252b37}.viewport-pill small{color:#8c929e}.full-frame-toggle{min-height:40px;border-color:#e0e3e9;background:#fff;color:#5b6270}
.left-panel,.right-panel{background:#fff;color:#2c3340}.left-panel{border-color:#dde1e7;box-shadow:8px 0 28px rgba(38,44,61,.045)}.right-panel{background:#fff;border-color:#dde1e7;box-shadow:-8px 0 28px rgba(38,44,61,.045);color:#2c3340}
.panel-tabs{height:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border-color:#e5e7ec;background:#fff}.panel-tabs button{min-height:40px;border:0;border-radius:10px;color:#848b98;font-size:10px}.panel-tabs button.active{border:0;background:#eeeafd;color:#5944c3}
.panel-heading{padding:18px 15px 10px;color:#858d9a}.panel-heading button{color:#5a6372}.panel-heading button:hover{background:#eeeafd;color:#5944c3}.panel-hint{color:#949ba7}
.page-list{padding:0 9px}.page-item{min-height:50px;padding:7px 9px;border-radius:11px;background:transparent;color:#4d5564}.page-item:hover{background:#f5f6f8}.page-item.active{border-color:#d8d1f4;background:#eeeafd;color:#5541bd}.page-thumb{width:48px;height:34px;border-color:#daddE4;background:#fff;color:#8d95a1}
.layer-list{padding:0 9px 18px}.tree-row{min-height:38px;border-radius:9px;color:#4f5866}.tree-row:before{border-color:#e2e4ea}.layer-item:hover{background:#f4f5f8}.layer-item.active{background:#eeeafd;color:#5541bd}.tree-row.layer-group>b{color:#45378f}.tree-row.layer-group>.layer-kind{color:#6b55d4!important}.tree-row>.layer-visibility,.tree-row>.layer-lock{color:#8b929e!important}
.asset-search input,.comment-form textarea{border-color:#dde1e7;background:#f8f9fb;color:#242a36}.library-chips button{border-color:#e1e3e8;background:#fff;color:#747c89}.library-chips button.active,.review-tabs button.active{border-color:#6250ce;background:#6250ce;color:#fff}.asset-grid button{border-color:#e1e3e9;background:#fafbfc;color:#626b79}.asset-grid button:hover{border-color:#a99fe0;background:#f4f1ff}
.canvas-area{background-color:#f3f5f6;background-image:radial-gradient(#cbd0d5 1px,transparent 1px);background-size:22px 22px}.canvas-rule{top:12px;border-color:#e1e4e8;background:rgba(255,255,255,.88);color:#7c8490;box-shadow:0 8px 22px rgba(39,44,60,.07)}.canvas-rule i{background:#5a48c9}.isolation-bar{border-color:#cfc7f2;background:#fff;color:#5e4ac7;box-shadow:0 10px 26px rgba(42,38,73,.13)}.isolation-bar b{color:#242a35}
.zoom-control{border-color:#dde1e7;background:#fff;box-shadow:0 10px 28px rgba(36,42,58,.12)}.zoom-control button{border-color:#e2e5ea;color:#3d4452}.canvas-inline-editor{border-color:#216ee8}
.right-tabs{height:56px;padding:8px;gap:4px;border-color:#e5e7ec;background:rgba(255,255,255,.96)}.right-tabs button{border:0;border-radius:10px;color:#848b98}.right-tabs button.active{background:#171a24;color:#fff}.inspect-section{padding:19px;border-color:#eceef2}.inspect-section .inspect-heading,.inspect-section h3{color:#232936}.inspect-section label{color:#7b8390}.inspect-section input,.inspect-section select{border-color:#dfe2e8;background:#f8f9fb;color:#242a36}.align-row button{border-color:#dfe2e8;background:#fff;color:#5c6472}.align-row button:hover{border-color:#a99fe0;background:#f1edff;color:#523dbd}.color-field{background:#f8f9fb}.prototype-tip{border-color:#ded8f6;background:#f3f0ff;color:#5441b5}
.mode-switcher{bottom:20px;border-color:#d8dce3;background:rgba(255,255,255,.93);box-shadow:0 14px 38px rgba(35,41,57,.16)}.mode-switcher button{color:#747c89}.mode-switcher button.active{background:#171a24;color:#fff;box-shadow:0 7px 18px rgba(23,26,36,.22)}
.dev-handoff{border-color:#d9dde4;background:rgba(255,255,255,.98);color:#222936;box-shadow:0 28px 80px rgba(37,42,59,.22)}.dev-handoff>header button{background:#f0f1f4;color:#4f5765}.dev-code-tabs button{border-color:#dfe2e8;background:#f8f9fb;color:#777f8b}.dev-code-tabs button.active{border-color:#6650d5;background:#eeeafd;color:#513db9}.dev-handoff pre{border-color:#26313a;background:#11181d;color:#baf5df}.dev-handoff>footer{border-color:#e2e5ea}
.context-menu{border-color:#30343b;background:#171a1f;color:#e9ebef}.context-menu button{color:#d6d9df}.context-menu button:hover{background:#2a253e}.context-menu-head span{color:#a895ff}

.vectra-app-menu{position:fixed;z-index:500;top:78px;left:14px;width:min(680px,calc(100vw - 28px));overflow:hidden;border:1px solid #30343c;border-radius:20px;background:#171a1f;color:#f1f3f6;box-shadow:0 30px 90px rgba(15,18,25,.42)}
.vectra-app-menu[hidden]{display:none}.vectra-app-menu>header{display:grid;grid-template-columns:42px 1fr 34px;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid #2d3138}.app-menu-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#7059e1,#55caba);font-weight:900}.vectra-app-menu>header div{display:grid;gap:3px}.vectra-app-menu>header small{color:#9b8cf0;font-size:8px;font-weight:900;letter-spacing:.14em}.vectra-app-menu>header b{font-size:16px}.vectra-app-menu>header button{width:34px;height:34px;border:0;border-radius:9px;background:#252930;color:#b8bdc6;font-size:19px}
.app-menu-back,.app-menu-search{display:flex;align-items:center;gap:12px;margin:10px 12px 0;padding:11px 12px;border:0;border-radius:11px;background:#22262d;color:#f2f3f6;text-align:left}.app-menu-back div{display:grid;gap:2px}.app-menu-back small{color:#9198a4;font-size:9px}.app-menu-search{width:calc(100% - 24px);margin-top:8px;background:#101318}.app-menu-search b{flex:1;font-size:11px}.app-menu-search kbd{background:#272c34;color:#9ea5b0}
.app-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border-top:1px solid #2d3138;border-bottom:1px solid #2d3138}.app-menu-grid section{display:grid;align-content:start;padding:14px 9px;border-right:1px solid #2d3138}.app-menu-grid section:last-child{border:0}.app-menu-grid small{padding:3px 9px 8px;color:#777f8b;font-size:8px;font-weight:900;letter-spacing:.12em}.app-menu-grid button{display:flex;justify-content:space-between;width:100%;padding:9px;border:0;border-radius:8px;background:transparent;color:#d0d4db;text-align:left;font-size:10px}.app-menu-grid button:hover{background:#2b2740;color:#fff}.app-menu-grid kbd{color:#7e8793}
.vectra-app-menu>footer{display:flex;gap:8px;padding:12px 15px}.vectra-app-menu>footer a{padding:7px 10px;border-radius:8px;color:#9da4af;font-size:9px}.vectra-app-menu>footer a:hover{background:#272b32;color:#fff}
.transform-hint{position:absolute;z-index:5;pointer-events:none;padding:5px 8px;border-radius:7px;background:#171a24;color:#fff;font-size:9px;font-weight:750;box-shadow:0 6px 18px rgba(20,24,33,.2)}
@media(max-width:1320px){.editor-app{grid-template-columns:254px minmax(0,1fr) 294px}.editor-app.inspector-collapsed{grid-template-columns:254px minmax(0,1fr) 0}.editor-topbar{grid-template-columns:minmax(290px,1fr) auto minmax(390px,1fr)}}
@media(max-width:1180px){.editor-topbar{grid-template-columns:1fr auto}.app-menu-grid{grid-template-columns:1fr 1fr}.app-menu-grid section:nth-child(2){border-right:0}.app-menu-grid section:nth-child(-n+2){border-bottom:1px solid #2d3138}}
/* Vectra Studio 3.4: onboarding, presentations, contextual projects and adaptive UI */
.theme-toggle{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:5px 7px;border-radius:999px;cursor:pointer}.theme-toggle i{width:22px;height:12px;border-radius:20px;background:#d8dbe2;position:relative}.theme-toggle i:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s}.drawer-theme-toggle{display:flex;width:100%;align-items:center;gap:12px;border:0;background:transparent;color:inherit;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer}.drawer-theme-toggle:hover{background:var(--soft)}.drawer-theme-toggle div{display:grid}.drawer-theme-toggle em{font-size:12px;color:var(--muted);font-style:normal}
.onboarding-wizard{width:min(590px,calc(100vw - 40px))}.wizard-progress{display:flex;align-items:center;gap:7px;margin:18px 0 24px}.wizard-progress i{width:34px;height:5px;border-radius:10px;background:#e3e0ec}.wizard-progress i.active{background:var(--primary)}.wizard-progress span{margin-left:auto;font-size:12px;color:var(--muted)}.wizard-step{display:none}.wizard-step.active{display:block;animation:wizard-in .25s ease}.wizard-step h3{font-size:24px;margin:3px 0 18px}.account-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-type-grid label,.role-choice-grid label{margin:0;cursor:pointer}.account-type-grid input,.role-choice-grid input{position:absolute;opacity:0}.account-type-grid span{display:grid;gap:5px;min-height:125px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.account-type-grid span>span,.account-type-grid span:first-child{font-size:23px}.account-type-grid small{font-weight:500;color:var(--muted);line-height:1.35}.account-type-grid input:checked+span,.role-choice-grid input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}.role-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.role-choice-grid span{display:block;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.wizard-step [data-context]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wizard-step [data-custom-account]{margin-top:12px}.wizard-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.verification-lock{display:flex;gap:12px;background:color-mix(in srgb,var(--teal) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--teal) 25%,var(--line));padding:13px;border-radius:12px;color:var(--teal)}.verification-lock div{display:grid}.verification-lock small{color:var(--muted);font-weight:500}@keyframes wizard-in{from{opacity:0;transform:translateX(8px)}}
.dashboard-slides{margin:28px 0}.dashboard-deck-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-deck-card{color:inherit;text-decoration:none;display:grid;gap:8px}.dashboard-deck-card>div{height:125px;border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 80%,#222),color-mix(in srgb,var(--teal) 75%,#18232a));padding:20px;color:white;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.dashboard-deck-card>div i{position:absolute;background:#ffffff24;border-radius:4px;height:7px;left:20px;right:45px;bottom:31px}.dashboard-deck-card>div i+ i{right:85px;bottom:18px}.dashboard-deck-card small{color:var(--muted)}.dashboard-deck-card.new>div{display:grid;place-items:center;font-size:32px;background:var(--panel);border:1px dashed var(--line);color:var(--primary)}.related-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-project-grid a{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--panel);text-decoration:none;color:inherit}.related-project-grid div{display:grid}.related-project-grid small{color:var(--muted)}
.slide-library{max-width:1320px;margin:0 auto;padding:48px 38px}.slide-library>header{display:flex;justify-content:space-between;align-items:end}.slide-library h1{font-size:54px;margin:4px 0}.slide-library>header p{color:var(--muted)}.slide-library-feature{margin:30px 0 38px;border-radius:22px;background:linear-gradient(120deg,#1d2030,#413285);color:#fff;padding:30px 38px;display:flex;align-items:center;justify-content:space-between;min-height:190px}.slide-library-feature>div:first-child{max-width:540px}.slide-library-feature span{font-size:30px}.slide-feature-preview{width:310px;height:145px;border-radius:12px;background:#fff;color:#202333;padding:30px;display:grid;box-shadow:0 20px 40px #0004}.slide-feature-preview i{width:35px;height:5px;background:#6a50df}.slide-feature-preview small{color:#778}.deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.deck-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:.2s}.deck-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.deck-preview{height:175px;background:linear-gradient(145deg,#6d55e7,#3f9ec4);padding:28px;color:#fff;position:relative}.deck-preview span{font:700 55px var(--brand-heading)}.deck-preview i{display:block;width:60%;height:7px;background:#ffffff45;margin-top:13px;border-radius:3px}.deck-card>div+div{padding:16px;display:grid}.deck-card small,.deck-card time{color:var(--muted);font-size:12px}.deck-empty{grid-column:1/-1}
.slide-editor-body{overflow:hidden;background:#e9eaef}.slide-editor-body>.app-header,.slide-editor-body>.app-drawer,.slide-editor-body>.drawer-overlay{display:none}.slide-editor-shell{height:100vh;display:grid;grid-template:64px 48px 1fr / 230px 1fr 280px;color:#1d2530;background:#e8eaf0}.slide-editor-topbar{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff;border-bottom:1px solid #d8dbe3;z-index:4}.slide-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#7457eb,#55caba);color:#fff;font-weight:900}.slide-back{font-size:22px;text-decoration:none;color:#4b5562}.slide-deck-title{display:grid;min-width:260px}.slide-deck-title input{border:0;padding:0;background:transparent;font-weight:800;font-size:15px;color:inherit}.slide-deck-title small{color:#7c8592}.slide-save-state{margin-left:auto;color:#76808d;font-size:12px}.slide-export-wrap{position:relative}.slide-export-menu{position:absolute;right:0;top:46px;width:250px;background:#fff;border:1px solid #dddfe6;border-radius:12px;padding:7px;box-shadow:0 15px 40px #18202d30;z-index:8}.slide-export-menu button{display:block;width:100%;padding:11px;border:0;background:none;text-align:left;border-radius:7px}.slide-export-menu button:hover{background:#f0edff}.slide-ribbon{grid-column:1/-1;display:flex;align-items:center;gap:6px;padding:5px 245px;background:#fff;border-bottom:1px solid #d8dbe3}.slide-ribbon button,.slide-ribbon label{border:0;background:transparent;border-radius:7px;padding:7px 10px;color:#4d5662;font-weight:650}.slide-ribbon button:hover{background:#f0f1f5}.slide-ribbon span{flex:1}.slide-ribbon input{width:25px;height:22px;padding:0;border:0}.slide-navigator{background:#fff;border-right:1px solid #d8dbe3;padding:14px 12px;overflow:auto}.slide-navigator>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.slide-navigator>header button{border:0;background:#ece8ff;color:#6045db;width:30px;height:30px;border-radius:8px}.slide-thumb{display:grid;grid-template-columns:20px 1fr;gap:6px;width:100%;border:0;background:none;padding:6px 4px;margin-bottom:9px;text-align:left;color:#68717d}.slide-thumb i{display:grid;align-content:center;aspect-ratio:16/9;border:1px solid #d8dbe3;border-radius:6px;padding:10px;overflow:hidden}.slide-thumb i b{font-size:7px}.slide-thumb i em{font-size:5px;font-style:normal}.slide-thumb small{grid-column:2}.slide-thumb.active i{outline:2px solid #6750e8}.slide-stage-wrap{display:grid;place-items:center;align-content:center;overflow:auto;padding:36px}.slide-stage{width:min(960px,calc(100vw - 580px));aspect-ratio:16/9;background:#fff;box-shadow:0 18px 50px #2d344530;position:relative;overflow:hidden}.slide-stage:before{content:"";position:absolute;width:10px;height:65%;background:var(--slide-accent);left:0;top:17.5%;border-radius:0 8px 8px 0}.slide-safe-area{height:100%;padding:10% 9%;display:flex;flex-direction:column;justify-content:center}.slide-safe-area h1{font:800 clamp(28px,4vw,62px)/1.06 var(--brand-heading);margin:0 0 25px;outline:0}.slide-safe-area div{font-size:clamp(15px,1.6vw,26px);line-height:1.5;max-width:80%;outline:0}.slide-stage[data-layout="title-only"] .slide-safe-area div{display:none}.slide-stage[data-layout="centered"] .slide-safe-area{text-align:center;align-items:center}.slide-number{position:absolute;bottom:24px;right:28px;color:#87909c}.slide-stage-hint{color:#77818e;font-size:12px}.slide-inspector{background:#fff;border-left:1px solid #d8dbe3;padding:22px;display:grid;align-content:start;gap:15px}.slide-inspector h3{margin:0}.slide-inspector label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#636d79}.slide-inspector input,.slide-inspector select{height:38px}.slide-tip{background:#f1efff;padding:15px;border-radius:12px;color:#5845bf}.slide-tip p{font-size:12px;line-height:1.45}.slide-presenting .slide-editor-topbar,.slide-presenting .slide-ribbon,.slide-presenting .slide-navigator,.slide-presenting .slide-inspector,.slide-presenting .slide-stage-hint{display:none}.slide-presenting .slide-editor-shell{display:grid;grid-template:1fr/1fr;background:#090b0f}.slide-presenting .slide-stage-wrap{grid-area:1/1;padding:0}.slide-presenting .slide-stage{width:min(100vw,177.77vh);height:min(100vh,56.25vw)}
.onboarding-admin-body{min-height:100vh;background:#f4f6f8}.admin-page.onboarding-admin{width:min(1320px,calc(100% - 48px));margin:0 auto;padding:48px 0 72px;color:var(--ink)}.onboarding-admin .admin-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px;padding:30px 34px;border:1px solid #dbe2e7;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f8f6ff 62%,#eefbf8 100%);box-shadow:0 18px 55px rgba(26,38,48,.07)}.onboarding-admin .admin-title h1{margin:5px 0 8px;font:750 clamp(34px,4vw,54px)/1.04 var(--brand-heading);letter-spacing:-.045em}.onboarding-admin .admin-title p:last-child{max-width:720px;margin:0;color:#697780;font-size:16px;line-height:1.6}.onboarding-admin .admin-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:22px;margin-bottom:22px}.onboarding-admin .admin-card{min-width:0;padding:28px;border:1px solid #dbe2e7;border-radius:20px;background:#fff;box-shadow:0 12px 38px rgba(25,38,48,.055)}.onboarding-admin .admin-card>h2,.onboarding-admin .section-heading h2{margin:0 0 7px;font-size:22px;letter-spacing:-.025em}.onboarding-admin .muted{margin:0 0 20px;color:#7a8790;line-height:1.55}.onboarding-admin-row{display:grid;grid-template-columns:minmax(180px,1fr) 86px 104px auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e7ebee}.onboarding-admin-row input,.onboarding-admin .settings-card input,.onboarding-admin .settings-card select,.onboarding-admin .settings-card textarea{width:100%;min-width:0;border:1px solid #cfd8de;border-radius:10px;background:#f9fafb;color:#1b272d;padding:11px 12px;font:inherit;outline:0}.onboarding-admin-row input:focus,.onboarding-admin .settings-card input:focus,.onboarding-admin .settings-card select:focus,.onboarding-admin .settings-card textarea:focus{border-color:#7660df;background:#fff;box-shadow:0 0 0 3px rgba(118,96,223,.13)}.onboarding-admin .switch-label{display:flex!important;align-items:center;gap:8px;margin:0!important;color:#526068;font-size:13px;font-weight:750;white-space:nowrap}.onboarding-admin .switch-label input{width:17px;height:17px;margin:0;accent-color:#6750e8}.onboarding-admin .settings-card{display:grid;gap:14px;margin-top:22px;padding:20px;border:1px solid #e1e6ea;border-radius:15px;background:#f8fafb}.onboarding-admin .settings-card.compact{grid-template-columns:minmax(180px,1fr) 110px auto;align-items:end}.onboarding-admin .settings-card label{display:grid;gap:7px;margin:0;color:#526068;font-size:12px;font-weight:800}.onboarding-admin .settings-card .switch-label{align-self:center}.onboarding-admin .settings-card .button{justify-self:start}.onboarding-admin .section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.onboarding-admin .section-heading span{padding:6px 10px;border-radius:999px;background:#eeeafd;color:#5d48c6;font-size:11px;font-weight:850}.configured-field{display:flex;gap:18px;align-items:center;padding:14px 2px;border-bottom:1px solid #e7ebee}.configured-field:last-child{border-bottom:0}.configured-field div{display:grid;gap:3px;margin-right:auto}.configured-field small{color:#7a8790}.configured-field code{padding:7px 9px;border-radius:8px;background:#f0f3f5;color:#526068;font-size:12px}.onboarding-admin .button{min-height:40px;border-radius:10px}.onboarding-admin .button.ghost{border-color:#ccd5db;background:#fff;color:#34434b}.onboarding-admin .button.ghost:hover{border-color:#6750e8;color:#5943c7}.onboarding-admin .button.danger{color:#bd463c}.onboarding-admin .button.danger:hover{border-color:#db6a60;background:#fff4f2;color:#a7352c}
html[data-theme="dark"] .onboarding-admin-body{background:#0d1317}html[data-theme="dark"] .onboarding-admin .admin-title{border-color:#2c3940;background:linear-gradient(135deg,#151d22,#171626 62%,#11231f);box-shadow:0 18px 55px #0006}html[data-theme="dark"] .onboarding-admin .admin-title p:last-child,html[data-theme="dark"] .onboarding-admin .muted{color:#9aa8ae}html[data-theme="dark"] .onboarding-admin .admin-card{border-color:#2c3940;background:#151d22;box-shadow:0 12px 38px #0005}html[data-theme="dark"] .onboarding-admin-row,html[data-theme="dark"] .configured-field{border-color:#29363d}html[data-theme="dark"] .onboarding-admin-row input,html[data-theme="dark"] .onboarding-admin .settings-card input,html[data-theme="dark"] .onboarding-admin .settings-card select,html[data-theme="dark"] .onboarding-admin .settings-card textarea{border-color:#35434a;background:#10171b;color:#edf3f5}html[data-theme="dark"] .onboarding-admin .settings-card{border-color:#2c3940;background:#11191e}html[data-theme="dark"] .onboarding-admin .switch-label,html[data-theme="dark"] .onboarding-admin .settings-card label{color:#aeb9bf}html[data-theme="dark"] .configured-field code{background:#202c32;color:#b7c3c8}html[data-theme="dark"] .onboarding-admin .button.ghost{border-color:#3b4950;background:#172127;color:#dce5e8}
@media(max-width:980px){.onboarding-admin .admin-grid{grid-template-columns:1fr}.onboarding-admin .settings-card.compact{grid-template-columns:1fr 110px auto}}@media(max-width:680px){.admin-page.onboarding-admin{width:min(100% - 24px,1320px);padding:24px 0 50px}.onboarding-admin .admin-title,.onboarding-admin .admin-card{padding:21px;border-radius:17px}.onboarding-admin-row{grid-template-columns:1fr 76px}.onboarding-admin-row .switch-label{grid-column:1}.onboarding-admin-row .button{grid-column:2;grid-row:2}.onboarding-admin .settings-card.compact{grid-template-columns:1fr}.configured-field{align-items:flex-start;flex-wrap:wrap}.configured-field div{flex:1 1 200px}.configured-field code{order:3;width:100%}}
.ai-provider-admin-body{min-height:100vh;background:#f4f6f8}.admin-page.ai-provider-admin{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:48px 0 72px}.ai-provider-admin .admin-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px;padding:31px 34px;border:1px solid #dbe2e7;border-radius:24px;background:linear-gradient(135deg,#fff,#f6f3ff 65%,#ecfbf7);box-shadow:0 18px 55px rgba(26,38,48,.07)}.ai-provider-admin .admin-title h1{margin:5px 0 8px;font:750 clamp(34px,4vw,52px)/1.04 var(--brand-heading);letter-spacing:-.045em}.ai-provider-admin .admin-title p:last-child{max-width:760px;margin:0;color:#697780;line-height:1.6}.provider-health{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:10px 14px;border-radius:999px;background:#edf1f3;color:#617078;font-size:12px;font-weight:800}.provider-health i{width:9px;height:9px;border-radius:50%;background:#8d989e}.provider-health.connected{background:#e4f6f1;color:#087067}.provider-health.connected i{background:#16a085;box-shadow:0 0 0 5px rgba(22,160,133,.12)}.provider-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px}.ai-provider-admin .admin-card{padding:29px;border:1px solid #dbe2e7;border-radius:20px;background:#fff;box-shadow:0 12px 38px rgba(25,38,48,.055)}.provider-form{display:grid;gap:19px}.provider-form>label{display:grid;gap:7px;color:#526068;font-size:12px;font-weight:800}.provider-form>label input[type=password],.provider-form>label input[type=text],.provider-form>label input:not([type]){width:100%;border:1px solid #cfd8de;border-radius:11px;background:#f9fafb;color:#1b272d;padding:12px 13px;font:inherit;outline:0}.provider-form>label input:focus{border-color:#6750e8;background:#fff;box-shadow:0 0 0 3px rgba(103,80,232,.13)}.provider-form>label small{color:#7a8790;font-weight:500;line-height:1.45}.provider-options{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.provider-options label{position:relative;cursor:pointer}.provider-options input{position:absolute;opacity:0}.provider-options span{display:grid;gap:5px;height:100%;padding:17px;border:1px solid #dce3e7;border-radius:14px;background:#f9fafb}.provider-options b{font-size:14px}.provider-options small{color:#748188;font-size:10px;line-height:1.45}.provider-options input:checked+span{border-color:#6750e8;background:#f1edff;box-shadow:0 0 0 2px rgba(103,80,232,.1)}.provider-form .switch-label{display:flex;align-items:center;gap:9px}.provider-form .switch-label input{width:18px;height:18px;accent-color:#6750e8}.provider-form .switch-label.danger{color:#a7433d}.provider-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}.provider-guide{align-self:start}.provider-guide h2{margin:5px 0 8px;font-size:25px}.provider-guide>p:not(.eyebrow){color:#697780;line-height:1.65}.provider-guide dl{margin:22px 0;display:grid;gap:1px;border:1px solid #e0e6ea;border-radius:13px;overflow:hidden;background:#e0e6ea}.provider-guide dl div{display:flex;justify-content:space-between;gap:18px;padding:13px 14px;background:#f8fafb}.provider-guide dt{color:#697780;font-size:11px}.provider-guide dd{margin:0;text-align:right;font-size:11px;font-weight:800}.provider-note{padding:17px;border-radius:14px;background:#fff7df;border:1px solid #f1dfad}.provider-note b{font-size:12px}.provider-note p{margin:6px 0 0;color:#745e32;font-size:11px;line-height:1.55}
html[data-theme="dark"] .ai-provider-admin-body{background:#0d1317}html[data-theme="dark"] .ai-provider-admin .admin-title{border-color:#2c3940;background:linear-gradient(135deg,#151d22,#171626 65%,#11231f);box-shadow:0 18px 55px #0006}html[data-theme="dark"] .ai-provider-admin .admin-title p:last-child{color:#9aa8ae}html[data-theme="dark"] .ai-provider-admin .admin-card{border-color:#2c3940;background:#151d22;box-shadow:0 12px 38px #0005}html[data-theme="dark"] .provider-options span,html[data-theme="dark"] .provider-form>label input{border-color:#35434a;background:#10171b;color:#edf3f5}html[data-theme="dark"] .provider-options input:checked+span{border-color:#8c78ef;background:#241f3b}html[data-theme="dark"] .provider-options small,html[data-theme="dark"] .provider-form>label,html[data-theme="dark"] .provider-form>label small,html[data-theme="dark"] .provider-guide>p:not(.eyebrow){color:#9aa8ae}html[data-theme="dark"] .provider-guide dl{border-color:#2d3940;background:#2d3940}html[data-theme="dark"] .provider-guide dl div{background:#11191e}html[data-theme="dark"] .provider-guide dt{color:#9aa8ae}html[data-theme="dark"] .provider-note{border-color:#5c4b23;background:#2b2415}html[data-theme="dark"] .provider-note p{color:#d8c48f}
@media(max-width:900px){.provider-layout{grid-template-columns:1fr}.provider-options{grid-template-columns:1fr}.provider-guide{order:-1}}@media(max-width:620px){.admin-page.ai-provider-admin{width:calc(100% - 24px);padding:24px 0 50px}.ai-provider-admin .admin-title{align-items:flex-start;flex-direction:column;padding:22px;border-radius:18px}.ai-provider-admin .admin-card{padding:21px}.provider-actions .button{width:100%}}
html[data-theme="dark"]{color-scheme:dark;--paper:#0d1317;--panel:#151d22;--panel-strong:#1b252b;--ink:#edf3f5;--muted:#98a7ae;--line:#2c3940;--soft:#1c272d;--shadow:0 18px 50px #0008;--shadow-soft:0 8px 24px #0005;background:#0d1317}html[data-theme="dark"] body,html[data-theme="dark"] .workspace,html[data-theme="dark"] .workspace-content,html[data-theme="dark"] .settings-page,html[data-theme="dark"] .admin-page,html[data-theme="dark"] .slide-library{background:#0d1317;color:#edf3f5}html[data-theme="dark"] .app-header,html[data-theme="dark"] .workspace-nav,html[data-theme="dark"] .auth-card,html[data-theme="dark"] dialog,html[data-theme="dark"] .admin-card,html[data-theme="dark"] .file-card,html[data-theme="dark"] .deck-card{background:#151d22;color:#edf3f5}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#10171b;color:#edf3f5;border-color:#334149}html[data-theme="dark"] .theme-toggle i{background:#6750e8}html[data-theme="dark"] .theme-toggle i:after{left:12px}html[data-theme="dark"] .preview-art,html[data-theme="dark"] .empty-state{background:#11191d}html[data-theme="dark"] .slide-editor-shell{background:#0e1418;color:#edf3f5}html[data-theme="dark"] .slide-editor-topbar,html[data-theme="dark"] .slide-ribbon,html[data-theme="dark"] .slide-navigator,html[data-theme="dark"] .slide-inspector,html[data-theme="dark"] .slide-export-menu{background:#151d22;color:#edf3f5;border-color:#2c3940}html[data-theme="dark"] .slide-stage-wrap{background:#0e1418}html[data-theme="dark"] .slide-thumb,html[data-theme="dark"] .slide-ribbon button,html[data-theme="dark"] .slide-ribbon label{color:#aeb9bf}
@media(max-width:900px){.account-type-grid,.dashboard-deck-row,.deck-grid,.related-project-grid{grid-template-columns:1fr 1fr}.slide-inspector{display:none}.slide-editor-shell{grid-template-columns:180px 1fr}.slide-stage{width:min(760px,calc(100vw - 230px))}.slide-ribbon{padding-left:190px;padding-right:10px}}@media(max-width:640px){.account-type-grid,.role-choice-grid,.wizard-step [data-context],.dashboard-deck-row,.deck-grid,.related-project-grid{grid-template-columns:1fr}.slide-library{padding:30px 18px}.slide-library>header,.slide-library-feature{align-items:start;gap:20px;flex-direction:column}.slide-library h1{font-size:38px}}

/* Vectra Studio 3.5: complete editor dark mode and AI Auto UX module */
html[data-theme="dark"] .editor-body{--studio-line:#2b3941;--studio-violet:#8d78ff;--studio-mint:#57d2bc;background:#0b1115;color:#eaf0f2}
html[data-theme="dark"] .editor-app,html[data-theme="dark"] .editor-app.inspector-collapsed{background:#0b1115}
html[data-theme="dark"] .editor-topbar{background:rgba(17,24,29,.97);border-color:#2a373e;color:#edf3f5;box-shadow:0 8px 30px #0008}
html[data-theme="dark"] .command-launcher{border-color:#34434a;background:#1b252b;color:#b7c3c8}
html[data-theme="dark"] .command-launcher:hover{border-color:#7665da;background:#2a2447;color:#e4ddff}
html[data-theme="dark"] .file-title-input{background:#111a1f;color:#edf3f5;border-color:#314047;-webkit-text-fill-color:#edf3f5}
html[data-theme="dark"] .file-title-input:hover,html[data-theme="dark"] .file-title-input:focus{background:#172128;color:#fff;border-color:#8d78ff}
html[data-theme="dark"] .editor-file-context small{color:#8fa0a7}
html[data-theme="dark"] .save-state{background:#162822;color:#7fdbc2}
html[data-theme="dark"] .toolbar{border-color:#2d3a41;background:#151e23;box-shadow:0 12px 34px #0008}
html[data-theme="dark"] .tool{color:#aab7bd}html[data-theme="dark"] .tool:hover{background:#243038;color:#fff}html[data-theme="dark"] .tool.active{background:#7964e5;color:#fff}html[data-theme="dark"] .tool-divider{background:#334149}
html[data-theme="dark"] .editor-actions .button.ghost,html[data-theme="dark"] .viewport-pill,html[data-theme="dark"] .full-frame-toggle{border-color:#34434a;background:#151e23;color:#d9e1e4}
html[data-theme="dark"] .editor-actions .button.ghost:hover{border-color:#7464d7;background:#292443;color:#fff}
html[data-theme="dark"] .viewport-pill small{color:#87979f}html[data-theme="dark"] .editor-actions #shareButton{background:#e9eff2;color:#10161a;border-color:#e9eff2}html[data-theme="dark"] .editor-actions #exportButton{background:#8068ed;border-color:#8068ed;color:#fff}
html[data-theme="dark"] .left-panel,html[data-theme="dark"] .right-panel{background:#11191e;color:#dfe7ea;border-color:#29363d;box-shadow:none}
html[data-theme="dark"] .panel-tabs,html[data-theme="dark"] .right-tabs{background:#11191e;border-color:#29363d}
html[data-theme="dark"] .panel-tabs button,html[data-theme="dark"] .right-tabs button{color:#85959d}
html[data-theme="dark"] .panel-tabs button:hover,html[data-theme="dark"] .right-tabs button:hover{background:#1e292f;color:#dfe7ea}
html[data-theme="dark"] .panel-tabs button.active{background:#2b2449;color:#b8a8ff}
html[data-theme="dark"] .right-tabs button.active{background:#8068ed;color:#fff}
html[data-theme="dark"] .panel-heading{color:#83939a}html[data-theme="dark"] .panel-heading button{color:#aebbc0}html[data-theme="dark"] .panel-heading button:hover{background:#292443;color:#d9d0ff}html[data-theme="dark"] .panel-hint{color:#7e8e96}
html[data-theme="dark"] .page-item{color:#aebbc1}html[data-theme="dark"] .page-item:hover{background:#1b252b}html[data-theme="dark"] .page-item.active{border-color:#574b92;background:#2a2447;color:#c2b5ff}html[data-theme="dark"] .page-thumb{border-color:#3a484f;background:#182228;color:#95a5ac}
html[data-theme="dark"] .tree-row{color:#aebbc1}html[data-theme="dark"] .tree-row:before{border-color:#344149}html[data-theme="dark"] .layer-item:hover{background:#1c272d}html[data-theme="dark"] .layer-item.active{background:#2a2447;color:#c4b8ff}html[data-theme="dark"] .tree-row.layer-group>b{color:#c0b4fa}html[data-theme="dark"] .tree-row.layer-group>.layer-kind{color:#a994ff!important}html[data-theme="dark"] .tree-row>.layer-visibility,html[data-theme="dark"] .tree-row>.layer-lock{color:#7c8d94!important}
html[data-theme="dark"] .asset-search input,html[data-theme="dark"] .comment-form textarea{border-color:#344149;background:#0e161a;color:#edf3f5}
html[data-theme="dark"] .library-chips button,html[data-theme="dark"] .asset-grid button{border-color:#303e45;background:#172127;color:#aab8be}
html[data-theme="dark"] .library-chips button.active{background:#8068ed;border-color:#8068ed;color:#fff}html[data-theme="dark"] .asset-grid button:hover{border-color:#7564d5;background:#292443;color:#fff}
html[data-theme="dark"] .canvas-area{background-color:#0d1519;background-image:radial-gradient(#314047 1px,transparent 1px)}
html[data-theme="dark"] .canvas-rule{border-color:#344149;background:rgba(17,25,30,.93);color:#94a4aa;box-shadow:0 10px 30px #0007}html[data-theme="dark"] .canvas-rule i{background:#8c77ff}
html[data-theme="dark"] .isolation-bar{border-color:#55498d;background:#191f27;color:#b8a9ff;box-shadow:0 12px 30px #0008}html[data-theme="dark"] .isolation-bar b{color:#edf3f5}
html[data-theme="dark"] .zoom-control{border-color:#344149;background:#151e23;box-shadow:0 12px 34px #0008}html[data-theme="dark"] .zoom-control button{border-color:#344149;color:#b5c1c6}
html[data-theme="dark"] .inspect-section{border-color:#28353b}html[data-theme="dark"] .inspect-section .inspect-heading,html[data-theme="dark"] .inspect-section h3{color:#e8eef1}html[data-theme="dark"] .inspect-section label{color:#95a5ac}
html[data-theme="dark"] .inspect-section input,html[data-theme="dark"] .inspect-section select,html[data-theme="dark"] .color-field{border-color:#35434a;background:#151f24;color:#e8eef1;-webkit-text-fill-color:#e8eef1;opacity:1}
html[data-theme="dark"] .inspect-section input:disabled,html[data-theme="dark"] .inspect-section select:disabled{border-color:#2b383e;background:#1c252a;color:#8e9ca2;-webkit-text-fill-color:#8e9ca2;opacity:1;cursor:not-allowed}
html[data-theme="dark"] .inspect-section input::placeholder{color:#718188}
html[data-theme="dark"] .align-row button{border-color:#35434a;background:#162026;color:#aebbc1}html[data-theme="dark"] .align-row button:hover{border-color:#7564d5;background:#292443;color:#dcd4ff}
html[data-theme="dark"] .prototype-tip{border-color:#50457f;background:#292443;color:#c8bdff}
html[data-theme="dark"] .mode-switcher{border-color:#35434a;background:rgba(19,28,33,.96);box-shadow:0 16px 44px #0009}html[data-theme="dark"] .mode-switcher button{color:#93a3aa}html[data-theme="dark"] .mode-switcher button.active{background:#8068ed;color:#fff}
html[data-theme="dark"] .dev-handoff{border-color:#344149;background:rgba(17,25,30,.99);color:#e9eff2;box-shadow:0 30px 90px #000c}html[data-theme="dark"] .dev-handoff>header button{background:#233038;color:#b8c4c9}html[data-theme="dark"] .dev-code-tabs button{border-color:#344149;background:#151e23;color:#9aa9af}html[data-theme="dark"] .dev-code-tabs button.active{border-color:#8068ed;background:#2a2447;color:#c9beff}
html[data-theme="dark"] .editor-body dialog,html[data-theme="dark"] .editor-body .dialog-card{background:#141d22;color:#eaf0f2;border-color:#344149}
html[data-theme="dark"] .editor-body dialog input,html[data-theme="dark"] .editor-body dialog select,html[data-theme="dark"] .editor-body dialog textarea{background:#0f171b;color:#edf3f5;border-color:#35434a}
html[data-theme="dark"] .editor-body .theme-toggle{border-color:#34434a;background:#151e23;color:#aebbc0}

.dashboard-ai-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:24px 0;padding:25px 28px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:19px;background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 11%,var(--panel)),color-mix(in srgb,var(--teal) 10%,var(--panel)));box-shadow:var(--shadow-soft)}
.dashboard-ai-copy{display:flex;align-items:flex-start;gap:18px}.dashboard-ai-copy .ai-spark{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:linear-gradient(145deg,var(--primary),var(--teal));color:#fff;font-size:22px;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 30%,transparent)}.dashboard-ai-copy h2{margin:3px 0 5px;font-size:22px}.dashboard-ai-copy p:last-child{margin:0;color:var(--muted);max-width:760px;line-height:1.5}.ai-launch-button{white-space:nowrap;background:#161b24;color:#fff;border-color:#161b24}.ai-launch-button span{margin-left:8px}.ai-nav-item{color:var(--primary)!important;font-weight:800}
.ai-studio-body{min-height:100vh;background:#0b1115}.ai-studio-body>.app-header,.ai-studio-body>.app-drawer,.ai-studio-body>.drawer-overlay{display:none}.ai-studio{min-height:100vh;display:grid;grid-template-columns:360px minmax(0,1fr);background:#eef1f4;color:#172127}.ai-rail{position:sticky;top:0;height:100vh;padding:34px;background:radial-gradient(circle at 10% 0,#7f69ee55,transparent 42%),linear-gradient(160deg,#10171c,#162128);color:#f1f5f6;overflow:auto}.ai-back{display:inline-flex;color:#aebbc0;text-decoration:none;margin-bottom:55px}.ai-back:hover{color:#fff}.ai-brand-orb{display:grid;place-items:center;width:64px;height:64px;border-radius:19px;background:linear-gradient(145deg,#8068ed,#4ecdb4);font-weight:900;font-size:18px;box-shadow:0 20px 48px #0007}.ai-rail .eyebrow{color:#9d8bff;margin-top:24px}.ai-rail h1{font-size:44px;line-height:1.02;margin:12px 0 18px}.ai-rail>p:not(.eyebrow){color:#aab7bd;line-height:1.65}.ai-promise{display:grid;gap:11px;margin-top:38px;padding:20px;border:1px solid #2f3e46;border-radius:17px;background:#ffffff08}.ai-promise b{margin-bottom:5px}.ai-promise span{color:#aebbc0;font-size:13px}.ai-promise span::first-letter{color:#50d1b6}
.ai-composer{padding:42px clamp(28px,5vw,78px);overflow:auto}.ai-composer>header{display:flex;align-items:start;justify-content:space-between;gap:20px;max-width:1140px}.ai-composer>header h2{font-size:42px;margin:5px 0 7px}.ai-composer>header p:last-child{color:#6e7882;max-width:720px;line-height:1.55}.ai-engine-status{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dce3e7;border-radius:999px;background:#fff;color:#52616a;font-size:12px;font-weight:750;white-space:nowrap}.ai-engine-status i{width:8px;height:8px;border-radius:50%;background:#45bea6;box-shadow:0 0 0 4px #45bea622}
.ai-header-actions{display:flex;align-items:center;gap:9px}
.ai-art-director{margin-top:24px;padding:18px;border:1px solid #d7dce9;border-radius:18px;background:linear-gradient(135deg,#f8f6ff,#f2fbf9);box-shadow:inset 0 1px #fff}
.ai-art-heading{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px}.ai-art-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#735ce2,#35bea7);color:#fff;font-size:18px;box-shadow:0 10px 24px #6750e829}.ai-art-heading b{display:block;color:#242239;font-size:15px}.ai-art-heading p{margin:3px 0 0;color:#717687;font-size:12px;line-height:1.45}.ai-mode-switch{display:flex;padding:3px;border:1px solid #d4d7e2;border-radius:10px;background:#fff}.ai-mode-switch input{position:absolute;opacity:0}.ai-mode-switch span{display:block;padding:8px 13px;border-radius:7px;color:#727686;font-size:11px;font-weight:850;cursor:pointer}.ai-mode-switch input:checked+span{background:#171927;color:#fff;box-shadow:0 5px 14px #1719272b}
.ai-auto-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;padding:14px;border:1px solid #e1e2eb;border-radius:14px;background:#ffffffc9}.ai-live-palette{display:flex;align-items:center;padding-left:7px}.ai-live-palette i{display:block;width:26px;height:26px;margin-left:-7px;border:3px solid #fff;border-radius:50%;box-shadow:0 3px 8px #20263a21}.ai-auto-summary strong{display:block;color:#29273a;font-size:12px}.ai-auto-summary small{display:block;margin-top:3px;color:#7b7d8c;font-size:11px;line-height:1.4}.ai-auto-badge{padding:6px 9px;border-radius:999px;background:#e7fbf6;color:#14725f;font-size:9px;font-weight:900;letter-spacing:.08em}
.ai-manual-controls{display:none;grid-template-columns:minmax(0,1.5fr) minmax(120px,.5fr) minmax(180px,.7fr);gap:13px;margin-top:15px;padding-top:15px;border-top:1px solid #dedfe8}.ai-art-director.is-manual .ai-manual-controls{display:grid}.ai-art-director.is-manual .ai-auto-summary{display:none}.ai-manual-controls fieldset{margin:0;padding:0;border:0}.ai-manual-controls legend,.ai-manual-controls>label{display:grid;gap:7px;color:#565b6b;font-size:11px;font-weight:800}.ai-manual-controls input,.ai-manual-controls select{width:100%;height:43px;padding:5px 10px;border:1px solid #d4d8e2;border-radius:10px;background:#fff;color:#242735}.ai-manual-controls input[type=color]{padding:5px}
.ai-choice-grid.ai-choice-single{grid-template-columns:1fr}.ai-output-note{display:flex;align-items:center;gap:11px;min-height:62px;padding:9px 12px;border:1px solid #dce2e7;border-radius:11px;background:#f8fafb}.ai-output-note>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#ebe7ff;color:#5d46d0;font-weight:900}.ai-output-note div{display:grid;gap:2px}.ai-output-note b{font-size:12px}.ai-output-note small{color:#7b8790;font-size:10px;line-height:1.35}
.ai-prompt-card{max-width:1140px;margin-top:25px;padding:27px;border:1px solid #dce2e7;border-radius:22px;background:#fff;box-shadow:0 18px 55px #26323f0c}.ai-prompt-label{display:grid;gap:9px;font-weight:800}.ai-prompt-label textarea{min-height:165px;resize:vertical;padding:18px;border:1px solid #ccd5db;border-radius:15px;background:#f8fafb;color:#172127;font:500 16px/1.55 inherit;outline:0}.ai-prompt-label textarea:focus{border-color:#8068ed;box-shadow:0 0 0 3px #8068ed1b;background:#fff}.ai-prompt-label small{color:#7b8790;font-weight:500}.ai-brief-guide{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.ai-brief-guide>span{color:#6e7b84;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.ai-brief-guide button{padding:7px 10px;border:1px solid #d9dfe4;border-radius:999px;background:#f8fafb;color:#53616a;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.ai-brief-guide button:hover{border-color:#8068ed;color:#5c46ce;background:#f4f1ff}.ai-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.ai-choice-grid fieldset{margin:0;padding:0;border:0}.ai-choice-grid legend{margin-bottom:9px;font-size:12px;font-weight:800;color:#52616a}.ai-segmented{display:grid;grid-template-columns:repeat(4,1fr);padding:4px;border:1px solid #dce2e7;border-radius:12px;background:#f3f5f7}.ai-segmented input{position:absolute;opacity:0}.ai-segmented span{display:grid;place-items:center;min-height:38px;border-radius:8px;color:#6f7a84;font-size:12px;font-weight:750;cursor:pointer}.ai-segmented input:checked+span{background:#fff;color:#5c46ce;box-shadow:0 4px 12px #23303c16}.ai-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ai-fields label{display:grid;gap:7px;color:#56636c;font-size:12px;font-weight:800}.ai-fields input,.ai-fields select{width:100%;height:43px;border:1px solid #d6dee3;border-radius:10px;background:#fafbfc;color:#1c272d;padding:0 12px}.ai-fields input[type=color]{padding:5px}.ai-generate-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px -27px -27px;padding:20px 27px;border-top:1px solid #e3e8eb;background:#f8fafb;border-radius:0 0 22px 22px}.ai-generate-bar>div{display:grid}.ai-generate-bar small{color:#75818a;margin-top:3px}.ai-generate-button{min-width:205px;min-height:48px;background:linear-gradient(135deg,#755ce3,#4abfa9);border:0;box-shadow:0 12px 28px #6750e82b}.ai-prompt-card.is-generating .ai-generate-button{position:relative;cursor:wait;opacity:.92}.ai-prompt-card.is-generating .ai-generate-button::before{content:"";width:15px;height:15px;margin-right:9px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:ai-spin .7s linear infinite}.ai-prompt-card.is-generating textarea,.ai-prompt-card.is-generating input,.ai-prompt-card.is-generating select,.ai-prompt-card.is-generating .ai-segmented,.ai-prompt-card.is-generating .ai-brief-guide{pointer-events:none;opacity:.7}@keyframes ai-spin{to{transform:rotate(360deg)}}
.ai-history{max-width:1140px;margin-top:38px}.ai-history-empty{padding:34px;border:1px dashed #cbd4da;border-radius:16px;color:#7c8891;text-align:center;background:#f7f9fa}.ai-history-grid{display:grid;gap:10px}.ai-history-grid a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:15px;border:1px solid #dce2e7;border-radius:14px;background:#fff;color:#1c272d;text-decoration:none}.ai-history-grid>a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eeeaff;color:#6750e8}.ai-history-grid div{display:grid;gap:3px}.ai-history-grid small{color:#7a8790}.ai-history-grid p{margin:3px 0 0;color:#56636c;font-size:12px}.ai-history-grid em{color:#6750e8;font-style:normal;font-weight:800}.ai-empty{margin-top:25px;padding:35px;border:1px solid #dce2e7;border-radius:18px;background:#fff}
html[data-theme="dark"] .dashboard-ai-banner{background:linear-gradient(120deg,#292443,#142e2b);border-color:#4c456e}html[data-theme="dark"] .ai-launch-button{background:#eef3f5;color:#11181c;border-color:#eef3f5}
html[data-theme="dark"] .ai-studio{background:#0d1418;color:#edf3f5}html[data-theme="dark"] .ai-composer>header p:last-child{color:#99a7ad}html[data-theme="dark"] .ai-engine-status,html[data-theme="dark"] .ai-prompt-card,html[data-theme="dark"] .ai-history-grid a,html[data-theme="dark"] .ai-empty{background:#151e23;color:#edf3f5;border-color:#2e3c43}html[data-theme="dark"] .ai-prompt-label textarea,html[data-theme="dark"] .ai-fields input,html[data-theme="dark"] .ai-fields select{background:#0f171b;color:#edf3f5;border-color:#35434a}html[data-theme="dark"] .ai-brief-guide>span{color:#91a1a8}html[data-theme="dark"] .ai-brief-guide button{background:#11191e;color:#aebbc0;border-color:#35434a}html[data-theme="dark"] .ai-brief-guide button:hover{background:#292443;color:#c8bdff;border-color:#695ca0}html[data-theme="dark"] .ai-segmented{background:#10181c;border-color:#35434a}html[data-theme="dark"] .ai-segmented input:checked+span{background:#2a2447;color:#c8bdff}html[data-theme="dark"] .ai-generate-bar{background:#11191e;border-color:#2e3c43}html[data-theme="dark"] .ai-history-grid p{color:#a3b0b6}html[data-theme="dark"] .ai-history-empty{background:#11191e;border-color:#35434a;color:#8fa0a7}html[data-theme="dark"] .ai-art-director{background:linear-gradient(135deg,#211d35,#142b29);border-color:#3d4052;box-shadow:none}html[data-theme="dark"] .ai-art-heading b,html[data-theme="dark"] .ai-auto-summary strong{color:#eef2f4}html[data-theme="dark"] .ai-art-heading p,html[data-theme="dark"] .ai-auto-summary small{color:#9ca7ad}html[data-theme="dark"] .ai-mode-switch,html[data-theme="dark"] .ai-auto-summary,html[data-theme="dark"] .ai-manual-controls input,html[data-theme="dark"] .ai-manual-controls select{background:#10171c;border-color:#39444a;color:#edf3f5}html[data-theme="dark"] .ai-mode-switch input:checked+span{background:#e9eef0;color:#12181b}html[data-theme="dark"] .ai-manual-controls{border-color:#3d464d}html[data-theme="dark"] .ai-manual-controls legend,html[data-theme="dark"] .ai-manual-controls>label{color:#b4bec3}html[data-theme="dark"] .ai-output-note{background:#10171b;border-color:#35434a}html[data-theme="dark"] .ai-output-note>span{background:#2c2750;color:#c8bdff}
@media(max-width:1050px){.ai-studio{grid-template-columns:280px 1fr}.ai-rail{padding:27px}.ai-rail h1{font-size:35px}.ai-choice-grid{grid-template-columns:1fr}.ai-fields{grid-template-columns:1fr 1fr}.dashboard-ai-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.ai-studio{display:block}.ai-rail{position:relative;height:auto}.ai-back{margin-bottom:25px}.ai-promise{display:none}.ai-composer{padding:28px 18px}.ai-composer>header{display:grid}.ai-composer>header h2{font-size:32px}.ai-fields{grid-template-columns:1fr}.ai-segmented{grid-template-columns:1fr 1fr}.ai-generate-bar{align-items:stretch;flex-direction:column}.ai-history-grid a{grid-template-columns:42px 1fr}.ai-history-grid em{display:none}.ai-art-heading{grid-template-columns:44px 1fr}.ai-mode-switch{grid-column:1/-1}.ai-auto-summary{grid-template-columns:1fr}.ai-live-palette{padding-left:7px}.ai-auto-badge{justify-self:start}.ai-manual-controls{grid-template-columns:1fr}}

/* Vectra Studio 3.5.1: viewport and appearance controls in the left-panel dock */
.left-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.left-panel>.panel-section{grid-row:2;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.editor-viewport-dock{grid-row:3;display:grid;gap:8px;padding:10px;border-top:1px solid #e1e5ea;background:rgba(255,255,255,.98);box-shadow:0 -10px 24px rgba(36,42,58,.05)}
.editor-viewport-dock .viewport-pill{width:100%;height:48px;display:grid;grid-template-columns:30px minmax(0,1fr) auto 12px;align-items:center;gap:8px;padding:6px 9px;border:1px solid #dde2e7;border-radius:12px;background:#f8fafb;color:#2b3440;text-align:left;cursor:pointer}
.editor-viewport-dock .viewport-pill:hover{border-color:#a99fe0;background:#f4f1ff}
.dock-control-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ece8ff;color:#654fd2;font-size:17px}
.dock-control-copy{display:grid;gap:1px;min-width:0}.dock-control-copy b{font-size:10px}.dock-control-copy em{overflow:hidden;color:#707b86;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.editor-viewport-dock .viewport-pill>small{color:#7e8892;font-size:8px;white-space:nowrap}.editor-viewport-dock .viewport-pill>i{color:#8d96a0;font-size:16px;font-style:normal}
.dock-control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px}
.editor-viewport-dock .dock-framing-control{display:flex;align-items:center;gap:8px;min-height:42px;margin:0;padding:6px 9px;border:1px solid #dde2e7;border-radius:11px;background:#fff;color:#313a46;cursor:pointer}
.dock-framing-control input{width:15px;height:15px;margin:0;accent-color:#6750d8}.dock-framing-control>span{display:grid;gap:1px}.dock-framing-control b{font-size:9px}.dock-framing-control small{color:#818b95;font-size:7px}
.editor-viewport-dock .dock-theme-control{align-self:stretch;justify-content:center;min-width:78px;margin:0;border-color:#dde2e7;background:#fff}
html[data-theme="dark"] .editor-viewport-dock{border-color:#29363d;background:rgba(17,25,30,.98);box-shadow:0 -12px 30px #0006}
html[data-theme="dark"] .editor-viewport-dock .viewport-pill,html[data-theme="dark"] .editor-viewport-dock .dock-framing-control,html[data-theme="dark"] .editor-viewport-dock .dock-theme-control{border-color:#34434a;background:#172127;color:#dce5e8}
html[data-theme="dark"] .editor-viewport-dock .viewport-pill:hover{border-color:#7564d5;background:#292443}
html[data-theme="dark"] .dock-control-icon{background:#2a2447;color:#bbaeff}
html[data-theme="dark"] .dock-control-copy em,html[data-theme="dark"] .editor-viewport-dock .viewport-pill>small,html[data-theme="dark"] .dock-framing-control small{color:#8d9ca3}
@media(max-width:760px){.editor-viewport-dock{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
@media(max-width:900px){.editor-viewport-dock .viewport-pill{display:grid}}
.canvas-rule{transition:opacity .28s ease,transform .28s ease}
.canvas-rule.is-hiding{opacity:0;transform:translate(-50%,-8px)}
.tree-row.screen-root{margin-bottom:5px;border:1px solid #cfc7f5;background:#f3f0ff;color:#4f3bb7}.tree-row.screen-root:hover{background:#ece7ff}.tree-row.screen-root>b:after{content:"ROOT";display:inline-grid;place-items:center;margin-left:7px;padding:2px 5px;border-radius:999px;background:#6750d8;color:#fff;font-size:6px;font-weight:900;letter-spacing:.08em;vertical-align:middle}.tree-row.screen-root>.layer-kind{color:#6750d8!important}
html[data-theme="dark"] .tree-row.screen-root{border-color:#51467f;background:#292443;color:#c9beff}html[data-theme="dark"] .tree-row.screen-root:hover{background:#30294e}

/* Vectra Studio 3.5.2: full-design Dev Mode code dialog */
.dev-code-dialog{position:fixed;inset:0;width:min(1040px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));max-width:none;max-height:none;margin:auto;padding:0;grid-template-rows:auto auto auto minmax(0,1fr) auto;border:1px solid #d9dde4;border-radius:20px;background:#fff;color:#222936;box-shadow:0 32px 100px rgba(24,29,42,.34);overflow:hidden}
.dev-code-dialog:not([open]){display:none}.dev-code-dialog[open]{display:grid}
.dev-code-dialog::backdrop{background:rgba(13,18,24,.68);backdrop-filter:blur(7px)}
.dev-code-dialog>header{padding:20px 22px 12px}.dev-code-dialog>.panel-hint{padding:0 22px 13px}.dev-code-dialog .dev-code-tabs{padding:0 22px 12px}
.dev-code-dialog pre{margin:0 22px 18px;padding:20px;font-size:11px;line-height:1.65}
.dev-code-dialog>footer{padding:15px 22px}.dev-code-dialog>footer .button{min-height:42px;font-size:10px}
html[data-theme="dark"] .dev-code-dialog{border-color:#344149;background:#11191e;color:#e9eff2;box-shadow:0 34px 110px #000d}
@media(max-width:760px){.dev-code-dialog{width:calc(100vw - 20px);height:calc(100vh - 20px);border-radius:16px}.dev-code-dialog>footer{display:grid;grid-template-columns:1fr}.dev-code-dialog pre{margin-inline:12px}.dev-code-dialog>header,.dev-code-dialog>.panel-hint,.dev-code-dialog .dev-code-tabs,.dev-code-dialog>footer{padding-inline:14px}}

/* Vectra Studio 3.6: recoverable Bin and governed global theme */
html,body,button,input,select,textarea{font-family:var(--brand-body,"Inter",system-ui,sans-serif)}
h1,h2,h3,h4,.brand,.public-brand,.management-hero h1,.admin-title h1{font-family:var(--brand-heading,"Manrope",system-ui,sans-serif)}
.brand-mark.has-image,.public-brand-mark.has-image,.slide-logo.has-image,.app-menu-mark.has-image,.editor-app-launcher.has-image{padding:3px;background:var(--brand-paper,#fff);overflow:hidden}
.brand-mark.has-image img,.public-brand-mark.has-image img,.slide-logo.has-image img,.app-menu-mark.has-image img,.editor-app-launcher.has-image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.editor-app-launcher.has-image{border:1px solid var(--studio-line)}
.public-announcement{padding:9px 22px;background:var(--brand-secondary,var(--teal));color:#fff;text-align:center;font-size:12px;font-weight:800;letter-spacing:.02em}
.public-footer small{display:block;margin-top:14px;color:#9da5a8;line-height:1.5}
.file-card-menu-button{position:absolute;z-index:5;right:10px;top:10px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:10px;background:rgba(18,25,29,.82);color:#fff;font-weight:900;letter-spacing:.08em;box-shadow:0 7px 20px rgba(0,0,0,.18);backdrop-filter:blur(10px);opacity:0;transform:translateY(-3px)}
.file-card:hover .file-card-menu-button,.file-card:focus-within .file-card-menu-button{opacity:1;transform:none}.file-card-menu-button:hover{border-color:#fff;background:var(--primary)}
.bin-page{min-height:calc(100vh - 72px);padding:48px clamp(20px,5vw,76px);background:color-mix(in srgb,var(--brand-paper,#fff) 40%,#f4f5f7);color:var(--ink)}
.bin-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:1450px;margin:0 auto 24px}.bin-hero h1{margin:3px 0 8px;font-size:clamp(42px,6vw,72px);letter-spacing:-.05em}.bin-hero p:last-child{max-width:720px;margin:0;color:var(--muted);line-height:1.6}
.bin-policy{display:flex;align-items:center;gap:13px;max-width:1450px;margin:0 auto 25px;padding:15px 17px;border:1px solid color-mix(in srgb,var(--brand-secondary) 28%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--brand-secondary) 8%,#fff)}.bin-policy>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--brand-secondary);color:#fff;font-size:19px}.bin-policy div{display:grid;gap:3px}.bin-policy small{color:var(--muted)}
.bin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1450px;margin:auto}.bin-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--panel,#fff);box-shadow:var(--shadow-soft)}.bin-preview{position:relative;height:230px;background:#e7eaec;overflow:hidden}.bin-preview>img,.bin-preview>.preview-art{width:100%;height:100%;object-fit:cover}.bin-preview>span{position:absolute;right:13px;top:13px;padding:7px 10px;border-radius:999px;background:rgba(17,24,28,.86);color:#fff;font-size:10px;font-weight:850;backdrop-filter:blur(8px)}.bin-card-body{display:grid;gap:18px;padding:18px}.bin-card-body h2{margin:0 0 5px;font-size:18px}.bin-card-body p{margin:0 0 5px;color:var(--muted)}.bin-card-body small{color:var(--muted)}.bin-actions{display:flex;gap:8px}.bin-actions form{flex:1}.bin-actions .button{width:100%;font-size:11px}.danger-button{border-color:#f1b7b2!important;background:#fff2f1!important;color:#a83b32!important}
.theme-font-count{padding:9px 13px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,#fff);color:var(--primary);font-size:11px;font-weight:900;white-space:nowrap}.theme-studio>section{grid-template-columns:minmax(430px,620px) minmax(420px,1fr);align-items:start}.theme-controls{padding:0;background:transparent;border:0}.theme-control-group{display:grid;gap:13px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel,#fff);box-shadow:var(--shadow-soft)}.theme-control-group>header{display:flex;align-items:center;gap:12px;margin-bottom:3px}.theme-control-group>header>span{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:11px;background:color-mix(in srgb,var(--primary) 12%,#fff);color:var(--primary);font-size:10px;font-weight:900}.theme-control-group>header>div{display:grid;gap:2px}.theme-control-group>header b{font-size:14px}.theme-control-group>header small,.theme-font-note{color:var(--muted);font-size:10px}.theme-control-group label>small{color:var(--muted);font-size:9px;font-weight:500}.theme-control-group input[type=file]{height:auto;padding:9px;font-size:10px}.theme-colour-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.theme-colour-grid label{display:grid;gap:5px;padding:9px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--brand-paper) 32%,#fff)}.theme-colour-grid input{width:100%;height:45px;padding:2px;border:0}.theme-colour-grid code{color:var(--muted);font-size:9px;text-align:center}.current-brand-assets{display:flex;gap:9px;flex-wrap:wrap}.current-brand-assets span{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:9px}.current-brand-assets img{width:30px;height:30px;object-fit:contain;border-radius:7px;background:#fff}.theme-publish{position:sticky;bottom:14px;z-index:3;min-height:50px;box-shadow:0 15px 36px color-mix(in srgb,var(--primary) 28%,transparent)}.theme-preview{position:sticky;top:92px;overflow:hidden;font-family:var(--body);box-shadow:0 25px 70px rgba(31,36,46,.12)}.theme-preview h2{font-family:var(--head)}.preview-announcement{margin:-28px -28px 20px;padding:9px;background:var(--s);color:#fff;text-align:center;font:800 10px var(--body)}.preview-nav{font-family:var(--body)}.preview-nav b span.has-image{background:#fff}.preview-hero p{font-family:var(--body)}.preview-footer{display:flex;justify-content:space-between;gap:16px;margin:80px -28px -28px;padding:22px 28px;background:color-mix(in srgb,var(--i) 94%,#fff);color:#fff;font-family:var(--body)}.preview-footer span{color:#ffffffb8;font-size:11px}
html[data-theme="dark"] .bin-page{background:#0d1317;color:#edf3f5}html[data-theme="dark"] .bin-policy{border-color:#31544f;background:#152824}html[data-theme="dark"] .bin-card,html[data-theme="dark"] .theme-control-group{border-color:#334149;background:#151d22;color:#edf3f5}html[data-theme="dark"] .danger-button{border-color:#733f3a!important;background:#382321!important;color:#ffafa7!important}html[data-theme="dark"] .theme-font-count,html[data-theme="dark"] .theme-control-group>header>span{background:#292443;border-color:#50457f;color:#c7bcff}html[data-theme="dark"] .theme-colour-grid label{background:#10171b;border-color:#334149}
@media(max-width:1100px){.bin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-studio>section{grid-template-columns:1fr}.theme-preview{position:static}}@media(max-width:680px){.file-card-menu-button{opacity:1;transform:none}.bin-page{padding-top:28px}.bin-hero{align-items:flex-start;flex-direction:column}.bin-grid{grid-template-columns:1fr}.bin-preview{height:210px}.theme-colour-grid{grid-template-columns:1fr 1fr}.theme-control-group .field-row{grid-template-columns:1fr}.preview-footer{flex-direction:column}}
/* v3.6.1: Theme Builder is the authoritative colour source for platform
   identity marks. Uploaded logo artwork is excluded and keeps its own colours. */
.brand-mark:not(.has-image),
.public-brand-mark:not(.has-image),
.slide-logo:not(.has-image),
.app-menu-mark:not(.has-image),
.editor-app-launcher:not(.has-image),
.editor-brand .brand-mark:not(.has-image),
.company-monogram,
.company-switcher .company-dot,
.app-drawer > footer > .drawer-company-mark {
    background: linear-gradient(
        135deg,
        var(--brand-primary, var(--primary)),
        var(--brand-secondary, var(--teal))
    ) !important;
    border-color: color-mix(in srgb, var(--brand-primary, var(--primary)) 34%, transparent) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--brand-primary, var(--primary)) 22%, transparent) !important;
    color: #fff !important;
}

.company-switcher .company-dot {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary, var(--primary)) 12%, transparent) !important;
}

/* Editor tools and selection accents follow the same global theme. */
.editor-body {
    --studio-violet: var(--brand-primary, var(--primary)) !important;
    --studio-mint: var(--brand-secondary, var(--teal)) !important;
}

.editor-body .tool.active,
.editor-body .right-tabs button.active,
.editor-body .mode-switcher button.active,
.editor-body #exportButton,
.editor-body .export-trigger,
.editor-body .library-chips button.active {
    background: var(--brand-primary, var(--primary)) !important;
    border-color: var(--brand-primary, var(--primary)) !important;
    color: #fff !important;
}

.editor-body .page-item.active,
.editor-body .layer-item.active,
.editor-body .panel-tabs button.active,
.editor-body .tree-row.selected {
    background: color-mix(in srgb, var(--brand-primary, var(--primary)) 15%, var(--panel, #fff)) !important;
    border-color: color-mix(in srgb, var(--brand-primary, var(--primary)) 52%, var(--line)) !important;
    color: var(--brand-primary, var(--primary)) !important;
}

.editor-body .template-icon,
.editor-body .ai-art-icon,
.editor-body .ai-spark,
.editor-body .empty-canvas-spark {
    color: var(--brand-primary, var(--primary)) !important;
}

.theme-toggle i,
html[data-theme="dark"] .theme-toggle i {
    background: var(--brand-primary, var(--primary)) !important;
}

.editor-body .full-frame-toggle input {
    accent-color: var(--brand-primary, var(--primary)) !important;
}

/* v3.6.2: governed application typography.
   Existing canvas objects retain their explicitly selected fontFamily; the
   application chrome and new editor objects follow the published global theme. */
html,
body,
body button,
body input,
body select,
body textarea,
body option,
body optgroup {
    font-family: var(--brand-body, "Inter", system-ui, sans-serif) !important;
    font-kerning: normal;
    font-optical-sizing: auto;
}

body {
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .brand,
body .public-brand,
body .workspace-title h1,
body .section-heading h2,
body .dialog-title h2,
body .management-hero h1,
body .admin-title h1,
body .ai-rail h1,
body .ai-composer > header h2,
body .slide-library h1,
body .slide-library-feature h2,
body .slide-safe-area h1,
body .empty-state h3 {
    font-family: var(--brand-heading, "Manrope", system-ui, sans-serif) !important;
    font-kerning: normal;
    font-optical-sizing: auto;
}

body h1,
body h2,
body h3,
body .workspace-title h1,
body .management-hero h1,
body .admin-title h1,
body .ai-rail h1,
body .slide-library h1 {
    letter-spacing: -0.025em;
    text-wrap: balance;
}

body p,
body .management-hero p,
body .ai-composer p,
body .slide-library p {
    text-wrap: pretty;
}

/* Technical handoff content must remain aligned and copy-safe. */
body code,
body pre,
body kbd,
body samp,
body .dev-handoff pre {
    font-family: "IBM Plex Mono", "Courier New", monospace !important;
    font-optical-sizing: auto;
}

/* v3.6.3: readable Design Page interface scale.
   These rules affect editor chrome only. Fabric canvas objects keep their own
   stored fontSize and fontFamily values so saved designs do not change. */
.editor-body {
    font-size: 14px;
}

.editor-body .file-title-input {
    font-size: 14px;
}

.editor-body .save-state,
.editor-body .editor-file-context small,
.editor-body .editor-actions .button,
.editor-body .viewport-pill,
.editor-body .full-frame-toggle,
.editor-body .theme-toggle {
    font-size: 12px;
}

.editor-body .panel-tabs button,
.editor-body .right-tabs button {
    font-size: 12px;
}

.editor-body .panel-heading {
    font-size: 11px;
}

.editor-body .page-item b,
.editor-body .tree-row > b,
.editor-body .layer-item b {
    font-size: 12px;
    line-height: 1.35;
}

.editor-body .page-thumb {
    font-size: 9px;
}

.editor-body .panel-hint,
.editor-body .asset-search input,
.editor-body .library-chips button,
.editor-body .review-tabs button,
.editor-body .comment-form textarea,
.editor-body .asset-grid button,
.editor-body .asset-grid b {
    font-size: 11px;
}

.editor-body .inspect-heading b,
.editor-body .inspect-section h3 {
    font-size: 13px;
}

.editor-body .inspect-section label {
    font-size: 11px;
    line-height: 1.35;
}

.editor-body .inspect-section input,
.editor-body .inspect-section select,
.editor-body .prototype-tip,
.editor-body .range-field output {
    font-size: 12px;
}

.editor-body .align-row button,
.editor-body .zoom-control button,
.editor-body .mode-switcher button {
    font-size: 12px;
}

.editor-body .context-menu button,
.editor-body .app-menu-grid button,
.editor-body .app-menu-search b {
    font-size: 12px;
}

.editor-body .vectra-app-menu > header small,
.editor-body .app-menu-grid small,
.editor-body .vectra-app-menu > footer a,
.editor-body .app-menu-back small {
    font-size: 10px;
}

.editor-body .canvas-empty b {
    font-size: 18px;
}

.editor-body .canvas-empty small,
.editor-body .canvas-rule,
.editor-body .isolation-bar,
.editor-body .transform-hint {
    font-size: 11px;
}

.editor-body .dock-control-copy b,
.editor-body .dock-framing-control b {
    font-size: 11px;
}

.editor-body .dock-control-copy em,
.editor-body .dock-framing-control small,
.editor-body .editor-viewport-dock .viewport-pill > small {
    font-size: 9px;
}

.editor-body .dev-code-tabs button,
.editor-body .dev-handoff > header,
.editor-body .dev-handoff > footer .button {
    font-size: 12px;
}

.editor-body .tool {
    font-size: 17px;
}

.editor-body .tool small {
    font-size: 8px;
}

/* v3.6.4: unified Design Page button system.
   Controls share one height, radius, weight and interaction language while
   tool icons, segmented tabs and asset cards retain their correct roles. */
.editor-body {
    --editor-control-height: 40px;
    --editor-control-compact: 34px;
    --editor-control-radius: 10px;
    --editor-control-border: #dfe3e8;
    --editor-control-bg: #fff;
    --editor-control-hover: #f3f1fb;
    --editor-control-text: #353d49;
    --editor-control-muted: #77808c;
    --editor-control-accent: var(--brand-primary, var(--primary));
    --editor-control-focus: color-mix(in srgb, var(--editor-control-accent) 24%, transparent);
}

.editor-body button {
    -webkit-tap-highlight-color: transparent;
}

.editor-body button:focus-visible {
    outline: 3px solid var(--editor-control-focus);
    outline-offset: 2px;
}

.editor-body button:disabled,
.editor-body button[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: .46;
    box-shadow: none !important;
    transform: none !important;
}

.editor-body .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: var(--editor-control-height);
    padding: 0 15px;
    border: 1px solid var(--editor-control-border);
    border-radius: var(--editor-control-radius);
    background: var(--editor-control-bg);
    color: var(--editor-control-text);
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(25, 31, 44, .05);
}

.editor-body .button.small {
    min-height: var(--editor-control-height);
    padding: 0 14px;
    font-size: 12px;
}

.editor-body .button:hover {
    border-color: color-mix(in srgb, var(--editor-control-accent) 38%, var(--editor-control-border));
    background: var(--editor-control-hover);
    color: var(--editor-control-text);
    box-shadow: 0 5px 14px rgba(35, 40, 56, .09);
    transform: none;
}

.editor-body .button:active {
    box-shadow: 0 1px 3px rgba(35, 40, 56, .09);
    transform: translateY(1px);
}

.editor-body .button.primary,
.editor-body #exportButton,
.editor-body #sideExportButton,
.editor-body #downloadExport,
.editor-body #createShare,
.editor-body #exportCodePackage {
    border-color: var(--editor-control-accent);
    background: var(--editor-control-accent);
    color: #fff;
    box-shadow: 0 5px 14px color-mix(in srgb, var(--editor-control-accent) 24%, transparent);
}

.editor-body .button.primary:hover,
.editor-body #exportButton:hover,
.editor-body #sideExportButton:hover,
.editor-body #downloadExport:hover,
.editor-body #createShare:hover,
.editor-body #exportCodePackage:hover {
    border-color: color-mix(in srgb, var(--editor-control-accent) 80%, #000);
    background: color-mix(in srgb, var(--editor-control-accent) 88%, #000);
    color: #fff;
}

.editor-body #shareButton {
    border-color: #1b222c;
    background: #1b222c;
    color: #fff;
}

.editor-body #shareButton:hover {
    border-color: #303946;
    background: #303946;
    color: #fff;
}

.editor-body .tool,
.editor-body .command-launcher {
    display: inline-grid;
    place-items: center;
    width: 38px;
    min-width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 9px;
    line-height: 1;
}

.editor-body .tool:hover,
.editor-body .command-launcher:hover {
    border-color: var(--editor-control-border);
}

.editor-body .tool:active,
.editor-body .command-launcher:active {
    transform: translateY(1px);
}

.editor-body .panel-tabs,
.editor-body .right-tabs,
.editor-body .review-tabs {
    gap: 4px;
}

.editor-body .panel-tabs button,
.editor-body .right-tabs button,
.editor-body .review-tabs button {
    min-height: var(--editor-control-height);
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: var(--editor-control-radius);
    font-weight: 750;
    line-height: 1;
}

.editor-body .panel-tabs button:hover,
.editor-body .right-tabs button:hover,
.editor-body .review-tabs button:hover {
    border-color: var(--editor-control-border);
    background: var(--editor-control-hover);
    color: var(--editor-control-text);
}

.editor-body .panel-heading button,
.editor-body .inspect-heading button,
.editor-body .page-more,
.editor-body .dev-handoff > header button {
    display: inline-grid;
    place-items: center;
    width: var(--editor-control-compact);
    min-width: var(--editor-control-compact);
    height: var(--editor-control-compact);
    padding: 0;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: var(--editor-control-muted);
    line-height: 1;
}

.editor-body .panel-heading button:hover,
.editor-body .inspect-heading button:hover,
.editor-body .page-more:hover,
.editor-body .dev-handoff > header button:hover {
    border-color: var(--editor-control-border);
    background: var(--editor-control-hover);
    color: var(--editor-control-accent);
}

.editor-body .align-row {
    min-height: var(--editor-control-compact);
    border-color: var(--editor-control-border);
    border-radius: 9px;
}

.editor-body .align-row button {
    min-width: var(--editor-control-compact);
    height: var(--editor-control-compact);
    padding: 0;
    border-color: var(--editor-control-border);
    color: var(--editor-control-muted);
}

.editor-body .align-row button:hover {
    background: var(--editor-control-hover);
    color: var(--editor-control-accent);
}

.editor-body .zoom-control {
    padding: 3px;
    border: 1px solid var(--editor-control-border);
    border-radius: 11px;
    background: var(--editor-control-bg);
}

.editor-body .zoom-control button {
    min-width: var(--editor-control-compact);
    height: var(--editor-control-compact);
    padding: 0 9px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--editor-control-text);
    font-weight: 750;
}

.editor-body .zoom-control button:hover {
    background: var(--editor-control-hover);
    color: var(--editor-control-accent);
}

.editor-body .mode-switcher button,
.editor-body .dev-code-tabs button,
.editor-body .library-chips button,
.editor-body .review-tabs button {
    min-height: var(--editor-control-compact);
    border-radius: 9px;
    font-weight: 750;
}

.editor-body .viewport-pill,
.editor-body .dock-framing-control,
.editor-body .dock-theme-control {
    border-radius: 11px;
    box-shadow: 0 1px 2px rgba(25, 31, 44, .04);
}

.editor-body .viewport-pill:hover,
.editor-body .dock-framing-control:hover,
.editor-body .dock-theme-control:hover {
    border-color: color-mix(in srgb, var(--editor-control-accent) 38%, var(--editor-control-border));
    background: var(--editor-control-hover);
}

.editor-body .context-menu button,
.editor-body .app-menu-grid button {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 8px;
    line-height: 1.2;
}

.editor-body .dialog-actions {
    align-items: center;
    gap: 9px;
}

html[data-theme="dark"] .editor-body {
    --editor-control-border: #34434a;
    --editor-control-bg: #151e23;
    --editor-control-hover: #27233d;
    --editor-control-text: #e2e9ec;
    --editor-control-muted: #98a7ae;
}

html[data-theme="dark"] .editor-body #shareButton {
    border-color: #e8eef1;
    background: #e8eef1;
    color: #11171b;
}

html[data-theme="dark"] .editor-body #shareButton:hover {
    border-color: #fff;
    background: #fff;
    color: #11171b;
}

/* v3.7.0: dedicated User Flow workspace and governed watermark console. */
.diagram-library{display:none}
.flow-workspace .standard-library{display:none}
.flow-workspace .diagram-library{display:block;padding:12px}
.flow-workspace .tool[data-tool="pencil"]{display:none}
.flow-workspace .canvas-area{background-color:#f4f6f7;background-image:radial-gradient(#bcc5cb 1.2px,transparent 1.2px);background-size:24px 24px}
.diagram-mode-intro{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,#fff)}
.diagram-mode-intro>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff;font-size:18px}
.diagram-mode-intro>div{display:grid;gap:2px}.diagram-mode-intro b{font-size:12px}.diagram-mode-intro small{color:var(--muted);font-size:9px}
.diagram-group{border-top:1px solid var(--line);padding:4px 0}.diagram-group summary{cursor:pointer;list-style:none;padding:10px 2px;font-size:11px;font-weight:850;color:var(--ink)}.diagram-group summary::-webkit-details-marker{display:none}.diagram-group summary:after{content:"⌄";float:right;color:var(--muted)}.diagram-group:not([open]) summary:after{content:"›"}
.diagram-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:10px}.diagram-grid button{height:69px;padding:5px}.diagram-grid b{font-size:8px!important;line-height:1.15}
.diagram-glyph{display:block;width:31px;height:21px;border:1.7px solid currentColor;background:#fff}.diagram-glyph.rounded{border-radius:7px}.diagram-glyph.ellipse{border-radius:50%}.diagram-glyph.diamond{width:22px;height:22px;transform:rotate(45deg)}.diagram-glyph.parallelogram{transform:skew(-15deg)}.diagram-glyph.hexagon{clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%)}.diagram-glyph.cylinder{border-radius:50%/18%;background:linear-gradient(#fff 0 18%,#ddd 19% 21%,#fff 22%)}.diagram-glyph.document{border-radius:1px 1px 7px 3px}.diagram-glyph.double-rectangle{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4.5px currentColor}.diagram-glyph.key:after{content:"";display:block;width:17px;border-top:1px solid;margin:13px auto}.diagram-glyph.uml-class{background:linear-gradient(#fff 0 30%,currentColor 31% 33%,#fff 34% 63%,currentColor 64% 66%,#fff 67%)}.diagram-glyph.package{position:relative;margin-top:5px}.diagram-glyph.package:before{content:"";position:absolute;left:-2px;top:-8px;width:14px;height:7px;border:1.7px solid;border-bottom:0;background:#fff}.diagram-glyph.note{clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%)}.diagram-arrow{font-size:24px;line-height:1}.diagram-arrow.dashed{letter-spacing:-4px}.diagram-actor{font-size:25px}
.flow-workspace .panel-tabs button[data-tab="assets"].active{background:color-mix(in srgb,var(--primary) 9%,#fff)}
.flow-workspace .canvas-empty span{color:var(--primary)}

.watermark-admin-body{min-height:100vh;background:#f4f6f8}.admin-page.watermark-admin{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:48px 0 72px}.watermark-admin .admin-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:31px 34px;border:1px solid #dbe2e7;border-radius:24px;background:linear-gradient(135deg,#fff,#f4f1ff 65%,#eafaf6);box-shadow:0 18px 55px rgba(26,38,48,.07)}.watermark-admin .admin-title h1{margin:5px 0 8px;font:750 clamp(34px,4vw,52px)/1.04 var(--brand-heading);letter-spacing:-.045em}.watermark-admin .admin-title p:last-child{max-width:760px;margin:0;color:#697780;line-height:1.6}.watermark-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:22px}.watermark-admin .admin-card{padding:29px;border:1px solid #dbe2e7;border-radius:20px;background:#fff;box-shadow:0 12px 38px rgba(25,38,48,.055)}.watermark-form{display:grid;gap:18px}.watermark-form>label:not(.watermark-master),.watermark-form .field-row label{display:grid;gap:7px;color:#526068;font-size:12px;font-weight:800}.watermark-form input:not([type=checkbox]),.watermark-form select{width:100%;min-width:0;border:1px solid #cfd8de;border-radius:11px;background:#f9fafb;color:#1b272d;padding:12px 13px;font:inherit;outline:0}.watermark-form input[type=color]{height:45px;padding:3px}.watermark-form .field-row{display:grid;grid-template-columns:1fr 150px;gap:12px}.watermark-form .field-row.three{grid-template-columns:repeat(3,1fr)}.watermark-master{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px;border:1px solid #dfe5e9;border-radius:14px;background:#f8fafb}.watermark-master.secondary{background:#f4f1ff;border-color:#ded7fa}.watermark-master span{display:grid;gap:4px}.watermark-master b{font-size:13px}.watermark-master small{color:#77858d;font-size:10px;line-height:1.45}.watermark-master input{width:21px;height:21px;accent-color:var(--primary)}.watermark-preview h2{margin:4px 0 16px}.watermark-preview>p:last-child{color:#697780;font-size:11px;line-height:1.6}.watermark-preview-canvas{position:relative;overflow:hidden;display:flex;align-items:center;gap:38px;min-height:390px;padding:45px;border-radius:16px;background-color:#f9fafb;background-image:radial-gradient(#c8d0d5 1px,transparent 1px);background-size:20px 20px}.watermark-preview-canvas>b{position:absolute;z-index:3;color:var(--wm-color);opacity:var(--wm-opacity);font-size:var(--wm-size);font-weight:850;white-space:nowrap;transform:rotate(var(--wm-angle))}.watermark-preview-canvas>b:nth-of-type(1){left:-50px;top:20px}.watermark-preview-canvas>b:nth-of-type(2){left:160px;top:30px}.watermark-preview-canvas>b:nth-of-type(3){left:360px;top:40px}.watermark-preview-canvas>b:nth-of-type(4){left:-20px;top:170px}.watermark-preview-canvas>b:nth-of-type(5){left:180px;top:180px}.watermark-preview-canvas>b:nth-of-type(6){left:380px;top:190px}.watermark-preview-canvas>b:nth-of-type(n+7){top:320px}.watermark-preview-canvas>b:nth-of-type(7){left:-30px}.watermark-preview-canvas>b:nth-of-type(8){left:180px}.watermark-preview-canvas>b:nth-of-type(9){left:390px}.watermark-preview-canvas.center>b:not(:first-of-type),.watermark-preview-canvas.corner>b:not(:last-of-type){display:none}.watermark-preview-canvas.center>b:first-of-type{left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--wm-angle))}.watermark-preview-canvas.corner>b:last-of-type{left:auto;right:18px;top:auto;bottom:18px}.preview-flow-node{position:relative;z-index:2;display:grid;place-items:center;width:115px;height:64px;border:2px solid #6750e8;border-radius:8px;background:#fff;color:#2e2b35;font-size:11px;font-weight:800}.preview-flow-node.start{border-color:#168a68;border-radius:999px}.preview-flow-line{position:absolute;z-index:1;left:145px;right:145px;border-top:2px solid #526169}.preview-flow-line:after{content:"";position:absolute;right:-1px;top:-5px;border:4px solid transparent;border-left-color:#526169}
html[data-theme="dark"] .flow-workspace .canvas-area{background-color:#11181d;background-image:radial-gradient(#3a474e 1.2px,transparent 1.2px)}html[data-theme="dark"] .diagram-mode-intro{background:#241f3b;border-color:#4a3f79}html[data-theme="dark"] .diagram-glyph{background:#172127}
html[data-theme="dark"] .watermark-admin-body{background:#0d1317}html[data-theme="dark"] .watermark-admin .admin-title{border-color:#2c3940;background:linear-gradient(135deg,#151d22,#171626 65%,#11231f)}html[data-theme="dark"] .watermark-admin .admin-title p:last-child,html[data-theme="dark"] .watermark-preview>p:last-child{color:#9aa8ae}html[data-theme="dark"] .watermark-admin .admin-card{border-color:#2c3940;background:#151d22}html[data-theme="dark"] .watermark-master,html[data-theme="dark"] .watermark-form input:not([type=checkbox]),html[data-theme="dark"] .watermark-form select{border-color:#35434a;background:#10171b;color:#edf3f5}html[data-theme="dark"] .watermark-master.secondary{border-color:#493f76;background:#211d35}html[data-theme="dark"] .watermark-form>label:not(.watermark-master),html[data-theme="dark"] .watermark-form .field-row label{color:#aab7bd}html[data-theme="dark"] .watermark-preview-canvas{background-color:#10171b;background-image:radial-gradient(#38464d 1px,transparent 1px)}
@media(max-width:960px){.watermark-layout{grid-template-columns:1fr}.watermark-preview{order:-1}}@media(max-width:620px){.admin-page.watermark-admin{width:calc(100% - 24px);padding:24px 0 50px}.watermark-admin .admin-title{align-items:flex-start;flex-direction:column;padding:22px}.watermark-form .field-row,.watermark-form .field-row.three{grid-template-columns:1fr}.diagram-grid{grid-template-columns:repeat(2,1fr)}}