@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#171321;background:#f7f7fa;font-synthesis:none;--violet:#6d45e8;--violet-soft:#eee9ff;--ink:#171321;--muted:#716b7c;--line:#e9e7ed;--coral:#f26969;--mint:#19a974;--yellow:#c98708}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f7fa}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#171321;color:#fff;padding:22px 16px 18px;display:flex;flex-direction:column;z-index:30}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px 22px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:#7c50ef;border-radius:8px;color:#fff}.brand b{display:block;font-family:Manrope;font-size:15px}.brand small{display:block;color:#b9aecf;font-size:9px;font-weight:700;letter-spacing:1.7px;margin-top:1px}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-label{font-size:10px;color:#857a97;font-weight:700;margin:12px 12px 7px;letter-spacing:1px}.nav-label.spaced{margin-top:22px}.nav-item{border:0;background:transparent;color:#cfc9d8;display:flex;align-items:center;gap:12px;width:100%;height:43px;padding:0 12px;border-radius:7px;text-align:left;font-weight:600;font-size:14px}.nav-item:hover{background:#25202e;color:#fff}.nav-item.active{background:#fff;color:#2c2437}.nav-item.active svg{color:var(--violet)}.nav-count{margin-left:auto;background:#f26969;color:#fff;border-radius:10px;font-size:10px;padding:2px 7px}.sidebar-foot{margin-top:auto;border-top:1px solid #2d2737;padding-top:18px}.storage-line{display:flex;justify-content:space-between;color:#d4cede;font-size:11px}.storage-track{height:5px;background:#30293a;margin:8px 0;border-radius:3px}.storage-track i{display:block;width:18%;height:100%;background:#8d66f4;border-radius:3px}.sidebar-foot>small{color:#7f758e;font-size:10px;display:block;margin-bottom:13px}.workspace{margin-left:248px;min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:20px;position:sticky;top:0;z-index:20}.workspace-picker{display:flex;align-items:center;gap:9px;min-width:175px}.workspace-picker div{display:flex;flex-direction:column}.workspace-picker small{color:var(--muted);font-size:10px}.workspace-picker strong{font-size:13px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eadfff;color:#5b34c9;font-weight:800;font-size:12px}.avatar.mini{width:32px;height:32px;border-radius:8px}.global-search{height:40px;max-width:470px;flex:1;margin:auto;display:flex;align-items:center;gap:9px;background:#f5f4f7;border:1px solid transparent;padding:0 12px;border-radius:7px;color:#817b89}.global-search:focus-within{border-color:#a78cf2;background:#fff}.global-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.global-search kbd{font-size:10px;background:#fff;border:1px solid #ddd9e2;padding:3px 6px;border-radius:4px;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:8px}.system-state{font-size:11px;color:#776f80;display:flex;align-items:center;gap:6px;white-space:nowrap}.system-state i{width:7px;height:7px;border-radius:50%;background:#aaa}.system-state.online i{background:#22b77a}.icon-button{width:38px;height:38px;border:0;background:transparent;display:grid;place-items:center;border-radius:7px;color:#5d5667;position:relative}.icon-button:hover{background:#f1eff5}.icon-button svg{width:19px}.icon-button b{position:absolute;right:3px;top:2px;background:#f26969;color:#fff;width:15px;height:15px;border-radius:8px;font-size:9px;display:grid;place-items:center}.profile-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;font-weight:600;color:#393141}.page{padding:34px 34px 60px;max-width:1540px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.1px;font-weight:800;color:#8a8294}.page-heading h1{font-family:Manrope;margin:5px 0 2px;font-size:28px;letter-spacing:0}.page-heading p,.section-title p{margin:0;color:var(--muted);font-size:13px}.primary-button,.secondary-button{border:0;border-radius:7px;height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px}.primary-button{background:var(--violet);color:#fff;box-shadow:0 7px 18px #6d45e838}.primary-button:hover{background:#5e38d2}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:17px;display:flex;align-items:flex-start;gap:13px;min-width:0}.metric-icon{width:39px;height:39px;border-radius:7px;display:grid;place-items:center;flex:none}.metric-icon.coral{background:#fff0ee;color:#df554f}.metric-icon.violet{background:#eee9ff;color:#6d45e8}.metric-icon.yellow{background:#fff5d9;color:#ad7308}.metric-icon.mint{background:#e5f7f0;color:#138d63}.metric div:last-child{display:grid;grid-template-columns:1fr auto;width:100%;align-items:start}.metric span{color:var(--muted);font-size:11px;font-weight:600;grid-column:1/3}.metric strong{font-family:Manrope;font-size:25px;margin-top:4px}.metric small{font-size:10px;color:#8c8495;align-self:end;margin-bottom:4px;text-align:right}.content-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.65fr);gap:18px}.production-section,.activity,.quick-start{background:#fff;border:1px solid var(--line);border-radius:8px}.production-section{padding:22px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2,.quick-start h2{font-family:Manrope;font-size:17px;margin:0 0 3px}.text-button{border:0;background:transparent;color:var(--violet);font-weight:700;font-size:11px}.production-list{border-top:1px solid var(--line)}.production-row{min-height:79px;display:grid;grid-template-columns:38px minmax(210px,1fr) 116px 90px 36px;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.production-row:last-child{border-bottom:0}.customer-avatar{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:10px}.customer-avatar.coral{background:#fff0ee;color:#ce4f48}.customer-avatar.violet{background:#eee9ff;color:#5f3bc6}.customer-avatar.mint{background:#e4f8f0;color:#11825b}.customer-avatar.yellow{background:#fff4d5;color:#a66b00}.production-main{min-width:0}.order-line{display:flex;gap:7px;align-items:center}.order-line strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-line span{font-size:10px;color:#9a939f}.production-main p{font-size:11px;margin:3px 0 1px;font-weight:600}.production-main small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.deadline{display:flex;align-items:center;gap:5px;color:#645d6c;font-size:10px}.status{font-size:9px;font-weight:800;text-align:center;padding:5px 7px;border-radius:12px}.status.coral{background:#fff0ee;color:#c64b46}.status.violet{background:#eee9ff;color:#5c38c4}.status.mint{background:#e4f8f0;color:#0b8057}.status.yellow{background:#fff4d5;color:#966200}.side-column{display:flex;flex-direction:column;gap:18px}.quick-start{padding:22px;overflow:hidden;position:relative}.quick-art{width:72px;height:58px;margin-bottom:22px;background:#ffdd75;color:#5034a1;display:grid;place-items:center;border-radius:7px;transform:rotate(-2deg)}.quick-art svg{width:27px}.quick-start h2{font-size:20px;max-width:260px;margin:7px 0}.quick-start p{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 18px}.secondary-button{background:#201a29;color:#fff;width:100%}.activity{padding:20px}.section-title.compact{margin-bottom:8px}.activity ul{list-style:none;padding:0;margin:0}.activity li{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.activity li:last-child{border:0}.activity-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;flex:none}.activity-icon svg{width:15px}.activity-icon.violet{background:#eee9ff;color:#653fd0}.activity-icon.mint{background:#e4f8f0;color:#11825b}.activity-icon.coral{background:#fff0ee;color:#ce4f48}.activity p{margin:0;display:flex;flex-direction:column}.activity strong{font-size:11px}.activity small{font-size:10px;color:var(--muted);margin-top:3px}.mobile-nav,.mobile-only,.menu-button,.sidebar-scrim{display:none}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr}.system-state{display:none}}@media(max-width:760px){body{background:#faf9fc}.sidebar{transform:translate(-105%);transition:transform .22s ease;width:min(285px,86vw)}.sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;inset:0;border:0;background:#14101b73;z-index:29}.sidebar-scrim.visible{display:block}.mobile-only,.menu-button{display:grid}.workspace{margin-left:0;padding-bottom:68px}.topbar{height:62px;padding:0 14px;gap:8px}.workspace-picker{min-width:0;flex:1}.workspace-picker>div,.workspace-picker>svg{display:none}.global-search{flex:0 0 40px;padding:0;justify-content:center;background:#f2eff7}.global-search input,.global-search kbd{display:none}.top-actions .profile-button span:not(.avatar),.top-actions .profile-button svg,.system-state{display:none}.top-actions{gap:0}.page{padding:24px 15px 36px}.page-heading{align-items:flex-start;gap:18px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.page-heading .primary-button{width:42px;padding:0;font-size:0;flex:none}.metrics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-15px;padding:0 15px 8px;gap:9px}.metric{min-width:224px;scroll-snap-align:start}.content-grid{display:block}.production-section{padding:17px 14px;border-inline:0;margin-inline:-15px;border-radius:0}.section-title{align-items:flex-start}.text-button{padding-top:4px}.production-row{grid-template-columns:37px minmax(0,1fr) 34px;gap:9px;padding:12px 0}.deadline,.status{grid-row:2}.deadline{grid-column:2}.status{grid-column:2;justify-self:end}.production-row>.icon-button{grid-column:3;grid-row:1}.order-line{align-items:flex-start;flex-direction:column;gap:1px}.order-line strong{width:100%}.production-main small{white-space:normal;line-height:1.3}.side-column{display:block}.quick-start,.activity{margin-top:14px}.activity{margin-bottom:12px}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--line);z-index:25;grid-template-columns:repeat(5,1fr);padding:6px 8px calc(4px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:#857d8e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;font-weight:700}.mobile-nav svg{width:18px}.mobile-nav button.active{color:var(--violet)}.mobile-nav .create-mobile{width:42px;height:42px;border-radius:50%;background:var(--violet);color:#fff;justify-self:center;margin-top:-18px;box-shadow:0 6px 16px #6d45e847}.mobile-nav .create-mobile svg{width:22px}.sidebar-head .mobile-only{color:#fff}.eyebrow{font-size:9px}}@media(max-width:430px){.metrics{grid-template-columns:1fr}.side-column{display:block}.page-heading .eyebrow{display:none}.topbar .icon-button{width:34px}.profile-button{padding:0}.metric small{max-width:92px}.production-section .section-title p{max-width:210px}}.auth-loading{min-height:100vh;display:grid;place-content:center;gap:24px;background:#171321;color:#fff}.auth-loading>span{width:34px;height:34px;border:3px solid #ffffff35;border-top-color:#fff;border-radius:50%;margin:auto;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(390px,.85fr) minmax(520px,1.15fr);background:#fff}.auth-story{background:#171321;color:#fff;padding:42px clamp(34px,5vw,78px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:100px solid #7650e9;opacity:.15;right:-260px;bottom:-240px}.auth-story h1{font:800 clamp(38px,4vw,62px)/1.04 Manrope;margin:16px 0 20px;max-width:650px;letter-spacing:0}.auth-story p{color:#c8bfd7;font-size:17px;line-height:1.6;max-width:500px}.auth-story small{color:#968aa9}.auth-kicker{color:#f5c857;font-weight:800;font-size:11px;letter-spacing:1.4px}.auth-panel{display:grid;place-items:center;padding:42px 24px;background:#faf9fc}.auth-card{width:min(100%,460px)}.mobile-auth-brand{display:none}.auth-card h2{font:800 31px Manrope;margin:0 0 8px}.auth-card>p{color:var(--muted);margin:0 0 26px}.sso-button,.auth-submit{height:52px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:800}.sso-button{background:#6d45e8;color:#fff}.sso-button>svg,.auth-submit>svg{width:18px;margin-left:auto}.sso-mark{width:30px;height:30px;background:#fff;color:#6d45e8;border-radius:7px;display:grid;place-items:center;font-size:10px;margin-left:10px}.sso-button>svg{margin-right:10px}.auth-divider{display:flex;align-items:center;gap:14px;color:#99919f;font-size:11px;margin:25px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e5e2e8;flex:1}.auth-card form{display:grid;gap:15px}.auth-card label{font-size:12px;font-weight:700;color:#403848;display:grid;gap:7px}.auth-card input{width:100%;height:48px;border:1px solid #ddd9e2;border-radius:7px;padding:0 14px;outline:0;background:#fff}.auth-card input:focus{border-color:#7c50ef;box-shadow:0 0 0 3px #7650e915}.input-icon{position:relative}.input-icon svg{position:absolute;left:14px;top:15px;width:18px;color:#8a8294}.input-icon input{padding-left:43px}.auth-submit{border:0;background:#171321;color:#fff;padding:0 16px;margin-top:3px}.auth-submit:disabled{opacity:.65}.auth-error{background:#fff0ef;color:#b53c36;padding:10px 12px;border-radius:6px;font-size:12px}.auth-switch{border:0;background:transparent;color:#6842d4;font-weight:700;width:100%;margin-top:20px;font-size:12px}.auth-card .brand{color:#171321}@media(max-width:820px){.auth-page{display:block;background:#faf9fc}.auth-story{display:none}.auth-panel{min-height:100vh;padding:28px 20px}.mobile-auth-brand{display:block;margin-bottom:45px}.auth-card h2{font-size:27px}.auth-card>p{font-size:14px}.auth-card{padding-bottom:28px}}.global-search,.top-actions{margin-left:auto}.identity-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#393141;padding:5px 7px;border-radius:8px;text-align:left}.identity-button:hover{background:#f5f3f7}.workspace-logo{width:36px;height:36px;border-radius:9px;object-fit:cover;flex:none}.workspace-logo.fallback{display:grid;place-items:center;background:#eadfff;color:#5b34c9;font-weight:800;font-size:11px}.identity-copy{display:flex;flex-direction:column;min-width:90px;max-width:170px}.identity-copy strong,.identity-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-copy strong{font-size:12px}.identity-copy small{font-size:10px;color:var(--muted);margin-top:2px}@media(max-width:760px){.global-search{flex:1;margin-left:0;padding:0 10px;justify-content:flex-start}.global-search input{display:block}.identity-copy,.identity-button>svg{display:none}.top-actions{margin-left:0}.identity-button{padding:2px}.workspace-logo{width:34px;height:34px;border-radius:50%}}.nav-item{text-decoration:none}.clients-heading{align-items:center}.sync-banner{display:flex;align-items:center;gap:10px;background:#eee9ff;color:#5232ae;padding:12px 15px;border-radius:8px;margin:-10px 0 18px;font-size:12px;font-weight:700}.sync-banner.warning{background:#fff4d5;color:#855900}.sync-banner button{margin-left:auto;border:0;background:transparent;color:inherit;font-weight:800}.spinning{animation:auth-spin .8s linear infinite;width:17px}.clients-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.clients-toolbar{padding:16px 18px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.clients-toolbar label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:0 12px;width:min(440px,100%);height:40px;color:#817b89}.clients-toolbar label svg,.clients-toolbar button svg{width:17px}.clients-toolbar input{border:0;outline:0;width:100%}.clients-toolbar .text-button{display:flex;align-items:center;gap:6px}.clients-table-head,.client-row{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(180px,1fr) 100px 120px 100px 30px;gap:14px;align-items:center}.clients-table-head{padding:11px 18px;background:#faf9fb;color:#8a8294;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.client-row{padding:13px 18px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:12px}.client-row:hover{background:#fcfbfe}.client-row>span{min-width:0}.client-row>span:nth-child(2){display:flex;flex-direction:column}.client-row small{color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis}.client-name{display:flex;align-items:center;gap:10px}.client-name i,.client-detail-avatar{width:35px;height:35px;border-radius:8px;background:#eee9ff;color:#603cc9;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:10px;flex:none}.source-badge{font-style:normal;border-radius:10px;padding:4px 8px;font-size:9px;font-weight:800;background:#f0eef3;color:#706878}.source-badge.papelariaon{background:#eee9ff;color:#5b38bf}.clients-empty{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}.clients-empty svg{width:28px}.clients-pagination{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.clients-pagination div{display:flex;align-items:center;gap:10px}.clients-pagination button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 10px}.clients-pagination button:disabled{opacity:.45}.client-modal-backdrop{position:fixed;inset:0;background:#17132188;z-index:60;display:grid;place-items:center;padding:20px}.client-modal{width:min(440px,100%);background:#fff;border-radius:12px;padding:28px;position:relative}.client-modal h2{font:800 23px Manrope;margin:7px 0}.client-modal>p{color:var(--muted);font-size:12px}.client-modal form{display:grid;gap:13px;margin-top:20px}.client-modal label{display:grid;gap:6px;font-size:11px;font-weight:700}.client-modal input{height:42px;border:1px solid var(--line);border-radius:7px;padding:0 11px}.modal-close{position:absolute;right:15px;top:15px;border:0;background:transparent}.modal-close svg{width:18px}.client-detail-head>a{color:var(--violet);text-decoration:none;font-size:12px;font-weight:700}.client-detail-head>div{display:flex;gap:14px;align-items:center;margin:20px 0}.client-detail-avatar{width:54px;height:54px;font-size:14px}.client-detail-head h1{font:800 26px Manrope;margin:0}.client-detail-head p{margin:3px 0 7px;color:var(--muted);font-size:12px}.client-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.client-metrics article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:17px;display:flex;flex-direction:column}.client-metrics strong{font:800 23px Manrope}.client-metrics span{font-size:11px;color:var(--muted)}.client-detail-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.client-detail-card nav{display:flex;gap:20px;padding:0 20px;border-bottom:1px solid var(--line)}.client-detail-card nav button{height:48px;border:0;background:transparent;font-size:10px;font-weight:800;color:var(--muted)}.client-detail-card nav button.active{color:var(--violet);border-bottom:2px solid var(--violet)}.client-detail-card>article{display:flex;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line)}.client-detail-card>article div{display:flex;flex-direction:column}.client-detail-card>article small{color:var(--muted);margin-top:3px}@media(max-width:900px){.clients-table-head{display:none}.client-row{grid-template-columns:minmax(0,1fr) auto}.client-row>span:nth-child(2),.client-row>span:nth-child(3),.client-row>span:nth-child(4){display:none}.client-row>span:nth-child(5){justify-self:end}.client-row>span:nth-child(6){display:none}.client-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.clients-toolbar{flex-direction:column}.clients-toolbar label{width:100%}.clients-toolbar .text-button{align-self:flex-end}.clients-heading .primary-button{font-size:0;width:42px;padding:0}.clients-heading .primary-button svg{display:block}.client-metrics{gap:8px}.client-detail-card nav{gap:10px;overflow-x:auto}.client-detail-card nav button{white-space:nowrap}}.upload-button{cursor:pointer}.upload-button input{display:none}.library-tabs{display:flex;gap:8px}.library-tabs button{border:0;background:transparent;padding:9px 14px;border-radius:8px;color:#70677b;font-weight:700;display:flex;align-items:center;gap:6px}.library-tabs button.active{background:#eee8ff;color:#6437e8}.asset-list article{display:grid;grid-template-columns:24px 58px minmax(0,1fr) repeat(3,38px);align-items:center;gap:12px;padding:11px 16px;border-top:1px solid #eeeaf2;background:#fff;transition:background .15s ease,border-color .15s ease}.asset-list article:hover{background:#faf8ff;border-color:#e4dcf6}.asset-list article>input{width:17px;height:17px;accent-color:#7446e8}.asset-list article>svg{width:58px;height:58px;padding:16px;box-sizing:border-box;color:#7652e8;background:#f4f0fc;border-radius:10px}.asset-list .library-thumb{width:58px;height:58px;object-fit:cover;background:#f4f0fc;border-radius:10px}.asset-list article div{display:flex;flex-direction:column;gap:5px;min-width:0}.asset-list article strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#261d31}.asset-list article small{color:#887f91;font-size:12px}.asset-list article .icon-button{width:36px;height:36px;padding:8px;border-radius:9px}.asset-list article .icon-button:hover{background:#eee8fa}.icon-button.danger{color:#d34b4b}.heading-actions,.production-cards{display:flex;gap:12px}.production-cards{display:grid;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.production-cards button{text-align:left;background:#fff;border:1px solid #e7e2ea;border-radius:10px;padding:16px}.production-cards span{display:block;color:#776d7d;font-size:12px;min-height:32px}.production-cards strong{font-size:25px}.production-filters select{border:1px solid #ddd7e3;border-radius:8px;padding:10px;background:#fff}.demand-list article{display:grid;grid-template-columns:minmax(280px,1fr) 150px 190px 120px;gap:18px;align-items:center;padding:18px 20px;border-top:1px solid #eeeaf2}.demand-list article>div:first-child{display:flex;flex-direction:column;gap:4px}.demand-list small,.demand-list span{color:#847a8c}.demand-list em{color:#5d4b69;font-style:normal;font-size:12px}.demand-deadline{display:flex;flex-direction:column;gap:5px}.demand-list select{padding:9px;border:1px solid #ddd7e3;border-radius:8px;background:#fff}.client-modal textarea{resize:vertical;border:1px solid #ddd7e3;border-radius:8px;padding:10px;font:inherit}@media(max-width:1100px){.production-cards{grid-template-columns:repeat(3,1fr)}.demand-list article{grid-template-columns:1fr 140px}.demand-list article .secondary-button{display:none}}.primary-button,.secondary-button,.outline-button{text-decoration:none;cursor:pointer}.production-projects{display:grid;gap:5px;text-align:center}.production-projects small{font-size:10px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px}.project-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--ink);background:#fff;transition:.15s}.project-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #21152e12}.project-preview{height:170px;background:#f2eff7;display:grid;place-items:center;overflow:hidden}.project-preview img,.project-detail-preview img{width:100%;height:100%;object-fit:contain}.project-preview>svg{width:42px;height:42px;color:#a79db3}.project-card-body{padding:16px}.project-card h3{margin:9px 0 4px;font:800 16px Manrope}.project-card p{margin:0;font-size:12px}.project-card small,.project-card time{color:var(--muted);font-size:10px}.project-card dl{display:grid;gap:7px;margin:15px 0}.project-card dl div{display:flex;justify-content:space-between;gap:12px}.project-card dt{color:var(--muted);font-size:10px}.project-card dd{font-size:10px;margin:0;text-align:right}.project-status{font-size:9px;font-weight:800;padding:5px 8px;border-radius:12px;background:#eee9ff;color:#5c38c4}.project-status.approved,.project-status.production_ready,.project-status.completed{background:#e4f8f0;color:#087c55}.project-status.changes_requested{background:#fff4d5;color:#966200}.project-status.cancelled{background:#f1eef2;color:#766e7b}.project-form{display:grid;gap:16px;max-width:980px}.project-form>section,.order-context,.detail-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.project-form h2,.detail-panel h2{font:800 17px Manrope;margin:0 0 17px}.project-form label{display:grid;gap:7px;font-size:11px;font-weight:700}.project-form input,.project-form select,.detail-panel select{height:42px;border:1px solid var(--line);border-radius:7px;padding:0 11px;background:#fff}.form-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.preset-row{display:flex;gap:9px;margin-bottom:15px}.preset-row button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 14px}.preset-row button.active{border-color:var(--violet);background:#eee9ff;color:var(--violet);font-weight:800}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.form-actions>a,.back-link{color:var(--violet);font-size:12px;font-weight:700;text-decoration:none}.order-context{display:flex;gap:14px;margin-bottom:16px;flex-wrap:wrap;font-size:11px}.order-context b{width:100%;font-size:13px}.order-context span{background:#f5f2f8;padding:7px 10px;border-radius:6px}.project-detail-head{display:grid;grid-template-columns:250px 1fr;gap:26px;margin:18px 0}.project-detail-preview{height:250px;border:1px solid var(--line);border-radius:10px;background:#f2eff7;display:grid;place-items:center;overflow:hidden}.project-detail-preview>svg{width:58px;height:58px;color:#aaa0b5}.project-detail-head h1{font:800 28px Manrope;margin:8px 0}.project-detail-head p{color:var(--muted);font-size:12px}.detail-actions{display:flex;gap:10px;margin-top:25px}.outline-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 15px;height:42px;display:inline-flex;align-items:center;gap:7px;font-weight:700}.outline-button svg{width:16px}.project-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-panel dl{margin:0}.detail-panel dl>div{display:grid;grid-template-columns:140px 1fr;padding:11px 0;border-top:1px solid var(--line)}.detail-panel dt{font-size:11px;color:var(--muted)}.detail-panel dd{margin:0;font-size:12px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.detail-panel>a{display:block;padding:10px 0;border-top:1px solid var(--line);color:var(--violet);font-size:12px;text-decoration:none}.detail-panel>p{color:var(--muted);font-size:12px}.version-row{display:grid;grid-template-columns:40px 1fr;gap:4px 10px;padding:10px 0;border-top:1px solid var(--line)}.version-row small{grid-column:2;color:var(--muted)}.future{display:flex;gap:10px;flex-wrap:wrap;align-content:flex-start}.future h2{width:100%}.future span{background:#f2eff7;border-radius:7px;padding:10px 13px;color:#756d7e;font-size:11px}@media(max-width:1050px){.project-grid,.form-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.project-grid{grid-template-columns:1fr;padding:12px}.project-detail-head{grid-template-columns:1fr}.project-detail-preview{height:220px}.project-detail-grid,.form-columns{grid-template-columns:1fr}.preset-row{overflow-x:auto}.detail-actions{flex-wrap:wrap}}.production-heading{align-items:center}.production-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.production-overview article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.production-overview span{font-size:11px;color:var(--muted);font-weight:700}.production-overview strong{font:800 24px Manrope}.production-overview .print-metric{background:#e9f8f2;border-color:#cceee0}.production-overview .print-metric strong{color:#087c55}.production-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.production-toolbar>label{height:42px;width:min(440px,100%);display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 12px}.production-toolbar svg{width:17px}.production-toolbar input{border:0;outline:0;width:100%}.production-toolbar>div{display:flex;border:1px solid var(--line);background:#fff;border-radius:8px;padding:3px}.production-toolbar button{height:34px;border:0;background:transparent;border-radius:6px;display:flex;align-items:center;gap:6px;padding:0 11px;font-size:11px;font-weight:700;color:var(--muted)}.production-toolbar button.active{background:#eee9ff;color:var(--violet)}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(270px,1fr));gap:13px;align-items:start;overflow-x:auto;padding-bottom:18px}.kanban-column{background:#f0eef3;border-radius:11px;padding:11px;min-width:270px}.kanban-column>header{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:4px 4px 13px}.kanban-column>header>span{width:33px;height:33px;border-radius:8px;background:#fff;display:grid;place-items:center}.kanban-column>header svg{width:16px}.kanban-column h2{font:800 13px Manrope;margin:0}.kanban-column header p{margin:2px 0 0;font-size:9px;color:var(--muted)}.kanban-column header>b{font-size:11px;background:#fff;padding:5px 8px;border-radius:12px}.kanban-column.coral>header>span{color:#d6524c}.kanban-column.violet>header>span{color:#6942da}.kanban-column.yellow>header>span{color:#9e6900}.kanban-column.mint>header>span{color:#07815a}.kanban-stack{display:grid;gap:9px}.kanban-card{background:#fff;border:1px solid #e5e0e9;border-top:3px solid #bbb1c5;border-radius:9px;padding:13px;box-shadow:0 3px 8px #25172f08}.kanban-card.stage-pending{border-top-color:#ee7169}.kanban-card.stage-designing{border-top-color:#7650e9}.kanban-card.stage-review{border-top-color:#e9ad29}.kanban-card.stage-approved,.kanban-card.stage-production_ready{border-top-color:#1fa875}.kanban-card.stage-changes_requested{border-top-color:#ec8d27}.kanban-card-top{display:flex;justify-content:space-between}.order-source{font-size:9px;color:#756d7e;font-weight:800;text-transform:uppercase}.source-dot{width:7px;height:7px;border-radius:50%;background:#7650e9}.source-dot.studio{background:#e9ad29}.kanban-card h3{font:800 13px/1.3 Manrope;margin:8px 0 11px}.kanban-customer{display:flex;gap:8px;align-items:center}.kanban-customer i{width:29px;height:29px;background:#eee9ff;color:#5d39c5;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:800}.kanban-customer span{display:flex;flex-direction:column}.kanban-customer b{font-size:10px}.kanban-customer small{font-size:9px;color:var(--muted)}.kanban-personalization{font-size:9px;line-height:1.45;color:#695f70;background:#f8f6fa;padding:7px;border-radius:6px}.project-progress{margin:11px 0}.project-progress>span{font-size:9px;color:var(--muted)}.project-progress>i{display:block;height:4px;background:#ebe7ee;border-radius:4px;margin-top:5px;overflow:hidden}.project-progress>i>b{display:block;height:100%;background:#1fa875;border-radius:4px}.project-links{display:grid;border-block:1px solid #eeeaf1;margin:9px 0}.project-links a{display:flex;align-items:center;justify-content:space-between;color:#5f3bc8;text-decoration:none;font-size:10px;font-weight:700;padding:7px 1px}.project-links svg{width:13px}.kanban-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:9px 0}.kanban-meta span{display:flex;align-items:center;gap:4px}.kanban-meta svg{width:13px}.kanban-actions{display:grid;grid-template-columns:1fr auto;gap:6px}.kanban-actions select{min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff;padding:7px;font-size:9px}.create-art{display:flex;align-items:center;gap:3px;background:#211a29;color:#fff;border-radius:6px;padding:0 9px;text-decoration:none;font-size:9px;font-weight:800}.create-art svg{width:12px}.kanban-empty{border:1px dashed #d9d2dd;border-radius:8px;padding:28px 12px;text-align:center;font-size:10px;color:#8c8493}.production-list-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.production-list-modern .kanban-card{padding:16px}.project-detail-preview{border:1px solid var(--line);padding:0;position:relative;cursor:default}.project-detail-preview.has-image{cursor:zoom-in;background:#ded9e5}.project-detail-preview.has-image span{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;background:#201a29dd;color:#fff;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:800}.project-detail-preview.has-image span svg{width:14px}.project-files .panel-heading p{margin:-12px 0 14px;color:var(--muted);font-size:10px}.asset-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-gallery>article{border:1px solid var(--line);border-radius:8px;overflow:hidden;display:grid;grid-template-columns:74px 1fr 30px;align-items:center;min-width:0}.asset-gallery>article>button,.file-placeholder{width:74px;height:64px;border:0;background:#f1eef5;padding:0;position:relative;display:grid;place-items:center}.asset-gallery img{width:100%;height:100%;object-fit:cover}.asset-gallery button span{position:absolute;inset:0;background:#211a2966;color:#fff;display:none;place-items:center}.asset-gallery button:hover span{display:grid}.asset-gallery button svg,.file-placeholder svg{width:19px}.asset-gallery article>div:nth-child(2){padding:8px;min-width:0;display:flex;flex-direction:column}.asset-gallery strong,.asset-gallery small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-gallery strong{font-size:10px}.asset-gallery small{font-size:8px;color:var(--muted);margin-top:3px}.asset-gallery article>a{color:var(--violet);padding:5px}.asset-gallery article>a svg{width:16px}.art-lightbox{position:fixed;z-index:100;inset:0;background:#100d15ed;display:grid;grid-template-rows:60px minmax(0,1fr);padding:0 24px 24px}.art-lightbox header{color:#fff;display:flex;align-items:center;justify-content:space-between}.art-lightbox header button{border:0;background:transparent;color:#fff}.art-lightbox header svg{width:24px}.art-lightbox>img{max-width:100%;max-height:100%;object-fit:contain;place-self:center;border-radius:5px;box-shadow:0 15px 60px #0008}@media(max-width:1100px){.kanban-board{grid-template-columns:repeat(4,300px)}.production-list-modern{grid-template-columns:repeat(2,1fr)}.asset-gallery{grid-template-columns:1fr}}@media(max-width:700px){.production-overview{grid-template-columns:repeat(2,1fr)}.production-toolbar{align-items:stretch;flex-direction:column}.production-toolbar>label{width:100%}.production-toolbar>div{align-self:flex-end}.kanban-board{margin-inline:-15px;padding-inline:15px}.production-list-modern,.asset-gallery{grid-template-columns:1fr}.art-lightbox{padding:0 10px 10px}}.creation-workspace{max-width:1320px;margin:auto}.creation-header{display:grid;grid-template-columns:90px 1fr auto;align-items:center;margin-bottom:22px}.creation-header>a{display:flex;align-items:center;gap:6px;color:var(--violet);text-decoration:none;font-size:11px;font-weight:800}.creation-header>a svg{width:16px}.creation-header h1{font:800 27px Manrope;margin:5px 0 2px}.creation-header p{margin:0;color:var(--muted);font-size:12px}.creation-step{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);font-weight:700}.creation-step i{width:25px;height:25px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;font-style:normal}.creative-order-context{background:linear-gradient(110deg,#21182d,#332344);color:#fff;border-radius:12px;padding:17px 20px;display:grid;grid-template-columns:minmax(250px,.75fr) 1.25fr;gap:20px;margin-bottom:18px;box-shadow:0 8px 24px #26172c18}.creative-order-context>div{display:flex;align-items:center;gap:12px}.context-icon{width:42px;height:42px;border-radius:9px;background:#7650e9;display:grid;place-items:center}.context-icon svg{width:20px}.creative-order-context>div>div{display:flex;flex-direction:column}.creative-order-context small{font-size:8px;color:#bfb3cb;letter-spacing:.7px}.creative-order-context strong{font:800 14px Manrope;margin:3px 0}.creative-order-context div span:last-child{font-size:9px;color:#c8bed1}.creative-order-context dl{display:flex;gap:7px;align-content:center;align-items:center;flex-wrap:wrap;margin:0}.creative-order-context dl div{background:#ffffff12;border:1px solid #ffffff12;border-radius:6px;padding:7px 9px}.creative-order-context dt{font-size:7px;text-transform:uppercase;color:#afa2bb}.creative-order-context dd{font-size:9px;margin:2px 0 0}.creative-builder{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.creative-builder>main{display:grid;gap:14px}.builder-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px}.builder-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px}.builder-title>span{width:28px;height:28px;border-radius:7px;background:#eee9ff;color:#603bc9;display:grid;place-items:center;font:800 11px Manrope;flex:none}.builder-title h2{font:800 16px Manrope;margin:1px 0 3px}.builder-title p{margin:0;color:var(--muted);font-size:10px}.builder-title em{margin-left:auto;background:#e8f8f1;color:#087c55;border-radius:12px;padding:6px 9px;font-style:normal;font-size:8px;font-weight:800;display:flex;align-items:center;gap:5px}.builder-title em svg{width:12px}.type-choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:16px}.type-choice-grid button{height:66px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#736a7a;position:relative}.type-choice-grid button>svg:first-child{width:18px}.type-choice-grid button>svg:last-child{position:absolute;right:5px;top:5px;width:12px}.type-choice-grid button span{font-size:9px;font-weight:700}.type-choice-grid button.active{border:2px solid var(--violet);background:#f3efff;color:#5e38ce}.project-name-field,.secondary-fields label{display:grid;gap:6px}.project-name-field>span,.secondary-fields label>span,.dimension-editor label span,.quality-options>label span{font-size:9px;font-weight:800;color:#554d5c}.project-name-field input,.secondary-fields select,.dimension-editor input,.dimension-editor select,.quality-options input{height:42px;border:1px solid var(--line);border-radius:7px;padding:0 11px;background:#fff;outline:0}.project-name-field input:focus,.dimension-editor input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7650e912}.secondary-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:11px}.format-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.format-cards button{height:105px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative}.format-cards button>i{height:32px;background:#e8e3ed;border:1px solid #d4cbdc}.format-cards button>b{font:800 11px Manrope}.format-cards button small{font-size:7px;color:var(--muted)}.format-cards button>svg:first-child{width:25px;color:#958b9e}.format-cards button>svg:last-child{position:absolute;right:6px;top:6px;width:13px}.format-cards button.active{border:2px solid var(--violet);background:#f5f2ff;color:#603bc9}.format-cards button.active>i{background:#dacfff;border-color:#9278e8}.dimension-editor{display:grid;grid-template-columns:1fr 34px 1fr 1.2fr;gap:8px;align-items:end;margin-top:13px;padding:13px;background:#faf9fb;border-radius:8px}.dimension-editor label{display:grid;gap:5px}.dimension-editor>button{height:42px;border:0;background:transparent;color:var(--violet)}.dimension-editor>button svg{width:16px}.quality-options{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;gap:8px}.quality-options>button{min-height:82px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;padding:11px;display:grid;grid-template-columns:27px 1fr;position:relative}.quality-options>button>span{grid-row:1/3;width:25px;height:25px;background:#f0ecf5;border-radius:6px;display:grid;place-items:center}.quality-options>button svg{width:13px}.quality-options>button>b{font-size:10px}.quality-options>button>small{font-size:7px;color:var(--muted)}.quality-options>button>svg{position:absolute;right:6px;top:6px;width:12px}.quality-options>button.active{border:2px solid var(--violet);background:#f5f2ff;color:#5f39ca}.quality-options>label{display:grid;gap:5px}.bleed-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:13px;background:#f8f6fa;border-radius:8px;padding:11px 13px}.bleed-option input{accent-color:var(--violet);width:17px;height:17px}.bleed-option span{display:flex;flex-direction:column}.bleed-option b{font-size:10px}.bleed-option small{font-size:8px;color:var(--muted);margin-top:2px}.bleed-option em{font-size:8px;font-style:normal;font-weight:800;color:#087c55}.document-summary{position:sticky;top:98px;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 9px 30px #21152c0a}.summary-preview{height:260px;background:radial-gradient(circle at 30% 20%,#f0eaff,#e9e4ed);display:grid;place-items:center;padding:30px}.summary-preview>span{height:180px;max-width:250px;max-height:190px;background:#fff;box-shadow:0 12px 28px #2b183024;display:grid;place-items:center;border:1px dashed #d9677a;position:relative;transition:.2s}.summary-preview>span.landscape{height:auto;width:250px}.summary-preview i{font-style:normal;font-size:7px;color:#bbb2c1;letter-spacing:1px}.summary-preview b{position:absolute;right:-1px;bottom:-19px;font-size:7px;color:#c05466}.summary-copy{padding:19px}.summary-copy h2{font:800 16px Manrope;margin:6px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-copy>p{font-size:9px;color:var(--muted);margin:0 0 13px}.summary-copy dl{margin:0 0 14px}.summary-copy dl div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid var(--line)}.summary-copy dt{font-size:8px;color:var(--muted)}.summary-copy dd{font-size:8px;font-weight:800;margin:0}.print-tip{display:flex;gap:8px;background:#e9f8f2;color:#0b7352;border-radius:7px;padding:9px;margin-bottom:12px}.print-tip>svg{width:15px;flex:none}.print-tip span{display:flex;flex-direction:column;font-size:7px}.print-tip b{font-size:9px;margin-bottom:2px}.summary-copy>.primary-button{width:100%}.summary-copy>a{display:block;text-align:center;color:var(--muted);font-size:9px;text-decoration:none;margin-top:10px}.summary-copy .primary-button svg{width:15px}@media(max-width:1100px){.creative-builder{grid-template-columns:minmax(0,1fr) 285px}.type-choice-grid{grid-template-columns:repeat(4,1fr)}.format-cards{grid-template-columns:repeat(3,1fr)}.quality-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.creation-header{grid-template-columns:1fr}.creation-header>a{margin-bottom:15px}.creation-step{display:none}.creative-order-context,.creative-builder{grid-template-columns:1fr}.document-summary{position:static;grid-row:1}.summary-preview{height:190px}.summary-preview>span{height:125px}.type-choice-grid{grid-template-columns:repeat(3,1fr)}.dimension-editor{grid-template-columns:1fr 30px 1fr}.dimension-editor label:last-child{grid-column:1/4}.quality-options{grid-template-columns:1fr 1fr}}@media(max-width:480px){.builder-card{padding:16px}.type-choice-grid,.format-cards{grid-template-columns:repeat(2,1fr)}.quality-options,.secondary-fields{grid-template-columns:1fr}.creative-order-context dl{display:none}}.storage-upgrade{margin:12px 0 8px;height:34px;border-radius:7px;background:linear-gradient(110deg,#7650e9,#9b6df1);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-size:9px;font-weight:800;box-shadow:0 7px 18px #7650e930}.storage-upgrade:hover{filter:brightness(1.08)}.studio-upload{position:fixed;z-index:120;inset:0;background:#171220ef;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.upload-scene{width:150px;height:150px;position:relative;margin-bottom:14px}.upload-core{width:78px;height:78px;border-radius:24px;background:linear-gradient(145deg,#8a5bf0,#6035d8);position:absolute;inset:36px;display:grid;place-items:center;box-shadow:0 20px 45px #7650e950;animation:upload-pulse 1.7s ease-in-out infinite}.upload-core>svg{width:32px}.upload-core>i{position:absolute;inset:-9px;border:2px solid #ffffff22;border-top-color:#ffd66f;border-radius:29px;animation:upload-spin 1s linear infinite}.upload-core.done{background:linear-gradient(145deg,#28b981,#0c8b61);animation:none}.upload-core.done>i{display:none}.upload-orbit{position:absolute;width:37px;height:37px;border-radius:11px;display:grid;place-items:center}.upload-orbit svg{width:17px}.orbit-one{background:#fff;color:#6640d3;left:4px;top:22px;animation:upload-float 1.6s ease-in-out infinite}.orbit-two{background:#ffd76f;color:#5032a2;right:2px;bottom:20px;animation:upload-float 1.6s .5s ease-in-out infinite}.studio-upload>.eyebrow{color:#bba9ea}.studio-upload h2{font:800 25px Manrope;margin:7px 0}.studio-upload>p{max-width:440px;color:#bdb2c7;font-size:11px;line-height:1.55;margin:0 0 20px}.upload-file-name{width:min(420px,100%);display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;text-align:left;background:#ffffff0d;border:1px solid #ffffff18;border-radius:8px;padding:10px 12px}.upload-file-name svg{width:17px;color:#bda8ff}.upload-file-name span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-name b{font-size:10px;color:#ffd76f}.upload-progress{width:min(420px,100%);height:7px;background:#ffffff18;border-radius:8px;overflow:hidden;margin-top:9px}.upload-progress i{display:block;height:100%;background:linear-gradient(90deg,#7650e9,#c395ff,#ffd76f);border-radius:8px;transition:width .18s}.studio-upload>small{color:#8f829b;font-size:9px;margin-top:8px}@keyframes upload-spin{to{transform:rotate(360deg)}}@keyframes upload-pulse{50%{transform:scale(1.06);box-shadow:0 24px 60px #7650e980}}@keyframes upload-float{50%{transform:translateY(-9px) rotate(4deg)}}.billing-hero{background:linear-gradient(115deg,#1b1424,#38244f 62%,#6841ce);border-radius:14px;color:#fff;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.billing-hero:after{content:"";position:absolute;width:300px;height:300px;border:65px solid #ffffff0b;border-radius:50%;right:-110px;top:-150px}.billing-hero .eyebrow{color:#cdbcf5}.billing-hero h1{font:800 30px Manrope;margin:7px 0}.billing-hero p{color:#c8bbd2;margin:0;font-size:12px}.storage-gauge{width:340px;display:flex;align-items:center;gap:15px;z-index:1}.storage-gauge>svg{width:42px;height:42px;color:#ffd76f}.storage-gauge>div{flex:1}.storage-gauge span{display:flex;align-items:baseline;gap:5px;font-size:9px;color:#c8bbd2}.storage-gauge span b{font:800 22px Manrope;color:#fff}.storage-gauge i{display:block;height:8px;background:#ffffff1c;border-radius:8px;margin:8px 0}.storage-gauge i b{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#8c62ef,#ffd76f)}.storage-gauge small{font-size:8px;color:#b9acc4}.billing-trust{display:flex;justify-content:center;gap:35px;padding:15px;color:#6f6577;font-size:9px;font-weight:700}.billing-trust span{display:flex;align-items:center;gap:6px}.billing-trust svg{width:15px;color:#7650e9}.plan-heading{text-align:center;margin:25px 0 18px}.plan-heading h2{font:800 24px Manrope;margin:6px 0}.plan-heading p{margin:0;color:var(--muted);font-size:11px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}.plan-grid article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:21px;display:flex;flex-direction:column;position:relative}.plan-grid article.current{border-color:#a792e6}.plan-grid article.featured{border:2px solid var(--violet);box-shadow:0 15px 35px #6741d31a;transform:translateY(-4px)}.plan-grid article>em{position:absolute;top:-11px;right:15px;background:var(--violet);color:#fff;border-radius:11px;padding:5px 9px;font-size:7px;font-style:normal;font-weight:800}.plan-icon{width:37px;height:37px;border-radius:9px;background:#eee9ff;color:#6741d3;display:grid;place-items:center}.plan-icon svg{width:19px}.plan-grid h3{font:800 15px Manrope;margin:13px 0 6px}.plan-grid article>strong{font:800 23px Manrope}.plan-grid article>strong small{font:500 9px;color:var(--muted)}.plan-grid article>p{font-size:9px;color:var(--muted);margin:5px 0 14px}.plan-grid ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;flex:1}.plan-grid li{display:flex;gap:6px;align-items:center;font-size:8px;color:#655c6c}.plan-grid li svg{width:12px;color:#12a06e}.plan-grid article>button{height:39px;border:0;border-radius:7px;background:#211a29;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.plan-grid article>button svg{width:13px}.plan-grid article.featured>button{background:var(--violet)}.plan-grid article>button:disabled{background:#f0edf2;color:#8b8292}.billing-note{text-align:center;color:var(--muted);font-size:8px;margin:15px}.upgrade-modal{position:fixed;inset:0;background:#171220a8;z-index:90;display:grid;place-items:center;padding:20px}.upgrade-modal>section{width:min(430px,100%);background:#fff;border-radius:14px;padding:29px;text-align:center;position:relative}.upgrade-mark{width:53px;height:53px;border-radius:14px;background:#eee9ff;color:var(--violet);display:grid;place-items:center;margin:0 auto 15px}.upgrade-mark svg{width:25px}.upgrade-modal h2{font:800 24px Manrope;margin:6px}.upgrade-modal>section>strong{font:800 25px Manrope}.upgrade-modal>section>strong small{font:500 9px;color:var(--muted)}.upgrade-modal>section>p{font-size:10px;color:var(--muted)}.upgrade-modal .primary-button{width:100%}.upgrade-modal .text-button{margin-top:10px}@media(max-width:1000px){.plan-grid{grid-template-columns:repeat(2,1fr)}.billing-hero{align-items:flex-start}.storage-gauge{width:280px}}@media(max-width:650px){.billing-hero{padding:25px;display:block}.storage-gauge{width:100%;margin-top:25px}.billing-trust{align-items:flex-start;flex-direction:column;gap:8px}.plan-grid{grid-template-columns:1fr}.plan-grid article.featured{transform:none}}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.template-card{background:#fff;border:1px solid #e9e5ef;border-radius:16px;overflow:hidden}.template-preview{height:155px;background:linear-gradient(135deg,#f2ecff,#fff1f0);display:grid;place-items:center;overflow:hidden}.template-preview img{width:100%;height:100%;object-fit:cover}.template-preview span{font-size:52px;font-weight:800;color:#7446e8}.template-card>div:last-child{padding:18px}.template-card h3{margin:5px 0;font-size:18px}.template-card p{font-size:13px;color:#756d80;margin:7px 0}.template-vars{color:#7446e8!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-product{background:#f5f1ff;padding:7px;border-radius:7px}.template-actions{display:flex;gap:8px;margin-top:15px}.template-actions button:not(.primary-button){width:38px;border:1px solid #e6e0ec;background:#fff;border-radius:8px;color:#50495c}.form-row{display:flex;gap:10px}.form-row label{flex:1}.template-heading{align-items:end}.template-intro{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(90deg,#f3edff,#fff);border:1px solid #e7dcff;border-radius:14px;margin:-8px 0 24px;color:#443b51}.template-intro>svg{color:#7446e8;width:30px;height:30px}.template-intro div{display:flex;flex-direction:column;gap:3px}.template-intro span{font-size:13px;color:#71687b}.template-intro b{margin-left:auto;background:#fff;color:#7041db;padding:8px 11px;border-radius:9px;font-size:12px}.template-card{box-shadow:0 8px 24px #2b164a0a}.template-preview{background:radial-gradient(circle at top right,#f7d9ff,#eee7ff 48%,#f8f7fb)}.template-preview>svg{color:#7446e8;width:52px;height:52px}.template-card-body{padding:18px}.variable-chips{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.variable-chips span{font-size:11px;background:#f2edff;color:#6841cb;border-radius:99px;padding:4px 7px}.template-empty{min-height:300px;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px dashed #d8cdea;border-radius:18px}.template-empty svg{color:#7446e8;width:42px;height:42px}.template-empty h2{margin:14px 0 5px}.template-empty p{color:#766e80;margin:0 0 18px}.template-modal{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:18px;padding:30px;position:relative;box-sizing:border-box}.template-modal h2{font-size:28px;margin:8px 0}.template-modal>p{color:#756d80;margin:0 0 22px}.template-modal form{display:flex;flex-direction:column;gap:16px}.template-step{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:16px;background:#faf9fc;border:1px solid #eeeaf2;border-radius:12px}.template-step>b{width:25px;height:25px;border-radius:50%;background:#7446e8;color:#fff;display:grid;place-items:center;font-size:13px}.template-step label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.template-step input,.template-step select,.test-modal input{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #ddd7e4;border-radius:8px;background:#fff;font:inherit}.field-help{font-size:11px;font-weight:400;color:#7c7287}.template-step select[size]{margin-top:7px;min-height:78px}.variable-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.variable-picker button{position:relative;min-height:92px;border:1px solid #ddd7e4;background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;padding:10px;color:#2f2937}.variable-picker button.selected{border-color:#7446e8;background:#f5f0ff}.variable-picker svg{width:16px;color:#7446e8}.variable-picker button>span{width:18px;height:18px;background:#ede6ff;color:#7446e8;border-radius:4px;text-align:center}.variable-picker small{color:#83798d}.variable-picker button>svg:last-child{position:absolute;right:8px;top:8px}.dimension-fields{display:grid;grid-template-columns:1fr 1fr .7fr;gap:10px}.create-template{justify-content:center;margin-top:4px}.test-modal form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.test-modal .create-template{grid-column:1/-1}@media(max-width:650px){.template-intro b{display:none}.variable-picker{grid-template-columns:1fr 1fr}.template-modal{padding:22px}.test-modal form{grid-template-columns:1fr}}.editor{position:fixed;inset:0;background:#f4f2f7;display:grid;grid-template-columns:92px 1fr 270px;grid-template-rows:68px 1fr;z-index:20}.editor-top{grid-column:1/-1;background:#fff;border-bottom:1px solid #e6e1eb;display:flex;align-items:center;gap:22px;padding:0 20px}.editor-top>a{display:flex;align-items:center;gap:6px;color:#5d516b}.editor-top>div{margin-left:auto;display:flex;align-items:center;gap:7px}.editor-top button,.editor-tools button{border:0;background:transparent;border-radius:8px;padding:8px;display:inline-flex;align-items:center;gap:5px}.save-state{font-size:12px;color:#746a7e;padding:7px 9px}.save-state.saved{color:#16885a}.save-state.changed{color:#b46a00}.editor-tools{background:#1d1726;color:#fff;padding:16px 10px;display:flex;flex-direction:column;gap:10px}.editor-tools button{color:#fff;flex-direction:column;font-size:11px}.editor-tools button:hover{background:#342a43}.editor-tools label{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:7px}.editor-tools input{width:34px;height:28px}.editor-stage{overflow:auto;display:grid;place-items:center;padding:46px;background:radial-gradient(#ddd7e6 1px,transparent 1px);background-size:16px 16px}.canvas{position:relative;box-shadow:0 18px 48px #33234a42;width:min(760px,80%);min-height:500px;transform-origin:center}.canvas-element{position:absolute;border:1px dashed transparent;background:transparent;cursor:pointer;font:600 20px/1.2 Inter,sans-serif;text-align:left;overflow:hidden}.canvas-element.selected{border-color:#7446e8;background:#7446e815}.editor-panel{background:#fff;border-left:1px solid #e6e1eb;padding:18px;overflow:auto}.editor-panel h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:8px 0 10px;color:#746a7e}.layer{width:100%;text-align:left;padding:10px;background:#faf9fc;border:1px solid #eeeaf2;border-radius:8px;margin-bottom:6px}.layer.active{border-color:#7446e8;background:#f4efff}.layer small{display:block;color:#8d8396}.editor-panel label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;margin:13px 0}.editor-panel textarea{min-height:70px;resize:vertical}.editor-panel input,.editor-panel textarea{padding:8px;border:1px solid #ddd7e4;border-radius:7px;font:inherit}@media(max-width:800px){.editor{grid-template-columns:60px 1fr;grid-template-rows:58px 1fr}.editor-panel,.editor-top strong{display:none}.editor-top{gap:6px;padding:0 8px}.editor-top .primary-button{display:none}}.template-found{display:flex;align-items:center;gap:7px;padding:8px;margin:10px 0;background:#f2ecff;border:1px solid #dfd0ff;border-radius:8px;color:#6337be;font-size:12px}.template-found svg{width:15px}.template-found span{display:flex;flex-direction:column}.kanban-actions button.create-art{border:0;cursor:pointer}.template-actions .edit-matrix{border:1px solid #d9cff0;background:#fff;color:#543183;border-radius:8px;padding:8px 10px;display:inline-flex;gap:6px;align-items:center;font-weight:700;font-size:12px}.template-actions .edit-matrix svg{width:16px}.editor-template-note{background:#f2ecff;color:#6337be;padding:7px 10px;border-radius:8px;font-size:12px}.editor{z-index:100!important}.template-actions .edit-matrix{width:auto!important;min-width:118px!important;white-space:nowrap}.editor-stage:before{content:"Canvas do documento";position:absolute;align-self:start;justify-self:center;margin-top:16px;color:#7b7286;font-size:12px;font-weight:700;letter-spacing:.04em}.editor-tools{z-index:2}.editor-tools button{min-height:58px}.editor-tools button svg{width:21px;height:21px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px}.template-card{display:flex;flex-direction:column;border-radius:20px;transition:transform .18s ease,box-shadow .18s ease}.template-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #351e5a1f}.template-preview{height:180px}.template-card-body{display:flex;flex:1;flex-direction:column;padding:18px 20px 20px}.template-card h3{font-size:20px;line-height:1.2}.template-card-body>p:first-of-type{margin-top:8px}.template-product{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:12px}.template-actions .primary-button,.template-actions .edit-matrix,.template-actions button:not(.primary-button){width:100%!important;min-width:0!important;height:42px;justify-content:center}.template-actions button:not(.primary-button){display:flex;align-items:center}.template-actions .template-delete{border-color:#fecaca!important;color:#dc2626!important;background:#fff7f7!important}.template-actions .template-delete:hover{background:#fee2e2!important}.template-actions svg{width:18px;height:18px}.editor-text-stylebar{position:absolute;z-index:4;top:44px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:9px 11px;background:#fff;border:1px solid #e5dcf4;border-radius:12px;box-shadow:0 10px 26px #351e5a24;white-space:nowrap}.editor-text-stylebar b{font-size:12px;color:#41374d}.editor-text-stylebar button{border:1px solid #ded5ed;background:#fff;color:#544568;padding:6px 9px;border-radius:7px;font-size:12px;font-weight:700}.editor-text-stylebar button.active{background:#7446e8;color:#fff;border-color:#7446e8}.editor-text-stylebar label{font-size:12px;color:#5d5268;padding-left:5px}.editor-top .primary-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:126px!important;height:48px!important;padding:0 18px!important;background:#7446e8!important;color:#fff!important;border:0!important;border-radius:10px!important;box-shadow:0 8px 18px #7446e847!important;font-weight:800!important}.editor-top .primary-button svg{width:18px!important;height:18px!important;color:#fff!important}.template-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.template-actions .primary-button{grid-column:1/-1}.template-actions .edit-matrix{min-width:0!important;padding:8px 5px!important;font-size:11px!important}.template-actions button:not(.primary-button){padding:8px 5px!important}.matrix-personalization{background:linear-gradient(135deg,#fff,#fbf8ff);border-color:#e6dafa!important}.matrix-personalization .panel-heading{align-items:flex-start}.matrix-status{display:inline-flex;align-items:center;gap:6px;background:#ede5ff;color:#6337be;padding:8px 10px;border-radius:99px;font-size:12px;font-weight:800}.matrix-status svg{width:16px}.matrix-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.matrix-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#554a60}.matrix-fields input{height:46px;border:1px solid #dcd2e9;border-radius:10px;padding:0 13px;font:inherit;font-size:15px;background:#fff;box-sizing:border-box}.matrix-fields input:focus{outline:3px solid #e9ddff;border-color:#7446e8}.matrix-personalization .detail-actions{margin-top:4px}.matrix-helper{display:block;margin-top:13px;color:#756a81;font-size:12px}.editor-panel-help{font-size:11px;color:#847b8d;margin:-4px 0 12px}.property-caption{font-size:12px;color:#7043cf;background:#f3eeff;padding:8px;border-radius:7px;margin-bottom:10px}.editor-property-button{display:flex;align-items:center;gap:7px}.editor-property-button svg{width:15px}.editor-stage{position:relative}.editor-top small{color:#756c7d;font-size:12px}.editor-tools label svg{width:19px}.editor-tools label{padding:8px 0}.canvas-area-note{font-size:12px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;padding:16px}.asset-grid article{position:relative;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:150px auto auto;align-items:center;gap:8px;padding:10px;border:1px solid #e8e2f0;border-radius:14px;background:#fff;box-shadow:0 3px 12px #30204a08}.asset-grid article:hover{border-color:#cbb8fa;box-shadow:0 8px 22px #4e2aa71a}.asset-grid article>input{position:absolute;z-index:2;top:16px;left:16px;width:18px;height:18px;accent-color:#7446e8}.asset-grid .library-thumb{grid-column:1/-1;grid-row:1;display:block;width:100%;height:150px;object-fit:contain;background:#f5f2fa;border-radius:9px}.asset-grid article>svg{grid-column:1/-1;grid-row:1;width:100%;height:150px;padding:42px;box-sizing:border-box;background:#f5f2fa;border-radius:9px}.asset-grid article>div{grid-column:1/-1;grid-row:2}.asset-grid article>a,.asset-grid article>button{grid-row:3;align-self:center}.asset-grid article>a{grid-column:1}.asset-grid article>button{grid-column:auto}.asset-grid article strong{font-size:13px}.asset-grid article small{font-size:12px}@media(max-width:700px){.asset-list article{grid-template-columns:22px 48px minmax(0,1fr) 34px;padding:10px}.asset-list .library-thumb,.asset-list article>svg{width:48px;height:48px}.asset-list article .icon-button.danger{display:none}}.project-files .asset-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.project-files .asset-gallery article{position:relative;display:grid;grid-template-columns:1fr;gap:8px;padding:9px;border:1px solid #e9e2f0;border-radius:12px;background:#fff}.project-files .asset-gallery article>button{height:140px;border:0;border-radius:8px;overflow:hidden;background:#f5f0fa}.project-files .asset-gallery img{width:100%;height:100%;object-fit:cover}.project-files .asset-gallery a,.project-files .asset-gallery .asset-delete{position:absolute;top:16px;width:32px;height:32px;border:0;border-radius:8px;background:#fff;color:#6841cb;display:grid;place-items:center}.project-files .asset-gallery a{right:52px}.project-files .asset-gallery .asset-delete{right:14px;color:#dc2626}.project-files .asset-gallery strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-files .asset-gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.project-files .asset-gallery article{padding:10px;min-height:260px;box-shadow:0 7px 18px #2c18470f;transition:transform .16s ease,box-shadow .16s ease}.project-files .asset-gallery article:hover{transform:translateY(-2px);box-shadow:0 14px 26px #2c184721}.project-files .asset-gallery article>button{height:190px;background:linear-gradient(135deg,#f7f2ff,#fdfcff)}.project-files .asset-gallery img{object-fit:contain;padding:5px;box-sizing:border-box}.project-files .asset-gallery article>div{padding:2px 5px}.project-files .asset-gallery strong{font-size:13px}.project-files .asset-gallery small{display:block;margin-top:3px;color:#867b91}.project-files .asset-gallery a,.project-files .asset-gallery .asset-delete{top:18px;background:#fffffff5;box-shadow:0 3px 10px #26143c1f}.project-files .asset-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.project-files .asset-gallery article{min-height:0;padding:8px}.project-files .asset-gallery article>button{height:170px}.project-files .asset-gallery img{object-fit:contain}.render-loading{position:fixed;inset:0;z-index:500;background:#191225a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center}.render-loading>div{width:min(390px,calc(100vw - 40px));padding:36px;text-align:center;background:#fff;border-radius:22px;box-shadow:0 24px 70px #0000004d}.render-loading h2{margin:14px 0 8px;font-size:26px}.render-loading p{color:#71677c;line-height:1.5}.render-loading i{display:block;height:6px;margin:22px 0 12px;border-radius:99px;background:linear-gradient(90deg,#7446e8 25%,#eee8f6 25%);animation:render-progress 1.2s infinite}.render-orbit{display:grid;place-items:center;margin:auto;width:66px;height:66px;border-radius:50%;background:#f0e8ff;color:#7446e8;font-size:30px;animation:render-spin 1.5s linear infinite}@keyframes render-spin{to{transform:rotate(360deg)}}@keyframes render-progress{50%{background:linear-gradient(90deg,#7446e8 75%,#eee8f6 75%)}}.studio-toast{position:fixed;z-index:9999;right:26px;bottom:26px;display:flex;align-items:center;gap:10px;padding:14px 18px;background:#21192d;color:#fff;border-radius:12px;box-shadow:0 14px 35px #130c1e47;font-weight:700;animation:toast-in .25s ease}.studio-toast b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#20b675}.studio-toast.error b{background:#e75050}.studio-toast.leaving{opacity:0;transform:translateY(12px);transition:.35s}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.client-workspace{overflow:hidden;background:#fff;border:1px solid #e8e4f0;border-radius:18px;box-shadow:0 12px 35px #1f15340a}.client-workspace>nav{display:flex;gap:4px;padding:10px 16px;border-bottom:1px solid #eeeaf5;background:#fcfbff}.client-workspace>nav button{border:0;background:transparent;padding:12px 16px;border-radius:9px;font-size:12px;font-weight:800;text-transform:uppercase;color:#827a91;cursor:pointer}.client-workspace>nav button.active{background:#efe8ff;color:#6738df}.client-workspace-body{padding:22px}.client-project-grid,.client-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}.client-project-card,.client-file-card{min-width:0;border:1px solid #e9e5f0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 4px 14px #1d103809;transition:.2s;text-decoration:none;color:#242033}.client-project-card:hover{transform:translateY(-3px);border-color:#b79aff;box-shadow:0 12px 25px #5b31c21f}.client-card-preview{height:142px;background:linear-gradient(135deg,#f5efff,#eee9f9);display:grid;place-items:center;color:#8f65f7;overflow:hidden}.client-card-preview img{width:100%;height:100%;object-fit:cover}.client-card-info{display:grid;gap:7px;padding:14px}.client-card-info strong,.client-file-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.client-card-info span{font-size:11px;color:#7044e8;text-transform:capitalize;font-weight:800}.client-card-info small,.client-file-card small{color:#898196;font-size:11px}.client-order-list{display:grid;gap:9px}.client-order-list a{display:flex;align-items:center;justify-content:space-between;border:1px solid #ece8f1;padding:14px 16px;border-radius:12px;color:#282337;text-decoration:none}.client-order-list a:hover{border-color:#a987ff;background:#fcfaff}.client-order-list div{display:grid;gap:3px}.client-order-list small{color:#8d8598}.client-order-list span{padding:6px 10px;border-radius:999px;background:#f1ebff;color:#6740d6;font-size:11px;font-weight:800}.client-file-upload{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;margin-bottom:20px;border:1px dashed #cdbdff;border-radius:14px;background:#faf8ff}.client-file-upload div{display:grid;gap:4px}.client-file-upload small{color:#80768d}.client-file-upload .primary-button{display:flex;align-items:center;gap:7px;white-space:nowrap}.client-file-card{position:relative;padding:10px}.client-file-preview{display:grid;place-items:center;width:100%;height:154px;margin:0 0 10px;border:0;border-radius:10px;background:#f7f4fb;color:#916cf2;overflow:hidden;cursor:pointer}.client-file-preview:disabled{cursor:default}.client-file-preview img{width:100%;height:100%;object-fit:contain;background:#f6f1ff}.client-file-card>div{display:grid;gap:5px;padding:0 4px}.client-file-card footer{display:flex;justify-content:flex-end;gap:6px;padding-top:11px}.client-file-card footer button,.client-file-card footer a{width:32px;height:32px;border:1px solid #e9e4f1;border-radius:8px;background:#fff;color:#7045e8;display:grid;place-items:center;cursor:pointer}.client-file-card footer a{text-decoration:none}.client-file-card footer button:disabled{opacity:.35;cursor:default}.client-file-card footer .danger{color:#ed5353}.clients-empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;color:#8b8395;text-align:center}.clients-empty svg{width:34px;height:34px;color:#9f78f3}.clients-empty strong{color:#40384e}.clients-empty span{max-width:360px;font-size:13px}.studio-toast{position:fixed;right:28px;bottom:28px;z-index:120;background:#29233b;color:#fff;padding:13px 17px;border-radius:12px;box-shadow:0 15px 36px #140c2740;font-weight:700;font-size:13px;animation:toast-in .22s ease-out}@media(max-width:720px){.client-workspace-body{padding:14px}.client-file-upload{align-items:flex-start;flex-direction:column}.client-file-upload .primary-button{width:100%;justify-content:center}}.client-order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.client-order-card{display:grid;gap:14px;padding:16px;border:1px solid #e8e3f0;border-radius:14px;background:linear-gradient(145deg,#fff,#fcfaff);text-decoration:none;color:#292337;transition:.2s;box-shadow:0 4px 13px #1a0f3008}.client-order-card:hover{transform:translateY(-3px);border-color:#b699ff;box-shadow:0 13px 28px #5c34b721}.client-order-card header,.client-order-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.client-order-number{font-weight:850;font-size:15px}.client-order-status{font-size:10px;font-weight:800;color:#7547df;background:#eee8ff;padding:6px 9px;border-radius:999px;text-transform:uppercase}.client-order-products{display:grid;gap:5px;min-height:45px}.client-order-products strong{font-size:13px;line-height:1.3}.client-order-products small{color:#81798d;font-size:11px}.client-order-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eeeaf3;padding-top:12px;color:#756d80;font-size:11px}.client-order-progress b{color:#4d2baa;background:#f2edff;border-radius:7px;padding:5px 7px;white-space:nowrap}.client-order-card footer{font-size:11px;color:#827a90}.client-order-card footer em{font-style:normal;font-weight:800;color:#7043e4;white-space:nowrap}.template-create-overlay{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:24px;background:#1811269e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.template-create-dialog{position:relative;display:grid;grid-template-columns:190px minmax(360px,520px);max-width:760px;width:100%;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 28px 90px #12082661}.template-dialog-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:10px;background:#fff;color:#554c64;display:grid;place-items:center;cursor:pointer;z-index:2}.template-dialog-preview{min-height:100%;background:linear-gradient(150deg,#e9ddff,#f8f4ff);display:grid;place-items:center;color:#7447e7;overflow:hidden}.template-dialog-preview img{width:100%;height:100%;object-fit:cover}.template-dialog-content{padding:32px}.template-dialog-content h2{margin:6px 0 8px;font-size:24px}.template-dialog-content p{margin:0 0 22px;color:#766e82;line-height:1.5}.template-variable-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-variable-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#4b4358}.template-variable-form label span b{color:#e55050;margin-left:3px}.template-variable-form input{padding:12px;border:1px solid #ddd4ec;border-radius:10px;font:inherit;font-weight:600;outline-color:#7a48ee}.template-dialog-content footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.template-dialog-content footer button{display:flex;align-items:center;gap:7px}@media(max-width:650px){.template-create-dialog{grid-template-columns:1fr}.template-dialog-preview{height:110px}.template-dialog-content{padding:24px}.template-variable-form{grid-template-columns:1fr}}.template-photo-input{padding:9px!important;background:#faf8ff;font-size:12px!important}.template-photo-help{font-size:11px;color:#847a91;font-weight:500}.template-photo-ready{font-size:11px;color:#208a5c;font-style:normal;font-weight:800}.template-library-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:18px 0}.template-library-toolbar label{display:grid;gap:6px;width:min(460px,100%);color:#5b5268;font-size:12px;font-weight:800}.template-library-toolbar input{border:1px solid #dfd8eb;border-radius:10px;padding:12px 14px;background:#fff;font:inherit;outline-color:#7543eb}.template-library-toolbar>span{font-size:12px;font-weight:800;color:#7650d8;background:#f1ebff;padding:9px 12px;border-radius:999px}.template-creation-guide{display:flex;align-items:center;gap:8px;margin:18px 0 8px;padding:12px 14px;border:1px solid #e4d8ff;border-radius:12px;background:linear-gradient(110deg,#faf7ff,#fff)}.template-creation-guide span{font-size:11px;font-weight:800;color:#604d78}.template-creation-guide b{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:4px;border-radius:50%;background:#7544e9;color:#fff}.template-creation-guide i{color:#9d83d6;font-style:normal}@media(max-width:650px){.template-library-toolbar{align-items:stretch;flex-direction:column}.template-creation-guide{flex-wrap:wrap}}.template-choice{display:grid;gap:6px;margin:0 0 16px;font-size:12px;font-weight:800;color:#4b4358}.template-choice select{padding:11px 12px;border:1px solid #ddd4ec;border-radius:10px;background:#fff;font:inherit;font-weight:600;outline-color:#7a48ee}.template-edit-art{border:1px solid #ded5ed;background:#fff;color:#6946c5;border-radius:8px;font-size:11px;font-weight:800;padding:9px 10px;cursor:pointer}.template-info-modal{max-width:620px}.template-info-modal>p{max-width:510px;line-height:1.5;color:#776d82}.template-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.template-info-grid>label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#42394f}.template-info-grid input,.template-info-grid select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #ded5eb;border-radius:10px;background:#fff;font:inherit;color:#2e2739;outline-color:#7544e9}.template-info-product{grid-column:1/-1}.template-info-product small{font-size:11px;color:#83798f;font-weight:500}.template-info-grid .dimension-fields{grid-column:1/-1;margin:0}.template-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.template-modal-actions button{min-height:42px}@media(max-width:650px){.template-info-grid,.template-info-grid .dimension-fields{grid-template-columns:1fr}.template-actions{grid-template-columns:1fr 1fr}.template-actions .primary-button{grid-column:1/-1}}.template-heading-actions{display:flex;gap:10px}.template-heading-actions button{display:flex;align-items:center;gap:8px}.template-action-menu{position:relative}.template-more{width:44px;height:44px;border:1px solid #ded5ed;border-radius:10px;background:#fff;color:#5e5270;display:grid;place-items:center;cursor:pointer}.template-more:hover{border-color:#9c7bf4;color:#6e42df;background:#faf8ff}.template-action-popover{position:absolute;right:0;bottom:52px;z-index:20;display:grid;width:210px;padding:6px;border:1px solid #e5deef;border-radius:12px;background:#fff;box-shadow:0 16px 38px #2214412e}.template-action-popover button{display:flex;align-items:center;gap:9px;padding:10px;border:0;border-radius:8px;background:transparent;color:#40374e;font:inherit;font-size:12px;font-weight:750;text-align:left;cursor:pointer}.template-action-popover button:hover{background:#f5f0ff;color:#6338d1}.template-action-popover .danger-action{color:#de5252}.template-action-popover svg{width:16px;height:16px}.category-field{display:flex;gap:8px}.category-field input{min-width:0;flex:1}.category-field button{width:42px;border:1px solid #dcd2ef;border-radius:9px;background:#f7f3ff;color:#7143e7;display:grid;place-items:center;cursor:pointer}.categories-modal{max-width:560px}.categories-modal>p{color:#756c80;line-height:1.5}.new-category-row{display:flex;gap:10px;margin:20px 0}.new-category-row input{flex:1;min-width:0;padding:12px 14px;border:1px solid #ded5eb;border-radius:10px;font:inherit;outline-color:#7544e9}.new-category-row button{display:flex;align-items:center;gap:7px}.category-manager-list{display:grid;gap:8px;max-height:320px;overflow:auto}.category-manager-list article{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border:1px solid #e9e4f0;border-radius:11px}.category-manager-list article span{display:flex;align-items:center;gap:8px}.category-manager-list article span svg{color:#7545e7;width:17px}.category-manager-list article small{margin-left:4px;color:#867d91}.category-manager-list article button{border:0;background:#fff4f4;color:#e44f4f;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;cursor:pointer}.category-manager-list article button:hover{background:#ffe2e2}@media(max-width:650px){.template-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.template-heading-actions button{justify-content:center}.template-action-popover{right:0;bottom:48px}.new-category-row{align-items:stretch;flex-direction:column}}.product-combobox{position:relative}.product-results{position:absolute;z-index:35;left:0;right:0;top:calc(100% + 7px);max-height:330px;overflow:auto;padding:7px;border:1px solid #ddd4ec;border-radius:12px;background:#fff;box-shadow:0 18px 42px #2412462e}.product-results button{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.product-results button:hover{background:#f6f1ff}.product-results img,.product-image-fallback{width:46px;height:46px;flex:0 0 46px;border-radius:8px;object-fit:cover;background:#f0eaff}.product-image-fallback{display:grid;place-items:center;color:#8056e8}.product-results button>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.product-results b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-results small{font-size:11px;color:#857b91}.product-results button>svg{width:16px;color:#a283e9}.product-no-results{padding:16px;color:#847b8d;font-size:13px;text-align:center}.template-identity-step>div{display:grid;gap:18px}.template-identity-step label{gap:8px}.template-identity-step .category-field{margin-top:1px}.template-identity-step .field-help{display:block;margin-top:3px;line-height:1.45}.template-variable-step{padding:20px}.template-variable-step>div{display:grid;gap:14px}.template-variable-step>div>label{line-height:1.35}.template-variable-step .variable-picker{gap:12px}.template-variable-step .variable-picker button{min-height:108px;padding:14px;gap:4px}.template-variable-step .variable-picker strong{margin-top:3px}.template-variable-step .variable-picker small{margin-top:1px}@media(max-width:650px){.template-identity-step>div{gap:16px}.template-variable-step{padding:16px}.template-variable-step .variable-picker{grid-template-columns:repeat(2,1fr);gap:10px}.template-variable-step .variable-picker button{min-height:96px}}.approval-page{min-height:100vh;background:linear-gradient(145deg,#f5f0ff,#fff 48%,#f8f5ff);padding:34px 20px 70px;box-sizing:border-box}.approval-brand{width:min(840px,100%);margin:0 auto 16px;display:flex;align-items:center;gap:9px;color:#32274a;font:800 16px Manrope}.approval-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#7544e9;color:#fff}.approval-card{width:min(840px,100%);box-sizing:border-box;margin:auto;background:#fff;border:1px solid #e8e0f4;border-radius:22px;padding:34px;box-shadow:0 18px 54px #341e5d1c}.approval-card h1{font:800 30px Manrope;margin:7px 0}.approval-version{display:flex;align-items:center;gap:7px;color:#756b82}.approval-version svg{width:16px;color:#7544e9}.approval-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:28px 0}.approval-images img{width:100%;max-height:620px;object-fit:contain;background:#f8f5fc;border-radius:14px;border:1px solid #eee9f3}.approval-actions{display:flex;gap:12px}.approval-approve{flex:1;min-height:50px;border:0;border-radius:11px;background:#17875d;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font:800 14px Manrope;cursor:pointer}.approval-actions .outline-button{min-height:50px;padding:0 19px}.approval-comment label{display:grid;gap:8px;font-size:13px;font-weight:800}.approval-comment textarea{min-height:110px;padding:13px;border:1px solid #dcd3e9;border-radius:11px;font:inherit;resize:vertical}.approval-comment>div{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.approval-safe{display:flex;align-items:center;justify-content:center;gap:6px;color:#84798e;margin-top:22px}.approval-safe svg{width:15px;color:#6f44dc}.approval-state{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center}.approval-state>svg{width:55px;height:55px;color:#24a76f}.approval-state h1{margin:14px 0 6px}.approval-state p{color:#786d85}@media(max-width:580px){.approval-page{padding:20px 12px}.approval-card{padding:23px}.approval-card h1{font-size:24px}.approval-actions{flex-direction:column}.approval-actions .outline-button{justify-content:center}.approval-comment>div{flex-direction:column-reverse}.approval-comment>div button{justify-content:center}}.approval-panel{grid-column:1/-1}.approval-panel .panel-heading{align-items:center}.approval-panel .primary-button{display:flex;align-items:center;gap:7px}.approval-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:18px}.approval-timeline>div{display:flex;gap:9px;padding:12px;border:1px solid #e9e2f1;border-radius:11px;background:#fcfbff}.approval-timeline i{width:10px;height:10px;flex:none;margin-top:4px;border-radius:50%;background:#7645e8;box-shadow:0 0 0 4px #eee7ff}.approval-timeline span{display:grid;gap:4px}.approval-timeline b{font-size:12px}.approval-timeline small,.approval-timeline time{font-size:11px;color:#7e7588}.approval-empty{color:#82788c}.approval-send-modal{max-width:620px}.approval-field{display:grid;gap:7px;margin:15px 0;font-size:12px;font-weight:800}.approval-field select{padding:12px;border:1px solid #ded5eb;border-radius:10px;background:#fff;font:inherit}.approval-assets{display:grid;gap:8px;margin:20px 0}.approval-assets>b{font-size:13px}.approval-assets>small{color:#82788d}.approval-assets label{display:grid;grid-template-columns:20px 48px 1fr;align-items:center;gap:9px;padding:8px;border:1px solid #e7e1ee;border-radius:10px;font-size:12px;font-weight:700}.approval-assets img{width:48px;height:48px;border-radius:7px;object-fit:cover;background:#f4effb}.approval-link-ready{display:grid;gap:12px;padding:17px;margin-top:20px;border-radius:12px;background:#f4efff;color:#5134a0}.approval-link-ready>svg{width:28px;height:28px}.approval-link-ready input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #d4c3ff;border-radius:9px;background:#fff;font:inherit;color:#423058}.approval-link-ready .primary-button{justify-content:center}@media(max-width:650px){.approval-panel .panel-heading{align-items:flex-start;flex-direction:column}.approval-panel .panel-heading .primary-button{width:100%;justify-content:center}.approval-timeline{grid-template-columns:1fr}}.approval-active-links{display:grid;gap:8px;margin-top:14px}.approval-active-links>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #dfd3ff;border-radius:10px;background:#faf8ff}.approval-active-links span{display:flex;align-items:center;gap:7px;color:#5f3ac1;font-size:12px;font-weight:800}.approval-active-links span svg{width:16px}.approval-active-links small{color:#867a93;font-weight:500}.approval-active-links .text-button{color:#c14242;font-size:12px}.team-note{display:flex;gap:11px;align-items:center;padding:14px 17px;background:#f5f0ff;color:#6040bd;border-bottom:1px solid #e8ddff}.team-note svg{width:22px}.team-note span{display:grid;gap:2px;font-size:12px}.team-note b{font-size:13px}.team-table>header,.team-table>article{display:grid;grid-template-columns:2fr 1fr .8fr 1fr 1fr;gap:14px;align-items:center;padding:15px 18px;border-bottom:1px solid #eeeaf2}.team-table>header{font-size:10px;font-weight:800;text-transform:uppercase;color:#887e93}.team-table article>div{display:grid;gap:4px}.team-table article small{color:#8b8294}.team-table article>span{font-size:13px}.team-table select{padding:9px;border:1px solid #ded7e9;border-radius:8px;background:#fff}.team-access{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:700}.team-access input{accent-color:#7446e8}.team-active{color:#07865b}.team-inactive{color:#bd5660}@media(max-width:800px){.team-table>header{display:none}.team-table>article{grid-template-columns:1fr 1fr}.team-table article>div{grid-column:1/-1}}.checkout-dialog{max-width:560px!important;text-align:left}.checkout-dialog>strong{display:block;font-size:30px;color:#251a39;margin:4px 0 8px}.checkout-email{display:grid;gap:7px;margin:22px 0 14px;font-size:13px;font-weight:800;color:#4b405a}.checkout-email input{padding:13px 14px;border:1px solid #dcd1f1;border-radius:11px;font:inherit}.checkout-methods{display:grid;gap:10px}.checkout-methods button{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid #e2d8f3;background:#fff;border-radius:13px;color:#322745;text-align:left}.checkout-methods button:hover{border-color:#7547ec;background:#fbf9ff}.checkout-methods>button>svg:first-child{width:25px;height:25px;padding:9px;border-radius:10px;background:#efe8ff;color:#7040e8;box-sizing:content-box}.checkout-methods span{display:grid;gap:3px;flex:1}.checkout-methods small,.pix-head small{font-size:12px;color:#847a91;font-weight:500}.pix-checkout,.card-checkout{margin-top:20px;border:1px solid #e7ddfa;border-radius:15px;padding:18px;background:#fcfbff}.pix-checkout>img{display:block;width:210px;height:210px;margin:20px auto 14px;border-radius:10px}.pix-head{display:flex;gap:10px;align-items:center}.pix-head>svg{color:#7443e8}.pix-head>div{display:grid;gap:3px}.pix-copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:0;border-radius:10px;background:#7043e7;color:#fff;font-weight:800}.pix-wait{display:flex;align-items:center;justify-content:center;gap:7px;color:#786b88;font-size:12px;margin:16px 0 2px}.pix-wait svg,.checkout-loading svg{width:16px;animation:spin 1s linear infinite}.pix-checkout>a{display:block;margin-top:13px;text-align:center;font-size:12px;color:#6740d6}.checkout-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;color:#685a77;font-weight:700}.checkout-success{text-align:center;padding:28px 10px}.checkout-success>span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#dcf8e8;color:#159b59;margin:0 auto 15px}.checkout-success h2{margin:0}.checkout-success .primary-button{margin-top:18px}.card-checkout #cardPaymentBrick_container{min-height:250px;margin-top:17px}.checkout-dialog .text-button{width:auto;margin:15px auto 0;display:block}.checkout-dialog .modal-close{z-index:2}.mockup-panel{background:linear-gradient(135deg,#fff,#faf7ff)}.mockup-panel .panel-heading{align-items:center}.mockup-source-preview{display:flex;gap:13px;align-items:center;border:1px solid #e9e1fc;background:#fff;border-radius:12px;padding:10px}.mockup-source-preview img{width:58px;height:58px;object-fit:cover;border-radius:8px}.mockup-source-preview span{display:grid;gap:4px;font-size:12px}.mockup-source-preview small{color:#81788e}.mockup-modal{max-width:520px}.mockup-modal h2{margin:6px 0}.mockup-modal>p{color:#746b81;font-size:13px;line-height:1.5}.mockup-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.mockup-choice-grid label{display:grid;gap:6px;font-size:12px;font-weight:800}.mockup-modal select,.mockup-modal textarea{width:100%;border:1px solid #dfd7ed;border-radius:9px;padding:11px;font:inherit;background:#fff}.mockup-modal textarea{min-height:76px;resize:vertical}.mockup-generate{width:100%;justify-content:center;margin-top:16px}.mockup-progress{display:flex;gap:7px;justify-content:center;align-items:center;font-size:12px!important;color:#6d46dc!important}.mockup-progress svg{width:16px}@media(max-width:650px){.mockup-choice-grid{grid-template-columns:1fr}}.mockup-modal{overflow:hidden}.mockup-loading{position:absolute;inset:0;z-index:4;background:linear-gradient(145deg,#fff,#f6f1ff);padding:42px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:mockup-fade .22s ease-out}.mockup-loading-art{position:relative;width:118px;height:118px;border-radius:22px;overflow:visible;margin:8px 0 18px;box-shadow:0 17px 32px #6b45d92d}.mockup-loading-art:before,.mockup-loading-art:after{content:"";position:absolute;inset:-9px;border:1px solid #a889ff66;border-radius:28px;animation:mockup-pulse 1.7s ease-out infinite}.mockup-loading-art:after{animation-delay:.55s}.mockup-loading-art img{width:100%;height:100%;object-fit:cover;border-radius:18px}.mockup-loading-art i{position:absolute;right:-12px;bottom:-12px;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#7044e8;color:#fff;box-shadow:0 8px 18px #6741d35c}.mockup-loading-art i svg{width:21px}.mockup-loading>b{font:800 21px Manrope;color:#262033;margin:7px 0}.mockup-loading>p{max-width:310px;color:#756c80;font-size:13px;line-height:1.5;margin:4px 0 18px}.mockup-loading ol{padding:0;margin:0;width:min(330px,100%);display:grid;gap:8px;list-style:none;text-align:left}.mockup-loading li{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #ebe5f5;border-radius:10px;padding:10px 12px;color:#8b8295;font-size:12px;font-weight:700}.mockup-loading li svg{width:16px}.mockup-loading li.done{color:#179b6f}.mockup-loading li.active{border-color:#a889ff;background:#f5f0ff;color:#6741d3}.mockup-loading li.active svg{animation:mockup-spin 1.2s linear infinite}@keyframes mockup-pulse{0%{transform:scale(.83);opacity:.9}to{transform:scale(1.15);opacity:0}}@keyframes mockup-spin{to{transform:rotate(360deg)}}@keyframes mockup-fade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.mockup-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.mockup-mode button{display:flex;align-items:flex-start;gap:9px;text-align:left;padding:12px;border:1px solid #e3dced;background:#fff;border-radius:11px;color:#71687e}.mockup-mode button.active{border-color:#7a4df0;background:#f7f3ff;color:#5430bf;box-shadow:inset 0 0 0 1px #7a4df0}.mockup-mode button>svg{width:18px;flex:none}.mockup-mode span{display:grid;gap:3px}.mockup-mode b{font-size:12px}.mockup-mode small{font-size:10px;color:#81778c}.mockup-tip{display:flex;align-items:flex-start;gap:7px;margin:13px 0;padding:11px;border-radius:9px;background:#f2ecff;color:#6139c9;font-size:11px;line-height:1.45}.mockup-tip svg{width:16px;flex:none}@media(max-width:650px){.mockup-mode{grid-template-columns:1fr}}.mockup-zoom{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;padding:14px 16px;border:1px solid #e8dcff;border-radius:14px;background:#faf7ff;margin:14px 0}.mockup-zoom small{display:block;color:#827a92;font-size:12px;margin-top:3px}.mockup-zoom output{font-weight:800;color:#6f3df4}.mockup-zoom input{grid-column:1/-1;accent-color:#7040e8;width:100%}.mockup-placement-preview{height:112px;position:relative;overflow:hidden;border:1px solid #eee6f8;border-radius:14px;background:linear-gradient(135deg,#f8f5ff,#fff);display:grid;place-items:center}.mockup-placement-preview img{height:92px;max-width:85%;object-fit:contain;transition:transform .18s ease}.mockup-placement-preview span{position:absolute;bottom:7px;right:10px;font-size:11px;color:#7d7193;background:#fff;padding:3px 7px;border-radius:99px}.technical-composite{background:#eef0f4}.technical-composite .technical-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.technical-composite .technical-art{position:relative;z-index:1;width:31%;height:62%;object-fit:fill;transition:transform .18s ease}.technical-composite:has(.technical-base[src$=caixa]) .technical-art,.technical-composite:has(.technical-base[src$=sacola]) .technical-art{width:48%;height:66%}.technical-composite:has(.technical-base[src$=convite]) .technical-art,.technical-composite:has(.technical-base[src$=cartao]) .technical-art,.technical-composite:has(.technical-base[src$=adesivo]) .technical-art{width:44%;height:77%}.technical-composite span{z-index:2}.mockup-nudge{display:flex;justify-content:center;gap:8px;margin:10px 0}.mockup-nudge button{width:34px;height:30px;border:1px solid #e4d8ff;border-radius:8px;background:#fff;color:#6739dd;font-size:17px;font-weight:800}.mockup-nudge button:hover{background:#f3edff}.template-action-menu{position:relative;isolation:isolate}.template-action-popover{left:0;right:auto;bottom:52px;transform:none;z-index:60}.template-action-popover:after{content:"";position:absolute;left:14px;bottom:-6px;width:11px;height:11px;background:#fff;border-right:1px solid #e5deef;border-bottom:1px solid #e5deef;transform:rotate(45deg)}.template-action-popover button{position:relative;z-index:1}@media(min-width:1200px){.template-card:nth-child(4n) .template-action-popover{left:auto;right:0}.template-card:nth-child(4n) .template-action-popover:after{left:auto;right:14px}}.template-modal{position:relative}.template-creation-loading{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px;background:#fffffff7;border-radius:inherit;text-align:center}.template-creation-loading h3{margin:10px 0 7px;font-size:22px}.template-creation-loading p{max-width:360px;margin:0;color:#776d83;line-height:1.5}.template-creation-orb{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:#f0e9ff;color:#7040e8;box-shadow:0 0 0 10px #7040e814;animation:templatePulse 1.25s ease-in-out infinite}.template-creation-orb svg{width:30px;height:30px}.template-creation-steps{display:flex;gap:13px;flex-wrap:wrap;justify-content:center;margin-top:25px;font-size:12px;color:#958ba2}.template-creation-steps span{display:flex;align-items:center;gap:5px}.template-creation-steps .done{color:#29966a}.template-creation-steps .active{color:#7040e8;font-weight:800}@keyframes templatePulse{50%{transform:scale(1.08);box-shadow:0 0 0 17px #7040e808}}.art-lightbox .pdf-viewer{display:block;width:min(1080px,88vw);height:min(78vh,900px);border:0;border-radius:12px;background:#fff}.art-lightbox>div:has(.pdf-viewer){width:auto;max-width:none;padding:14px;background:#fff;border-radius:16px}.art-lightbox>div:has(.pdf-viewer)>strong{display:block;color:#30263d;padding:10px 6px 2px}.art-lightbox{display:grid;place-items:center;padding:28px;background:#120e1be0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.art-lightbox .pdf-dialog{width:min(1240px,94vw);height:min(860px,90vh);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#25222b;box-shadow:0 30px 90px #00000073}.art-lightbox .pdf-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;background:#302c38;color:#fff}.art-lightbox .pdf-dialog header div:first-child{min-width:0;display:grid;gap:3px}.art-lightbox .pdf-dialog header .eyebrow{color:#bfaeff;font-size:10px}.art-lightbox .pdf-dialog header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.art-lightbox .pdf-dialog header div:last-child{display:flex;align-items:center;gap:7px}.art-lightbox .pdf-dialog header a,.art-lightbox .pdf-dialog header button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #534d5e;border-radius:9px;background:transparent;color:#fff;text-decoration:none;font-size:20px;cursor:pointer}.art-lightbox .pdf-dialog header a:hover,.art-lightbox .pdf-dialog header button:hover{background:#443b55}.art-lightbox .pdf-viewer{width:100%;height:100%;border:0;border-radius:0;background:#39353f}.art-lightbox .image-dialog{position:relative;max-width:94vw;max-height:90vh}.art-lightbox .image-dialog>img{display:block;max-width:94vw;max-height:86vh;object-fit:contain}.art-lightbox .image-dialog .art-lightbox-close{position:absolute;right:12px;top:12px;z-index:2}.art-lightbox>div.pdf-dialog:has(.pdf-viewer){width:min(1240px,94vw)!important;height:min(860px,90vh)!important;max-width:none!important;padding:0!important;border-radius:18px!important;background:#25222b!important}.art-lightbox .pdf-dialog .pdf-viewer{min-width:0;min-height:0;width:100%!important;height:100%!important}.client-file-card .file-view-button{color:#7040e8;border-color:#ddd2ff;background:#faf8ff}.client-file-card .file-view-button:hover{background:#f0eaff}.project-mockup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.project-mockup-card{border:1px solid #e6e1ef;border-radius:16px;overflow:hidden;background:#fff}.project-mockup-card>img{width:100%;height:160px;object-fit:cover;background:#f7f5fb}.project-mockup-card>div{padding:12px;display:grid;gap:5px}.project-mockup-card small{color:#817b91}.mockup-studio-modal{max-width:860px}.mockup-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:390px;overflow:auto;margin:16px 0}.mockup-preset-grid button{position:relative;overflow:hidden;background:#fff;border:1px solid #e4deef;border-radius:12px;padding:0;text-align:left}.mockup-preset-grid button.selected{border:2px solid #6d42ed;box-shadow:0 0 0 3px #eee8ff}.mockup-preset-grid img{display:block;width:100%;height:110px;object-fit:cover;background:#f4f2f8}.mockup-preset-grid span{display:grid;padding:10px;gap:3px}.mockup-preset-grid small{color:#827b91}.mockup-preset-grid svg{position:absolute;right:8px;top:8px;background:#6d42ed;color:#fff;border-radius:50%;padding:4px}.mockup-batch-actions{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px;color:#756d85;font-size:13px}@media(max-width:700px){.mockup-preset-grid{grid-template-columns:repeat(2,1fr)}}.project-files .asset-gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.project-files .asset-gallery>article{border-radius:16px;padding:10px;box-shadow:0 8px 22px #2315410f}.project-files .asset-gallery>article>button:first-child,.project-files .asset-gallery .file-placeholder{height:180px;border-radius:11px;background:#f7f4fc;overflow:hidden}.project-files .asset-gallery>article img{width:100%;height:100%;object-fit:contain}.project-files .asset-gallery>article>div:not(.file-placeholder){padding:10px 3px 5px}.project-files .asset-gallery>article>a,.project-files .asset-gallery .asset-delete{border-radius:9px}.asset-presentation-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:18px}.asset-presentation-card{min-width:0}.asset-presentation-preview{position:relative;display:block;width:100%;height:190px;border:0;padding:0;background:#f6f3fb;overflow:hidden}.asset-presentation-preview img{width:100%!important;height:100%!important;object-fit:contain!important;padding:14px}.asset-presentation-preview span{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:5px;border-radius:9px;background:#1d162fd6;color:#fff;padding:7px 9px;font-size:11px;opacity:0;transition:.18s}.asset-presentation-preview:hover span{opacity:1}.asset-presentation-card>div:not(.file-placeholder){min-width:0;padding:13px 14px 10px!important}.asset-presentation-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-presentation-card .file-placeholder{height:190px!important;display:grid;place-items:center}.mockup-workbench{width:min(1180px,96vw);max-width:none;max-height:92vh;overflow:auto;padding:26px}.mockup-workbench-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 32px 20px 0}.mockup-workbench-head h2{font:800 25px Manrope;margin:5px 0 6px;color:#251d33}.mockup-workbench-head p{margin:0;color:#776f82;font-size:13px}.mockup-workbench-head>strong{white-space:nowrap;border:1px solid #e5dcf8;background:#f7f2ff;color:#6740d6;border-radius:9px;padding:8px 11px;font-size:12px}.mockup-workbench-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px}.mockup-workbench aside{display:flex;flex-direction:column;gap:13px}.mockup-product-tabs{display:flex;flex-wrap:wrap;gap:8px}.mockup-product-tabs button,.mockup-fit-controls button{border:1px solid #e2dbea;background:#fff;color:#62596f;border-radius:8px;padding:8px 10px;font-weight:800;font-size:11px}.mockup-product-tabs button.active,.mockup-fit-controls button.active{border-color:#7446e8;background:#f2ecff;color:#5f35cf}.mockup-fit-controls{display:grid;gap:8px}.mockup-fit-controls>span,.mockup-range span{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:800;color:#45394f}.mockup-fit-controls>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mockup-fit-controls button{padding-inline:6px}.mockup-range{display:grid;gap:7px;padding:12px;border:1px solid #e8e1f0;border-radius:10px;background:#fff}.mockup-range output{color:#6d42dc}.mockup-range input{width:100%;accent-color:#7040e8}.mockup-live-preview{position:relative;aspect-ratio:1.14;background:#f2f0f5;border:1px solid #e7e0ee;border-radius:12px;overflow:hidden;display:grid;place-items:center}.mockup-live-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mockup-live-area{position:absolute;overflow:hidden;outline:2px solid rgba(112,64,232,.7);outline-offset:1px;background:#fff9}.mockup-live-area img{width:100%;height:100%;display:block;transition:transform .18s ease}.mockup-live-preview>span{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:9px;background:#191325d1;color:#fff;padding:7px 9px;font-size:11px;font-weight:800}.mockup-models-toolbar{display:flex;align-items:center;gap:10px;margin:15px 0 10px}.mockup-models-toolbar>div{display:grid;gap:2px;margin-right:auto}.mockup-models-toolbar b{font-size:14px}.mockup-models-toolbar small{font-size:11px;color:#82798d}.mockup-model-grid{margin:0;max-height:330px;grid-template-columns:repeat(4,minmax(0,1fr))}.mockup-model-grid button{border-radius:10px}.mockup-model-grid img{height:104px}.mockup-model-grid b,.mockup-model-grid small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-workbench .mockup-generate{margin-top:18px}@media(max-width:980px){.mockup-workbench{padding:22px}.mockup-workbench-grid{grid-template-columns:1fr}.mockup-workbench aside{display:grid;grid-template-columns:1fr 1fr}.mockup-workbench aside .approval-field,.mockup-product-tabs,.mockup-fit-controls,.mockup-workbench aside .text-button{grid-column:1/-1}.mockup-model-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.mockup-workbench{width:100vw;max-height:100vh;border-radius:0}.mockup-workbench-head{display:block;margin-right:24px}.mockup-workbench-head>strong{display:inline-block;margin-top:10px}.mockup-workbench aside{display:flex}.mockup-models-toolbar{flex-wrap:wrap}.mockup-models-toolbar>div{width:100%}.mockup-model-grid{grid-template-columns:repeat(2,1fr)}}.project-mockup-card{border-radius:14px;box-shadow:0 10px 24px #2a184612;transition:transform .16s ease,box-shadow .16s ease}.project-mockup-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #2a18461f}.project-mockup-card>img{height:172px;object-fit:cover}.project-files .asset-gallery.asset-presentation-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:16px!important}.project-files .asset-gallery.asset-presentation-grid>article{display:block!important;padding:0!important;min-height:0!important;border:1px solid #e6e1ef!important;border-radius:14px!important;overflow:hidden;background:#fff;box-shadow:0 10px 24px #2a184612!important}.project-files .asset-gallery.asset-presentation-grid>article:hover{transform:translateY(-2px);box-shadow:0 16px 34px #2a18461f!important}.project-files .asset-presentation-preview,.project-files .asset-gallery.asset-presentation-grid .file-placeholder{position:relative!important;display:block!important;width:100%!important;height:172px!important;border-radius:0!important;background:#f7f5fb!important}.project-files .asset-presentation-preview img{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important}.project-files .asset-presentation-preview span{left:10px;right:10px;bottom:10px;justify-content:center}.project-files .asset-presentation-card>div:not(.file-placeholder){padding:12px!important}.mockup-workbench .mockup-loading{position:absolute;inset:0;z-index:30;justify-content:center;background:linear-gradient(145deg,#fffffffa,#f6f1fffa);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mockup-workbench .mockup-loading-art{background:#fff}.mockup-workbench .mockup-loading ol{margin-top:4px}.mockup-workbench .mockup-loading li.active svg{animation:mockup-spin 1.2s linear infinite}.mockup-panel .panel-heading>.primary-button{flex:none;white-space:nowrap}.project-mockup-preview{position:relative;display:block;width:100%;height:172px;border:0;padding:0;background:#f7f5fb;overflow:hidden;cursor:zoom-in}.project-mockup-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.project-mockup-preview:hover img{transform:scale(1.03)}.project-mockup-preview span{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;background:#1d162fd6;color:#fff;padding:7px 9px;font-size:11px;font-weight:700;opacity:0;transition:opacity .18s}.project-mockup-preview:hover span,.project-mockup-preview:focus-visible span{opacity:1}.project-mockup-preview svg{width:15px;height:15px}.project-mockup-preview.empty{display:grid;place-items:center;cursor:default;color:#b3a9c6}.project-mockup-card>div{min-width:0}.project-mockup-card>div b,.project-mockup-card>div strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail-grid .card-actions{display:flex;align-items:center;gap:6px;padding:10px;border-top:1px solid #efebf5;background:#fff}.project-detail-grid .card-actions>.card-action{position:static;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;height:34px;min-width:34px;margin:0;padding:0 12px;border:1px solid #e7e1f2;border-radius:10px;background:#fff;box-shadow:none;color:#4c3f66;font:inherit;font-size:12.5px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.project-detail-grid .card-actions>.card-action svg{width:16px;height:16px;flex:none}.project-detail-grid .card-actions>.card-action:hover{background:#f6f2ff;border-color:#d9ccfb;color:#5b34d6}.project-detail-grid .card-actions>.card-action:focus-visible{outline:2px solid #7a4df0;outline-offset:2px}.project-detail-grid .card-actions>.card-action.primary{flex:1;min-width:0;background:#6c47e8;border-color:#6c47e8;color:#fff}.project-detail-grid .card-actions>.card-action.primary:hover{background:#5b36d8;border-color:#5b36d8;color:#fff}.project-detail-grid .card-actions>.card-action.icon{width:34px;padding:0}.project-detail-grid .card-actions>.card-action.danger:hover{background:#fff4f4;border-color:#f5c9cb;color:#d9434a}.project-detail-grid .card-actions>.card-action:disabled{opacity:.45;cursor:default}.mockup-live-preview .mockup-live-base{transition:opacity .2s ease}.mockup-live-preview.loading .mockup-live-base{opacity:.72}.mockup-live-spinner{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;border:3px solid rgba(108,71,232,.22);border-top-color:#6c47e8;animation:mockup-spin .8s linear infinite}.mockup-fit-card{display:grid;gap:12px;padding:14px;border:1px solid #e6dcfb;border-radius:12px;background:linear-gradient(135deg,#faf7ff,#fff)}.mockup-fit-head{display:flex;gap:10px;align-items:flex-start}.mockup-fit-head>svg{width:18px;height:18px;flex:none;color:#6c47e8;margin-top:1px}.mockup-fit-head span{display:grid;gap:3px}.mockup-fit-head b{font-size:13px;color:#2b2140}.mockup-fit-head small{font-size:11.5px;line-height:1.4;color:#7b7289}.mockup-fit-card>.outline-button{justify-content:center;width:100%}.mockup-fit-card .mockup-fit-controls>div{grid-template-columns:repeat(4,1fr)}.mockup-fit-card .mockup-range{padding:10px;border-color:#ece5f6}.mockup-fit-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.mockup-fit-actions .outline-button{padding:8px 12px;font-size:12px}.mockup-fit-card svg{width:16px;height:16px}.project-files .asset-presentation-preview{cursor:zoom-in}.project-files .asset-presentation-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(23,18,36,.38));opacity:0;transition:opacity .18s}.project-files .asset-presentation-preview:hover:after,.project-files .asset-presentation-preview:focus-visible:after{opacity:1}.project-files .asset-gallery .asset-presentation-preview>span{position:absolute;inset:auto 10px 10px;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border-radius:9px;background:#fffffff2;color:#3b2d5c;font-size:12px;font-weight:700;box-shadow:0 4px 14px #1712242e;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}.project-files .asset-gallery .asset-presentation-preview:hover>span,.project-files .asset-gallery .asset-presentation-preview:focus-visible>span{display:flex;opacity:1;transform:none}.project-files .asset-gallery .asset-presentation-preview>span svg{width:15px;height:15px}.project-files .asset-presentation-preview img{transition:transform .25s ease}.project-files .asset-presentation-preview:hover img{transform:scale(1.03)}.mockup-library-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 22px}.mockup-library-toolbar>label{display:flex;align-items:center;gap:8px;min-width:260px;flex:0 1 340px;padding:0 12px;height:42px;border:1px solid #e3dcef;border-radius:11px;background:#fff;color:#8a809a}.mockup-library-toolbar>label svg{width:17px}.mockup-library-toolbar input{border:0;outline:0;flex:1;font:inherit;background:transparent;color:#2b2140}.mockup-library-chips{display:flex;flex-wrap:wrap;gap:7px}.mockup-library-chips button{height:34px;padding:0 13px;border:1px solid #e3dcef;border-radius:999px;background:#fff;color:#5d536d;font-size:12.5px;font-weight:700}.mockup-library-chips button:hover{border-color:#cdbdf7;color:#5b34d6}.mockup-library-chips button.active{background:#6c47e8;border-color:#6c47e8;color:#fff}.mockup-library-group{margin-bottom:26px}.mockup-library-group>header{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.mockup-library-group h2{margin:0;font-size:18px;color:#251a39}.mockup-library-group small{color:#8a809a}.mockup-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.mockup-library-card{position:relative;border:1px solid #e6e1ef;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #2a18460f}.mockup-library-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#f2f0f5}.mockup-library-card>div{display:grid;gap:3px;padding:10px 12px 12px}.mockup-library-card b{font-size:13px;color:#2b2140;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-library-card small{font-size:11.5px;color:#8a809a}.mockup-library-card em{font-style:normal;color:#5b34d6;font-weight:700}.mockup-library-card>.card-action{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:9px;background:#fffffff2;color:#d9434a;box-shadow:0 3px 10px #26143c26}.mockup-library-card>.card-action svg{width:16px}.mockup-ai-kit{margin:10px 0 30px;padding:22px;border:1px solid #e6dcfb;border-radius:18px;background:linear-gradient(135deg,#fbf9ff,#fff)}.mockup-ai-kit>header{display:flex;gap:14px;margin-bottom:16px}.mockup-ai-kit>header>span{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#6c47e8;color:#fff}.mockup-ai-kit h2{margin:0 0 4px;font-size:18px;color:#251a39}.mockup-ai-kit p{margin:0 0 6px;color:#5d536d;font-size:13.5px;line-height:1.5}.mockup-ai-kit header small{color:#8a809a;font-size:12px}.mockup-prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:14px}.mockup-prompt-grid article{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #ece5f6;border-radius:13px;background:#fff}.mockup-prompt-grid b{font-size:13.5px;color:#2b2140}.mockup-prompt-grid p{flex:1;margin:0;font-size:12px;line-height:1.5;color:#6d6380}.mockup-prompt-grid .outline-button{align-self:flex-start;padding:7px 12px;font-size:12px}.mockup-prompt-grid svg{width:15px}.mockup-ai-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mockup-ai-steps span{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#f2ecff;color:#5b34d6;font-size:12px;font-weight:700}.mockup-ai-steps svg{width:14px}.calibrator-modal{width:min(1180px,96vw);max-width:none;max-height:94vh;overflow:auto;padding:26px}.calibrator-modal h2{margin:5px 0 6px}.calibrator-modal>p{margin:0 0 18px;color:#776f82;font-size:13px}.calibrator-drop{display:grid;place-items:center;gap:8px;padding:56px 20px;border:2px dashed #d3c4fb;border-radius:16px;background:#faf7ff;color:#5b34d6;text-align:center;cursor:pointer}.calibrator-drop input{display:none}.calibrator-drop svg{width:36px;height:36px}.calibrator-drop small{color:#8a809a}.calibrator-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.calibrator-view{display:grid;gap:10px;align-content:start}.calibrator-tabs{display:flex;gap:6px}.calibrator-tabs button{height:34px;padding:0 14px;border:1px solid #e3dcef;border-radius:9px;background:#fff;color:#5d536d;font-weight:700;font-size:12.5px}.calibrator-tabs button.active{background:#f2ecff;border-color:#7446e8;color:#5b34d6}.calibrator-stage{display:block;width:100%;max-height:68vh;border-radius:12px;background:#f2f0f5;touch-action:none;-webkit-user-select:none;user-select:none}.calibrator-area{fill:#6c47e829;stroke:#6c47e8;stroke-linejoin:round}.calibrator-handle{cursor:grab}.calibrator-handle.dragging{cursor:grabbing}.calibrator-handle .halo{fill:#6c47e82e;stroke:none}.calibrator-handle circle:not(.halo){fill:#fff;stroke:#6c47e8}.calibrator-handle text{fill:#fff;font-weight:800;paint-order:stroke;stroke:#6c47e8;stroke-width:6px;pointer-events:none}.calibrator-test{display:grid;place-items:center;min-height:320px;border-radius:12px;background:#f2f0f5;overflow:hidden}.calibrator-test img{display:block;width:100%;max-height:68vh;object-fit:contain;transition:opacity .2s}.calibrator-test.loading img{opacity:.7}.calibrator-test span{color:#8a809a;font-size:13px}.calibrator-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:12px;color:#6d6380}.calibrator-legend b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:50%;background:#6c47e8;color:#fff;font-size:10.5px}.calibrator-form{display:flex;flex-direction:column;gap:12px}.calibrator-form input:not([type=range]):not([type=checkbox]){width:100%}.calibrator-size{display:flex;align-items:center;gap:6px;margin-top:6px}.calibrator-size input{width:84px!important}.calibrator-size small{color:#8a809a}.calibrator-fit{grid-template-columns:1fr 1fr!important}.calibrator-check{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#4b405a}.calibrator-form .primary-button{justify-content:center}@media(max-width:900px){.calibrator-grid{grid-template-columns:1fr}.mockup-library-toolbar>label{flex:1 1 100%}}.calibrator-form .approval-field,.mockup-workbench aside .approval-field{margin:0}.calibrator-form .approval-field input{padding:11px 12px;border:1px solid #ded5eb;border-radius:10px;background:#fff;font:inherit;font-weight:600;outline:0}.calibrator-form .approval-field input:focus,.approval-field select:focus{border-color:#7a4df0;box-shadow:0 0 0 3px #7a4df026;outline:0}@media(min-width:981px){.mockup-workbench{display:flex;flex-direction:column;height:min(860px,94vh);max-height:none;overflow:hidden;padding:22px 26px}.mockup-workbench-head{margin-bottom:14px}.mockup-workbench-head h2{font-size:22px}.mockup-workbench-grid{flex:1;min-height:0;grid-template-columns:260px minmax(0,1fr)}.mockup-workbench aside{min-height:0;overflow:auto;padding-right:4px}.mockup-workbench main{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr);gap:0 16px;min-height:0}.mockup-workbench .mockup-live-preview{grid-column:1;grid-row:1/3;aspect-ratio:auto;height:100%;min-height:0}.mockup-workbench .mockup-models-toolbar{grid-column:2;grid-row:1;flex-wrap:wrap;gap:4px 10px;margin:0 0 10px}.mockup-workbench .mockup-models-toolbar>div{width:100%}.mockup-workbench .mockup-model-grid{grid-column:2;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;min-height:0;overflow:auto;align-content:start;padding:2px 4px 2px 2px}.mockup-workbench .mockup-model-grid img{height:92px}.mockup-workbench .mockup-generate{flex:none;align-self:flex-end;width:auto;min-width:240px;margin-top:14px}}.mockup-panel-actions{display:flex;gap:8px;flex:none}.mockup-panel-actions>*{white-space:nowrap}.studio3d-boot{padding:18px 22px;border-radius:12px;background:#fff;font-weight:700;color:#4b405a}.studio3d{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;width:min(1240px,97vw);max-width:none;height:min(880px,95vh);padding:22px;overflow:hidden}.studio3d-panel{display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto;padding-right:6px}.studio3d-panel h2{margin:4px 0 0;font-size:21px;color:#251a39}.studio3d-panel .approval-field{margin:0}.studio3d-field{display:grid;gap:7px}.studio3d-field>span{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:#45394f}.studio3d-field>span b{font-weight:700;color:#6d42dc}.studio3d-seg{display:flex;flex-wrap:wrap;gap:6px}.studio3d-seg button{flex:1 0 auto;height:32px;padding:0 10px;border:1px solid #e2dbea;border-radius:8px;background:#fff;color:#62596f;font-size:11.5px;font-weight:800}.studio3d-seg button.active{border-color:#7446e8;background:#f2ecff;color:#5f35cf}.studio3d-swatches{display:flex;flex-wrap:wrap;gap:7px}.studio3d-swatches>button,.studio3d-color{width:28px;height:28px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:50%;cursor:pointer}.studio3d-swatches>button.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #6c47e8}.studio3d-color{position:relative;overflow:hidden;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.studio3d-color input{position:absolute;inset:0;opacity:0;cursor:pointer}.studio3d-swatches>.studio3d-transparent{background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0 0/10px 10px}.studio3d-check{display:flex;gap:8px;align-items:center;font-size:12.5px;color:#4b405a}.studio3d-panel .mockup-range span{align-items:center}.studio3d-panel .mockup-range svg{width:14px;margin-right:4px;color:#6c47e8}.studio3d-main{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.studio3d-viewport{position:relative;flex:1 1 auto;min-height:0;max-width:100%;max-height:100%;margin:0 auto;height:100%;border-radius:14px;overflow:hidden;background:repeating-conic-gradient(#f1eff5 0 25%,#fafafc 0 50%) 0 0/18px 18px}.studio3d-canvas{position:absolute;inset:0}.studio3d-canvas canvas{display:block;width:100%!important;height:100%!important;cursor:grab}.studio3d-canvas canvas:active{cursor:grabbing}.studio3d-loading{position:absolute;inset:0;display:grid;place-items:center;color:#7b7289;font-weight:700}.studio3d-hint{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;background:#191325b3;color:#fff;font-size:11px;font-weight:700;pointer-events:none}.studio3d-hint svg{width:13px}.studio3d-views{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.studio3d-views button{display:flex;align-items:center;gap:5px;height:32px;padding:0 11px;border:1px solid #e2dbea;border-radius:999px;background:#fff;color:#5d536d;font-size:12px;font-weight:700}.studio3d-views button.active{background:#6c47e8;border-color:#6c47e8;color:#fff}.studio3d-views svg{width:14px}.studio3d-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.studio3d-actions svg{width:16px}@media(max-width:900px){.studio3d{grid-template-columns:1fr;height:auto;max-height:96vh;overflow:auto}.studio3d-panel{overflow:visible}.studio3d-viewport{height:auto;width:100%}}.product-picker{position:relative;display:grid;gap:7px}.product-picker-label{font-size:12px;font-weight:800;color:#2b2140}.product-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:8px 12px;border:1px solid #ded5eb;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.product-picker-trigger:hover{border-color:#cbbdf0}.product-picker-trigger.open,.product-picker-trigger:focus-visible{border-color:#7a4df0;box-shadow:0 0 0 3px #7a4df026;outline:0}.product-picker-trigger span{display:grid;gap:2px;min-width:0}.product-picker-trigger b{font-size:13.5px;color:#251a39;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-picker-trigger small{font-size:11px;color:#8a809a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-picker-trigger svg{width:17px;flex:none;color:#7b7289;transition:transform .15s}.product-picker-trigger.open svg{transform:rotate(180deg)}.product-picker-pop{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:min(380px,86vw);display:flex;flex-direction:column;max-height:min(460px,60vh);border:1px solid #e3dcef;border-radius:13px;background:#fff;box-shadow:0 18px 40px #2516402e;overflow:hidden}.product-picker-search{display:flex;align-items:center;gap:8px;padding:0 12px;height:46px;border-bottom:1px solid #eee8f5;color:#8a809a}.product-picker-search svg{width:16px;flex:none}.product-picker-search input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:13.5px;color:#251a39;background:transparent}.product-picker-search button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:#f3f0f8;color:#7b7289;cursor:pointer}.product-picker-search button svg{width:13px}.product-picker-list{overflow:auto;padding:6px}.product-picker-group{display:block;padding:10px 8px 4px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9a90ab}.product-picker-list button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer;color:#3b2f52}.product-picker-list button span{display:grid;gap:1px;flex:1;min-width:0}.product-picker-list button b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-picker-list button small{font-size:11px;color:#8a809a}.product-picker-list button em{font-style:normal;font-size:11px;font-weight:700;color:#7b6aa8;background:#f2ecff;border-radius:999px;padding:2px 7px}.product-picker-list button svg{width:15px;color:#6c47e8}.product-picker-list button.active{background:#f5f1ff}.product-picker-list button.selected b{color:#5b34d6;font-weight:700}.product-picker-empty{margin:0;padding:18px 12px;font-size:12.5px;color:#8a809a;text-align:center}.product-picker-foot{display:block;padding:10px 12px;border-top:1px solid #eee8f5;font-size:12px;font-weight:700;color:#5b34d6;text-decoration:none;background:#fbf9ff}.product-picker-foot:hover{background:#f5f1ff}.mockup-coverage{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 16px;margin:0 0 20px;padding:16px 18px;border:1px solid #e6dcfb;border-radius:14px;background:linear-gradient(135deg,#fbf9ff,#fff)}.mockup-coverage>div{display:flex;align-items:baseline;gap:8px}.mockup-coverage b{font-size:26px;color:#5b34d6}.mockup-coverage>div span{font-size:13px;color:#5d536d;font-weight:700}.mockup-coverage i{display:block;height:9px;border-radius:999px;background:#eee8f8;overflow:hidden}.mockup-coverage i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7a4df0,#a98bff)}.mockup-coverage small{grid-column:1/-1;color:#8a809a;font-size:12px}.mockup-ai-note{display:flex;gap:9px;align-items:flex-start;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#f5f1ff;color:#4b3f66;font-size:12.5px;line-height:1.5}.mockup-ai-note svg{width:16px;flex:none;color:#6c47e8;margin-top:2px}.mockup-missing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;margin-bottom:30px}.mockup-missing-grid article{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #ece5f6;border-radius:13px;background:#fff}.mockup-missing-grid header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.mockup-missing-grid header b{font-size:14px;color:#251a39}.mockup-missing-grid header em{font-style:normal;font-size:11px;font-weight:800;color:#5b34d6;background:#f2ecff;border-radius:999px;padding:3px 8px;white-space:nowrap}.mockup-missing-grid p{flex:1;margin:0;font-size:12px;line-height:1.5;color:#6d6380}.mockup-missing-grid footer{display:flex;gap:6px}.mockup-missing-grid footer>*{flex:1;justify-content:center;padding:8px 10px;font-size:12px}.mockup-missing-grid svg{width:15px}.mockup-catalog-segment{margin-bottom:22px}.mockup-catalog-segment>header{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.mockup-catalog-segment h2{margin:0;font-size:17px;color:#251a39}.mockup-catalog-segment small{color:#8a809a}.mockup-catalog-segment>div{display:flex;flex-wrap:wrap;gap:6px}.mockup-catalog-segment span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;border:1px dashed #ddd3ee;color:#8a809a;font-size:12px;background:#fff}.mockup-catalog-segment span.ready{border-style:solid;border-color:#cdbdf7;background:#f5f1ff;color:#4b2fb3;font-weight:600}.mockup-catalog-segment span svg{width:12px}.calibrator-help{font-size:11px;font-weight:600;color:#8a809a}@media(min-width:981px){.mockup-workbench aside{overflow:visible}.mockup-workbench .mockup-model-grid{grid-auto-rows:max-content}}.mockup-workbench .mockup-model-grid b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}.text-style-panel{display:grid;gap:12px;margin:4px 0 8px}.text-style-toggle{display:flex;align-items:center;gap:7px;width:100%;padding:9px 10px;border:1px solid #e6dcfb;border-radius:10px;background:#faf7ff;color:#4b2fb3;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}.text-style-toggle svg{width:15px}.text-style-toggle svg:last-child{margin-left:auto;transition:transform .15s}.text-style-toggle svg.open{transform:rotate(180deg)}.text-style-group small{display:block;margin:2px 0 6px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#9a90ab}.text-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.text-style-grid button{display:grid;gap:4px;justify-items:center;padding:10px 6px 7px;border:1px solid #ece5f6;border-radius:10px;background:#f6f4fa;cursor:pointer;overflow:hidden}.text-style-grid button:hover{border-color:#cdbdf7;background:#fff}.text-style-grid span{font-size:21px;line-height:1.15;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:clip}.text-style-grid em{font-style:normal;font-size:10.5px;font-weight:700;color:#6d6380}.text-fx-label{font-size:12px;font-weight:800;color:#45394f}.text-font-picker{position:relative;display:grid;gap:6px}.text-font-current{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 11px;border:1px solid #ded5eb;border-radius:10px;background:#fff;font-size:17px;cursor:pointer;color:#251a39}.text-font-current svg{width:15px;color:#7b7289}.text-font-pop{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;display:flex;flex-direction:column;max-height:420px;border:1px solid #e3dcef;border-radius:12px;background:#fff;box-shadow:0 16px 36px #2516402e;overflow:hidden}.text-font-pop>label{display:flex;align-items:center;gap:7px;padding:0 10px;height:40px;border-bottom:1px solid #eee8f5;color:#8a809a}.text-font-pop>label svg{width:15px}.text-font-pop input{flex:1;border:0;outline:0;font:inherit;font-size:12.5px}.text-font-pop>div{overflow:auto;padding:6px}.text-font-pop small{display:block;padding:8px 6px 3px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#9a90ab}.text-font-pop button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.text-font-pop button:hover,.text-font-pop button.active{background:#f5f1ff}.text-font-pop button span{flex:1;font-size:20px;color:#251a39;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-font-pop button em{font-style:normal;font-size:10.5px;color:#8a809a;white-space:nowrap}.text-font-pop button svg{width:14px;color:#6c47e8}.text-fx-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.text-fx-color{display:grid;gap:4px;font-size:11.5px;font-weight:800;color:#45394f}.text-fx-color input{width:46px;height:32px;padding:2px;border:1px solid #ded5eb;border-radius:8px;background:#fff}.text-fx-check{display:flex!important;align-items:center;gap:6px;font-size:12px!important;font-weight:700;color:#4b405a}.text-fx-check input{width:auto!important}.text-fx-block{display:grid;gap:8px;padding:10px;border:1px solid #ece5f6;border-radius:10px;background:#fff}.text-fx-head{display:flex;align-items:center;justify-content:space-between}.text-fx-head b{font-size:12px;color:#2b2140}.text-fx-head input{width:34px;height:26px;padding:1px;border:1px solid #ded5eb;border-radius:7px;background:#fff}.text-fx-range{display:grid!important;gap:4px;font-size:11.5px!important;font-weight:700;color:#5d536d}.text-fx-range span{display:flex;justify-content:space-between}.text-fx-range output{color:#6d42dc}.text-fx-range input{width:100%;accent-color:#7040e8;padding:0!important;border:0!important}.text-style-grid span{font-size:17px}.text-font-pop>label{display:flex!important;flex-direction:row!important;margin:0!important}.text-font-pop>label input{padding:0!important;border:0!important;background:transparent!important;text-align:left}.project-scope-tabs{display:flex;gap:4px;padding:4px;margin:0 0 14px;border-radius:12px;background:#f2eff8;width:max-content;max-width:100%;overflow-x:auto}.project-scope-tabs button{height:36px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#5d536d;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.project-scope-tabs button.active{background:#fff;color:#4b2fb3;box-shadow:0 2px 8px #2a18461a}.bio-heading{align-items:flex-end;flex-wrap:wrap;gap:16px}.bio-url{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bio-url>span{padding:4px 10px;border-radius:999px;background:#f1eef6;color:#7b7289;font-size:11.5px;font-weight:800}.bio-url>span.on{background:#dcfce7;color:#166534}.bio-url a{display:inline-flex;align-items:center;gap:5px;color:#4b2fb3;font-weight:700;font-size:13.5px;text-decoration:none;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bio-url a svg,.bio-url button svg{width:15px}.bio-url .outline-button{padding:7px 12px;font-size:12.5px}.bio-url small{min-width:90px;color:#8a809a;font-size:11.5px}.bio-switch{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#4b405a;cursor:pointer}.bio-switch input{display:none}.bio-switch i{position:relative;width:36px;height:20px;border-radius:999px;background:#d8d2e3;transition:background .15s}.bio-switch i:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.bio-switch input:checked+i{background:#16a34a}.bio-switch input:checked+i:after{transform:translate(16px)}.bio-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:22px;align-items:start}.bio-panel{min-width:0;border:1px solid #e6e1ef;border-radius:18px;background:#fff;padding:14px}.bio-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:#f2eff8;margin-bottom:14px;overflow-x:auto}.bio-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#5d536d;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.bio-tabs button.active{background:#fff;color:#4b2fb3;box-shadow:0 2px 8px #2a18461a}.bio-tabs svg{width:16px}.bio-blocks{display:grid;gap:8px}.bio-block{border:1px solid #ece5f6;border-radius:13px;background:#fff;overflow:hidden}.bio-block.open{border-color:#cdbdf7;box-shadow:0 6px 18px #6c47e814}.bio-block.hidden header b{opacity:.45;text-decoration:line-through}.bio-block header{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.bio-block-emoji{font-size:18px;width:24px;text-align:center}.bio-block header b{flex:1;min-width:0;font-size:13.5px;color:#2b2140;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bio-block header div{display:flex;gap:2px}.bio-block header div button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#7b7289;cursor:pointer}.bio-block header div button:hover{background:#f3f0f8;color:#4b2fb3}.bio-block header div button.danger:hover{background:#fff1f1;color:#d9434a}.bio-block header svg{width:15px}.bio-block-body{display:grid;gap:10px;padding:4px 14px 14px;border-top:1px solid #f3effa}.bio-field{display:grid;gap:5px;min-width:0;font-size:12px;font-weight:800;color:#45394f}.bio-field input:not([type=color]):not([type=range]),.bio-field select,.bio-field textarea,.bio-look>.bio-slug input,.bio-social-row select,.bio-social-row input,.bio-carousel-item input,.bio-faq-item input,.bio-faq-item textarea{width:100%;padding:9px 11px;border:1px solid #ded5eb;border-radius:9px;background:#fff;font:inherit;font-size:13px;font-weight:500;color:#2b2140}.bio-field input[type=color]{width:100%;height:36px;padding:2px;border:1px solid #ded5eb;border-radius:9px;background:#fff}.bio-field input[type=range]{accent-color:#7040e8}.bio-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;align-items:end}.bio-social-row{grid-template-columns:120px 1fr 34px}.bio-check{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#4b405a}.bio-icon-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ece5f6;border-radius:9px;background:#fff;color:#7b7289;cursor:pointer}.bio-icon-btn svg{width:15px}.bio-image-pick{display:grid;gap:5px;font-size:12px;font-weight:800;color:#45394f}.bio-image-pick>div{display:flex;align-items:center;gap:10px}.bio-image-pick img{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid #ece5f6}.bio-image-pick button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#d9434a;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.bio-image-pick svg{width:14px}.bio-upload{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1px dashed #cdbdf7;border-radius:10px;background:#faf7ff;color:#5b34d6;font-size:12.5px;font-weight:700;cursor:pointer}.bio-upload input{display:none}.bio-upload svg{width:15px}.bio-carousel-item,.bio-faq-item{display:grid;grid-template-columns:56px 1fr 34px;gap:8px;align-items:center}.bio-carousel-item img{width:56px;height:56px;border-radius:9px;object-fit:cover}.bio-carousel-item div,.bio-faq-item{gap:6px}.bio-carousel-item div{display:grid}.bio-faq-item{grid-template-columns:1fr 34px}.bio-faq-item textarea{grid-column:1}.bio-faq-item button{grid-row:1/3;grid-column:2}.bio-add{justify-content:center;margin-top:4px}.bio-add-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:10px;border:1px dashed #d8cdf3;border-radius:14px;background:#fbf9ff}.bio-add-grid button{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #ece5f6;border-radius:10px;background:#fff;font:inherit;font-size:12.5px;font-weight:700;color:#3b2f52;cursor:pointer;text-align:left}.bio-add-grid button:hover{border-color:#cdbdf7}.bio-add-grid span{font-size:18px}.bio-add-grid .bio-add-cancel{justify-content:center;color:#7b7289}.bio-look{display:grid;gap:11px}.bio-look h3{margin:8px 0 0;font-size:13px;color:#2b2140}.bio-help{margin:0;font-size:12px;line-height:1.5;color:#7b7289}.bio-empty{color:#8a809a;font-size:12.5px}.bio-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.bio-presets button{display:grid;justify-items:center;gap:6px;padding:12px 6px 8px;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer}.bio-presets b{font-size:22px;line-height:1}.bio-presets span{width:70%;height:12px}.bio-presets em{font-style:normal;font-size:10.5px;font-weight:700;font-family:system-ui,sans-serif;opacity:.85}.bio-seg{display:flex;flex-wrap:wrap;gap:6px}.bio-seg button{flex:1 0 auto;height:34px;padding:0 12px;border:1px solid #e2dbea;border-radius:9px;background:#fff;color:#62596f;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.bio-seg button.active{border-color:#7446e8;background:#f2ecff;color:#5f35cf}.bio-slug{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bio-slug span{font-size:12.5px;color:#7b7289}.bio-slug input{flex:1;min-width:140px}.bio-look>small.ok{color:#15803d;font-size:12px;font-weight:700}.bio-look>small.bad{color:#d9434a;font-size:12px;font-weight:700}.bio-utm{display:grid;grid-template-columns:110px minmax(0,1fr) 34px;gap:8px;align-items:center;font-size:12px;font-weight:700;color:#45394f}.bio-utm code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;border-radius:8px;background:#f6f4fa;font-size:11.5px;color:#5d536d}.bio-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bio-kpis div{display:grid;gap:2px;padding:12px;border-radius:12px;background:#f8f6fc}.bio-kpis b{font-size:22px;color:#2b2140}.bio-kpis span{font-size:11.5px;color:#7b7289;font-weight:700}.bio-chart{display:flex;align-items:flex-end;gap:2px;height:120px;padding:8px;border-radius:12px;background:#f8f6fc}.bio-chart i{position:relative;flex:1;height:100%;display:flex;align-items:flex-end}.bio-chart b{width:100%;background:#c4b5fd;border-radius:3px 3px 0 0;min-height:1px}.bio-chart em{position:absolute;left:25%;right:25%;bottom:0;background:#6c47e8;border-radius:2px 2px 0 0}.bio-legend{display:flex;align-items:center;gap:6px;margin:0;font-size:11.5px;color:#7b7289}.bio-legend span{width:10px;height:10px;border-radius:3px;margin-left:6px}.bio-legend .v{background:#c4b5fd}.bio-legend .c{background:#6c47e8}.bio-bars{list-style:none;margin:0;padding:0;display:grid;gap:7px}.bio-bars li{display:grid;grid-template-columns:120px 1fr 40px;gap:8px;align-items:center;font-size:12.5px;color:#3b2f52}.bio-bars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bio-bars i{height:10px;border-radius:999px;background:#f1edf8;overflow:hidden}.bio-bars b{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,#6c47e8);border-radius:inherit}.bio-bars em{font-style:normal;font-weight:800;text-align:right}.bio-preview{position:sticky;top:84px;display:grid;justify-items:center;gap:10px}.bio-preview-bar{display:flex;gap:4px;padding:4px;border-radius:12px;background:#f2eff8}.bio-preview-bar button{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#5d536d;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.bio-preview-bar button.active{background:#fff;color:#4b2fb3;box-shadow:0 2px 8px #2a18461a}.bio-preview-bar svg{width:15px}.bio-device{position:relative;background:#111;overflow:hidden}.bio-device iframe{display:block;width:100%;height:100%;border:0;background:#fff}.bio-device.phone{width:340px;height:min(700px,calc(100vh - 190px));min-height:520px;padding:12px;border-radius:46px;box-shadow:0 30px 60px #1e103c40,inset 0 0 0 2px #333}.bio-device.phone iframe{border-radius:34px}.bio-notch{position:absolute;z-index:2;top:20px;left:50%;transform:translate(-50%);width:96px;height:24px;border-radius:999px;background:#111}.bio-device.desktop{width:100%;height:min(640px,calc(100vh - 190px));padding:28px 8px 8px;border-radius:14px;background:#e9e6ef;box-shadow:0 20px 40px #1e103c26}.bio-device.desktop:before{content:"";position:absolute;top:10px;left:12px;width:42px;height:9px;background:radial-gradient(circle,#f87171 3.5px,transparent 4px) 0 0/14px 9px repeat-x}.bio-device.desktop iframe{border-radius:6px}.bio-preview-note{display:flex;align-items:center;gap:6px;margin:0;font-size:11.5px;color:#7b7289}.bio-preview-note svg{width:14px}@media(max-width:1100px){.bio-layout{grid-template-columns:1fr}.bio-preview{position:static;order:-1}.bio-device.phone{width:min(340px,100%)}}@media(max-width:560px){.bio-kpis{grid-template-columns:1fr 1fr}.bio-utm{grid-template-columns:1fr 34px}.bio-utm span{grid-column:1/-1}.bio-bars li{grid-template-columns:90px 1fr 34px}}.template-card .template-actions{display:flex!important;align-items:center;gap:8px;margin-top:auto;padding-top:12px}.template-card .template-actions>.primary-button{flex:1;min-width:0;width:auto!important;height:44px;justify-content:center;grid-column:auto!important}.template-card .template-actions .template-action-menu{flex:none}.template-card .template-actions .template-more{width:44px!important;height:44px!important;padding:0!important}.template-card .template-actions .template-more svg{width:18px;height:18px}.template-heading-actions{display:flex;gap:8px;align-items:center}.template-heading-actions>*{height:44px;font-size:13.5px!important;font-weight:700}.template-heading-actions svg{width:17px;height:17px}.template-card .template-actions .template-action-popover{position:absolute;right:0!important;left:auto!important;bottom:52px;width:220px!important;display:grid!important;grid-template-columns:1fr!important;gap:2px;padding:6px}.template-card .template-actions .template-action-popover:after{left:auto!important;right:16px!important}.template-card .template-actions .template-action-popover button{width:100%!important;height:auto!important;min-width:0!important;display:flex!important;justify-content:flex-start!important;align-items:center;gap:9px;padding:10px 11px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#40374e!important;font-size:12.5px!important;font-weight:700;white-space:nowrap}.template-card .template-actions .template-action-popover button:hover{background:#f5f0ff!important;color:#6338d1!important}.template-card .template-actions .template-action-popover .danger-action{color:#de5252!important}.template-card{overflow:visible!important}.template-card>img,.template-card>.template-preview,.template-card>button:first-child{border-radius:16px 16px 0 0}