@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--sdk-sidebar-width: 88px;--sdk-drawer-width: 336px;--sdk-accent: #7c3aed;--sdk-border: rgba(255, 255, 255, .1);--sdk-text: #f1f5f9}.editor-primary-sidebar{width:var(--sdk-sidebar-width);height:100%;background:#0f172aeb;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;padding:16px 10px 18px;gap:10px;z-index:100;flex-shrink:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--sdk-scrollbar-thumb, rgba(148, 163, 184, .42)) transparent}.editor-primary-sidebar::-webkit-scrollbar{width:var(--sdk-scrollbar-size, 10px)}.editor-primary-sidebar::-webkit-scrollbar-thumb{background:var(--sdk-scrollbar-thumb, rgba(148, 163, 184, .42));border-radius:999px;border:2px solid transparent;background-clip:padding-box}.editor-primary-sidebar::-webkit-scrollbar-track{background:var(--sdk-scrollbar-track, rgba(15, 23, 42, .12));border-radius:999px}.sidebar-tool-btn{width:68px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:transparent;color:#94a3b8;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:8px 6px;gap:6px}.sidebar-tool-btn svg{stroke:#f1f5f9;width:21px;height:21px}.sidebar-tool-btn span{font-size:11px;line-height:1.15;font-weight:600;color:#cbd5e1;text-align:center}.sidebar-tool-btn:hover{background:#ffffff0f;color:#fff;transform:translateY(-1px)}.sidebar-tool-btn.active{background:linear-gradient(180deg,#7c3aed2e,#7c3aed14);color:#a78bfa;box-shadow:inset 0 0 0 1px #a78bfa2e}.sidebar-tool-btn.active svg{stroke:#a78bfa}.editor-secondary-drawer.glass-morph{position:absolute;left:var(--sdk-sidebar-width);top:0;width:var(--sdk-drawer-width);height:100%;background:#0f172ac7;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border-right:1px solid rgba(255,255,255,.06);box-shadow:18px 0 42px #02061742;z-index:6000;display:flex;flex-direction:column;min-height:0}.editor-secondary-drawer.ai-secondary-drawer{width:min(460px,calc(100vw - var(--sdk-sidebar-width) - 24px))}.editor-secondary-drawer.brandkit-secondary-drawer{width:min(456px,calc(100vw - var(--sdk-sidebar-width) - 16px));background:#0f172af5;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-right:1px solid rgba(148,163,184,.14);box-shadow:24px 0 48px #02061757}.editor-secondary-drawer.elements-secondary-drawer,.editor-secondary-drawer.templates-secondary-drawer{width:min(432px,calc(100vw - var(--sdk-sidebar-width) - 16px))}.editor-secondary-drawer.brandkit-fetch-drawer{width:min(820px,calc(100vw - var(--sdk-sidebar-width) - 24px))}.brandkit-secondary-drawer .drawer-header{background:#0f172afa;border-bottom:1px solid rgba(148,163,184,.12);padding:20px 20px 16px}.brandkit-secondary-drawer .drawer-content{background:transparent;padding:18px 20px 96px}.drawer-header{padding:24px 24px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.drawer-header h3{margin:0;font-size:1.24rem;font-weight:700;color:#f8fafc;letter-spacing:-.02em}.smart-create-row-pill{flex:1;padding:8px 12px;border-radius:10px;text-align:center;font-size:.75rem;font-weight:800;color:#e2e8f0;background:#0f172aa3;border:1px solid rgba(255,255,255,.08)}.smart-create-preview-card,.smart-create-data-card{width:100%;padding:10px 12px;border-radius:10px;text-align:left;background:#0f172aa3;border:1px solid rgba(255,255,255,.08);color:#f8fafc}.smart-create-preview-card{cursor:pointer}.smart-create-preview-card.active{border-color:#7c3aedcc;box-shadow:0 0 0 1px #7c3aed38}.smart-create-preview-title{font-size:.86rem;font-weight:800;line-height:1.2;color:#f8fafc}.smart-create-preview-meta{margin-top:3px;font-size:.72rem;line-height:1.35;color:#94a3b8}.elements-drawer-header{padding:18px 24px 16px;align-items:flex-start;gap:14px;background:radial-gradient(circle at 18% 0%,rgba(124,58,237,.2),transparent 38%),linear-gradient(180deg,#0f172afa,#0f172adb);border-bottom:1px solid rgba(148,163,184,.14);box-shadow:0 14px 34px #0206172e}.full-editor-sdk.light .elements-drawer-header,.full-editor-sdk.canva .elements-drawer-header{background:radial-gradient(circle at 12% 0%,rgba(124,58,237,.1),transparent 34%),linear-gradient(180deg,#f8fafcf5,#ffffffeb);border-bottom:1px solid rgba(148,163,184,.18);box-shadow:none}.sdk-elements-main-header{flex:1;min-width:0;display:grid;gap:14px}.sdk-elements-main-header h3{margin:0;color:#f8fafc;font-size:1.08rem;letter-spacing:0}.full-editor-sdk.light .sdk-elements-main-header h3,.full-editor-sdk.canva .sdk-elements-main-header h3{color:#111827;font-size:1.08rem;letter-spacing:0}.sdk-elements-header-search{width:100%}.sdk-elements-header-search .search-icon{left:14px;color:#94a3b8}.full-editor-sdk.light .sdk-elements-header-search .search-icon,.full-editor-sdk.canva .sdk-elements-header-search .search-icon{color:#64748b}.sdk-elements-header-search .sdk-input-search{min-height:40px;padding-left:40px;padding-right:40px;color:#f8fafc;background:linear-gradient(180deg,#0f172ab8,#0f172ae6);border-color:#94a3b838;border-radius:10px;box-shadow:0 8px 18px #02061729,inset 0 1px #ffffff0a}.full-editor-sdk.light .sdk-elements-header-search .sdk-input-search,.full-editor-sdk.canva .sdk-elements-header-search .sdk-input-search{color:#172033;background:linear-gradient(180deg,#fff,#f8fafc);border-color:#94a3b847;box-shadow:0 8px 18px #0f172a0a,inset 0 1px #ffffffe6}.sdk-elements-header-search .sdk-input-search::placeholder{color:#94a3b8}.full-editor-sdk.light .sdk-elements-header-search .sdk-input-search::placeholder,.full-editor-sdk.canva .sdk-elements-header-search .sdk-input-search::placeholder{color:#8a9ab3}.sdk-elements-header-search .sdk-input-search:focus{color:#fff;background:linear-gradient(180deg,#0f172ad1,#111827fa);border-color:#a78bfabd;box-shadow:0 0 0 3px #7c3aed2e,0 10px 22px #02061733}.full-editor-sdk.light .sdk-elements-header-search .sdk-input-search:focus,.full-editor-sdk.canva .sdk-elements-header-search .sdk-input-search:focus{color:#111827;background:#fff;border-color:#7c3aed8c;box-shadow:0 0 0 3px #7c3aed1f,0 10px 22px #0f172a0f}.sdk-elements-header-search .sdk-search-clear{position:absolute;right:10px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#64748b;cursor:pointer}.sdk-elements-header-search .sdk-search-clear:hover{background:#94a3b824;color:#f8fafc}.sdk-elements-drawer-title{display:inline-flex;align-items:center;gap:12px;min-width:0;flex:1}.sdk-elements-drawer-title h3{margin:0}.sdk-elements-title-copy{display:grid;gap:3px;min-width:0}.sdk-elements-title-copy h3,.sdk-elements-title-copy small{overflow:hidden;text-overflow:ellipsis}.sdk-elements-title-copy h3{color:#f8fafc;font-size:1.05rem;font-weight:850;letter-spacing:0}.full-editor-sdk.light .sdk-elements-title-copy h3,.full-editor-sdk.canva .sdk-elements-title-copy h3{color:#111827}.sdk-elements-title-copy small{color:#94a3b8;font-size:.72rem;font-weight:600;line-height:1.35;white-space:normal}.sdk-drawer-header-spacer{width:1px;height:24px}.close-drawer{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px}.drawer-content{flex:1;padding:22px 24px 108px;overflow-y:auto;overflow-x:hidden;min-height:0}.ai-secondary-drawer .drawer-content{padding:0;overflow:hidden}.section-label{font-size:.68rem;font-weight:800;text-transform:uppercase;color:#9aa8bc;margin:22px 0 10px;letter-spacing:.14em;display:flex;align-items:center;gap:10px}.section-label:first-child{margin-top:0}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(255,255,255,.08),transparent 72%)}.tool-panel{display:flex;flex-direction:column;gap:14px}.brandkit-panel{gap:12px}.brandkit-library-header{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#02061742}.brandkit-view-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;border:0;border-radius:7px;background:transparent;color:#94a3b8;font-size:.82rem;font-weight:800;cursor:pointer}.brandkit-view-tab.active{background:#7c3aed57;color:#f8fafc;box-shadow:inset 0 0 0 1px #a78bfa2e}.brandkit-library{display:flex;flex-direction:column;gap:12px}.brandkit-library-search{position:relative;display:flex;align-items:center}.brandkit-library-search>svg{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.brandkit-library-search .sdk-input-search{padding-left:42px}.brandkit-library-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;gap:8px}.brandkit-library-actions.standard-only{grid-template-columns:minmax(0,1fr) 38px}.brandkit-library-grid{display:grid;grid-template-columns:1fr;gap:10px}.brandkit-library-card{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:3px;text-align:left;min-height:88px;padding:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0f172a9e;color:#f8fafc;cursor:pointer}.brandkit-library-card:hover{border-color:#a855f78c;background:#1e293bc7}.brandkit-library-card strong,.brandkit-library-card>span{padding:0;min-width:0}.brandkit-library-card strong{align-self:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandkit-library-card>span{color:#94a3b8;font-size:.78rem;align-self:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandkit-library-preview{display:grid;grid-template-columns:1fr 1fr;grid-row:span 2;height:68px;border:1px solid rgba(15,23,42,.12);border-radius:7px;overflow:hidden;background:#f8fafc}.brandkit-library-logo{display:flex;align-items:center;justify-content:center;min-width:0;background:#fff;color:#7c3aed}.brandkit-library-logo img{width:100%;height:100%;object-fit:contain;padding:8px}.brandkit-library-swatches{display:grid;grid-template-columns:repeat(2,1fr)}.brandkit-library-swatches span{min-width:0;min-height:0;background:#e5e7eb}.brandkit-empty-library{display:grid;justify-items:center;gap:12px;padding:24px 16px;border:1px dashed rgba(148,163,184,.28);border-radius:8px;color:#94a3b8;text-align:center}.brandkit-empty-library strong{color:#f8fafc}.brandkit-manual{display:grid;gap:12px}.brandkit-back-button{justify-content:flex-start}.brandkit-manual-card{display:grid;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#111827b8;min-width:0}.brandkit-manual-logo{display:grid;grid-template-columns:98px minmax(0,1fr);gap:10px;align-items:stretch;min-width:0}.brandkit-manual-logo .brandkit-logo-frame{min-height:92px;min-width:0;color:#94a3b8}.brandkit-upload-button{position:relative;justify-content:center;overflow:hidden}.brandkit-upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.brandkit-font-upload{min-height:42px;display:grid;grid-template-columns:auto auto minmax(0,1fr);justify-content:start;gap:8px}.brandkit-font-upload small{color:#94a3b8;font-size:.72rem;font-weight:700;justify-self:end}.brandkit-uploaded-fonts{display:grid;gap:8px;min-width:0}.brandkit-uploaded-font{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:center;min-width:0}.brandkit-uploaded-font-preview{min-width:0;height:38px;padding:0 12px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#0f172a85;color:#f8fafc;font-size:1rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.brandkit-uploaded-font-preview:hover{border-color:#8b5cf6c7;background:#7c3aed29}.brandkit-manual-list{display:grid;gap:8px;min-width:0}.brandkit-manual-color{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:8px;align-items:center;min-width:0}.brandkit-manual-color input[type=color]{width:42px;height:38px;border:1px solid rgba(148,163,184,.22);border-radius:8px;padding:2px;background:#111827}.brandkit-manual-social{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) 34px;gap:8px;align-items:center;min-width:0}.brandkit-manual-social.has-custom-platform{grid-template-columns:minmax(0,.75fr) minmax(0,.85fr) minmax(0,1.1fr) 34px}.brandkit-scan-shell{display:grid;gap:10px;width:100%}.brandkit-scan-label{margin-bottom:0}.brandkit-scan-label:after{flex:0 0 140px}.brandkit-scan{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px);gap:10px;align-items:center;width:100%}.brandkit-scan-button{width:100%;min-width:0;justify-content:center;white-space:normal}.brandkit-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:start}.brandkit-card{display:grid;gap:10px;padding:14px;background:#182235;border:1px solid rgba(148,163,184,.22);box-shadow:inset 0 1px #ffffff08;border-radius:14px;min-width:0}.brandkit-card-title{font-size:.72rem;font-weight:800;text-transform:uppercase;color:#a8b6ca;letter-spacing:.14em}.brandkit-span-full{grid-column:span 12}.brandkit-span-6{grid-column:span 6}.brandkit-span-4{grid-column:span 4}.brandkit-span-3{grid-column:span 3}.brandkit-hero{gap:14px}.brandkit-hero-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,.9fr);gap:16px;align-items:start}.brandkit-hero-side{display:grid;gap:12px}.brandkit-field-grid{display:grid;gap:8px}.brandkit-field-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.brandkit-overview-assets{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:12px;align-items:stretch}.brandkit-asset-frame{display:flex;align-items:center;justify-content:center;min-height:72px;border-radius:12px;background:#0f172a;border:1px solid rgba(148,163,184,.2);overflow:hidden;padding:8px}.brandkit-logo-frame{min-height:92px}.brandkit-favicon-frame{min-width:72px}.brandkit-logo{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:10px;padding:8px}.brandkit-favicon{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}.brandkit-overview-name{color:#f8fafc;font-weight:800;font-size:1.05rem;line-height:1.2}.brandkit-overview-domain{color:#94a3b8;font-size:.82rem}.brandkit-overview-tagline{color:#dbeafe;font-size:.88rem;line-height:1.45;font-weight:600}.brandkit-copy{color:#cbd5e1;font-size:.82rem;line-height:1.5}.brandkit-stack{display:grid;gap:8px}.brandkit-action-row{display:flex;gap:8px;flex-wrap:wrap}.brandkit-side-stack{display:grid;gap:14px;align-self:start}.brandkit-subcard{height:fit-content}.brandkit-meta-grid{display:grid;gap:8px}.brandkit-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#111827;border:1px solid rgba(148,163,184,.2);color:#e2e8f0;font-size:.82rem;font-weight:600}.brandkit-toggle-row input{accent-color:#8b5cf6}.brandkit-pills{display:flex;flex-wrap:wrap;gap:8px}.brandkit-pill{padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:800}.brandkit-pill-accent{background:#7c3aed3d;border:1px solid rgba(167,139,250,.38);color:#ddd6fe}.brandkit-pill-muted{background:#111827;border:1px solid rgba(148,163,184,.24);color:#cbd5e1}.brandkit-color-list,.brandkit-values-list,.brandkit-links-list,.brandkit-list{display:grid;gap:8px}.brandkit-color-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brandkit-color-card{display:grid;gap:8px;padding:10px;border-radius:12px;background:#111827;border:1px solid rgba(148,163,184,.18)}.brandkit-color-card-head{display:grid;grid-template-columns:40px minmax(0,1fr) 118px 36px;gap:8px;align-items:center}.brandkit-swatch-button{width:40px;min-width:40px;height:40px}.brandkit-inline-top{align-items:flex-start}.brandkit-inline-top>svg{margin-top:10px}.brandkit-swatch{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.25);flex-shrink:0}.brandkit-color-meta{display:grid;gap:3px;min-width:0;flex:1}.brandkit-color-usage,.brandkit-meta{color:#94a3b8;font-size:.72rem;line-height:1.35}.brandkit-color-row{display:grid;grid-template-columns:minmax(0,1.1fr) 110px auto;gap:8px;align-items:center}.brandkit-value-card{padding:12px;background:#111827;border:1px solid rgba(148,163,184,.18);border-radius:10px;display:grid;gap:8px}.brandkit-secondary-drawer .sdk-input-search,.brandkit-secondary-drawer textarea.sdk-input-search,.brandkit-secondary-drawer select.sdk-select-premium{background:#222c3f;border-color:#94a3b833;color:#f8fafc}.brandkit-secondary-drawer .sdk-input-search::placeholder,.brandkit-secondary-drawer textarea.sdk-input-search::placeholder{color:#94a3b8}.brandkit-secondary-drawer .sdk-input-search:focus,.brandkit-secondary-drawer textarea.sdk-input-search:focus,.brandkit-secondary-drawer select.sdk-select-premium:focus{background:#273248;border-color:#8b5cf6eb;box-shadow:0 0 0 2px #7c3aed2e}.brandkit-secondary-drawer .smart-item-sdk{background:#111827;border-color:#94a3b82e}.brandkit-secondary-drawer .smart-item-sdk:hover,.brandkit-secondary-drawer .smart-item-sdk.expanded{background:#7c3aed29;border-color:#8b5cf6cc}.brandkit-value-head{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:center}.brandkit-icon-input{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:center}.brandkit-icon-input>svg{color:#cbd5e1}.brandkit-icon-input select.sdk-select-premium{min-width:0;width:100%}.brandkit-empty-copy{color:#94a3b8;font-size:.78rem;line-height:1.5}.brandkit-savebar{padding-top:6px}.brandkit-value-title{color:#f8fafc;font-weight:800;margin-bottom:4px}@media (max-width: 1180px){.brandkit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brandkit-span-full,.brandkit-span-6{grid-column:span 2}.brandkit-span-4,.brandkit-span-3{grid-column:span 1}.brandkit-hero-layout,.brandkit-color-list{grid-template-columns:1fr}}@media (max-width: 860px){.brandkit-grid{grid-template-columns:1fr}.brandkit-span-full,.brandkit-span-6,.brandkit-span-4,.brandkit-span-3{grid-column:auto}.brandkit-field-grid-2,.brandkit-overview-assets{grid-template-columns:1fr}.brandkit-manual-social,.brandkit-manual-social.has-custom-platform{grid-template-columns:1fr 34px}.brandkit-manual-social .sdk-input-search,.brandkit-manual-social .sdk-select-premium{grid-column:1}.brandkit-manual-social .btn-icon{grid-column:2;grid-row:1}.brandkit-scan{grid-template-columns:1fr}.brandkit-scan-shell{width:100%}.brandkit-scan-label:after{flex-basis:84px}.brandkit-scan-button{width:100%;min-width:0}.brandkit-color-card-head{grid-template-columns:40px minmax(0,1fr) 36px}}.ai-magic-tab{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden;background:linear-gradient(180deg,#0f172af0,#0f172ae0);margin:0;padding-bottom:188px}.ai-panel-reset{width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.ai-panel-reset:hover{color:#fff;border-color:#a78bfa66;background:#7c3aed24}.ai-panel-controls{padding:10px 14px 8px;display:grid;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.ai-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-panel-heading{display:flex;align-items:center;gap:10px;min-width:0}.ai-panel-icon{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:#f5f3ff;background:radial-gradient(circle at top left,#818cf8f2,#7c3aedeb 55%,#5b21b6e6);box-shadow:0 14px 32px #4c1d9542;flex-shrink:0}.ai-panel-heading-copy{min-width:0;display:grid;gap:1px}.ai-panel-heading-copy strong{font-size:.98rem;line-height:1.1;color:#f8fafc}.ai-panel-heading-copy span{font-size:.72rem;line-height:1.35;color:#94a3b8}.ai-panel-actions{display:inline-flex;align-items:center;gap:8px}.ai-panel-close{width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.ai-panel-close:hover{color:#fff;border-color:#ffffff24;background:#ffffff0d}.ai-tier-switch{display:inline-flex;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:3px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#02061742}.ai-tier-btn{border:0;background:transparent;color:#cbd5e1;border-radius:999px;padding:5px 10px;display:inline-flex;align-items:center;gap:6px;text-align:center;white-space:nowrap;cursor:pointer;transition:.2s ease}.ai-tier-btn span{font-weight:700;color:#f8fafc;font-size:.72rem;line-height:1}.ai-tier-btn small{color:#94a3b8;font-size:.62rem;line-height:1}.ai-tier-btn.active{background:linear-gradient(180deg,#7c3aede0,#6d28d9d1);box-shadow:0 8px 18px #4c1d953d}.ai-context-note{color:#a5b4fc;font-size:.62rem;line-height:1.2;padding:0 2px;border:0;background:transparent;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-messages-container{min-height:0;overflow-y:auto;padding:14px 18px 22px;display:flex;flex-direction:column;gap:14px}.chat-message{display:flex;flex-direction:column;max-width:100%}.chat-message.user{align-self:flex-end}.chat-message.ai{align-self:flex-start}.message-bubble{padding:13px 14px;border-radius:15px;font-size:.86rem;line-height:1.55;position:relative;display:flex;gap:10px;align-items:flex-start}.user .message-bubble{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border-bottom-right-radius:4px;box-shadow:0 14px 24px #5b21b638}.ai .message-bubble{background:#ffffff0b;color:var(--text-primary);border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}.ai-avatar{width:24px;height:24px;background:linear-gradient(135deg,#8b5cf6eb,#3b82f6d1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 0 10px #7c3aed66}.message-body{display:grid;gap:8px;min-width:0;flex:1}.message-text{white-space:pre-wrap;word-break:break-word}.ai-message-meta{display:flex;flex-wrap:wrap;gap:6px}.ai-message-meta span{font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;padding:3px 6px;border-radius:999px;color:#c4b5fd;background:#7c3aed24;border:1px solid rgba(124,58,237,.16)}.ai-message-meta .ai-outcome-badge.ai{color:#bbf7d0;background:#22c55e24;border-color:#22c55e38}.ai-message-meta .ai-outcome-badge.ai-repaired{color:#bae6fd;background:#0ea5e924;border-color:#0ea5e93d}.ai-message-meta .ai-outcome-badge.ai-replaced-by-fallback{color:#fde68a;background:#f59e0b26;border-color:#f59e0b42}.ai-message-meta .ai-outcome-badge.fallback,.ai-message-meta .ai-outcome-badge.client-fallback{color:#fecaca;background:#ef444421;border-color:#ef44443d}.ai-enhanced-brief{border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#0f172a5c;padding:8px 10px}.ai-enhanced-brief summary{color:#bfdbfe;cursor:pointer;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ai-enhanced-brief-grid{display:grid;gap:7px;margin-top:9px}.ai-enhanced-brief-grid div{display:grid;gap:2px}.ai-enhanced-brief-grid strong{color:#94a3b8;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}.ai-enhanced-brief-grid span{color:#e2e8f0;font-size:.76rem;line-height:1.35;white-space:pre-wrap}.ai-execution-timeline{border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0f172a4d;padding:8px 10px;max-width:100%;overflow:hidden}.ai-execution-timeline summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bfdbfe;cursor:pointer;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;list-style-position:outside}.ai-execution-timeline summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-execution-timeline summary small{color:#67e8f9;font-size:.68rem;letter-spacing:.02em;text-transform:none}.ai-timeline-list{display:grid;gap:7px;margin-top:10px}.ai-timeline-item{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:start;gap:8px;padding:7px 8px;border-radius:10px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.ai-timeline-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 3px #94a3b81f}.ai-timeline-item.completed .ai-timeline-dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e24}.ai-timeline-item.failed .ai-timeline-dot{background:#ef4444;box-shadow:0 0 0 3px #ef444424}.ai-timeline-copy{display:grid;gap:4px;min-width:0}.ai-timeline-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.ai-timeline-copy strong{color:#e2e8f0;font-size:.72rem;line-height:1.1;min-width:0;overflow-wrap:anywhere}.ai-timeline-copy small,.ai-timeline-copy em{color:#94a3b8;font-size:.62rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-timeline-copy em{color:#fecaca;font-style:normal}.ai-timeline-title-row code{flex-shrink:0;color:#c4b5fd;font-size:.68rem;font-weight:800;background:#7c3aed24;border:1px solid rgba(124,58,237,.16);border-radius:999px;padding:3px 7px}.ai-message-actions{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.ai-inline-action{border:1px solid rgba(124,58,237,.24);background:#7c3aed24;color:#c4b5fd;border-radius:9px;padding:6px 9px;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.ai-inline-action:hover{background:#7c3aed33;color:#ede9fe}.ai-variants-panel{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:12px 18px;background:#02061733}.ai-variant-list{display:grid;gap:8px}.ai-variant-card{width:100%;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:12px;padding:11px 12px;display:grid;gap:7px;text-align:left;cursor:pointer;transition:.2s ease}.ai-variant-card:hover,.ai-variant-card.active{border-color:#a78bfa6b;background:linear-gradient(180deg,#7c3aed24,#ffffff0a)}.ai-variant-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#e2e8f0;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ai-variant-topline strong{color:#a78bfa;font-size:.72rem}.ai-variant-preview{display:grid;gap:5px}.ai-variant-headline{color:#f8fafc;font-size:.8rem;font-weight:700;line-height:1.3}.ai-variant-subtext{color:#94a3b8;font-size:.68rem;line-height:1.35}.chat-input-area{position:absolute;left:0;right:0;bottom:0;min-height:216px;padding:14px 18px 16px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0f172ae6,#020617f5);display:flex;flex-direction:column;justify-content:flex-end;z-index:2}.ai-prompt-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px;padding:4px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#0f172ab8}.ai-prompt-mode-tab{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:transparent;color:#94a3b8;font-size:.78rem;font-weight:800;cursor:pointer;transition:var(--transition-fast)}.ai-prompt-mode-tab.active{background:linear-gradient(135deg,#7c3aedeb,#4f46e5e6);color:#fff;box-shadow:0 8px 18px #4f46e53d}.ai-prompt-mode-tab:disabled{cursor:not-allowed;opacity:.45}.ai-magic-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px}.ai-magic-modal{width:min(1040px,100%);max-height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;background:linear-gradient(180deg,#0f172afa,#020617fa);border:1px solid rgba(148,163,184,.18);border-radius:24px;box-shadow:0 30px 90px #00000080;overflow:hidden}.ai-magic-modal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid rgba(148,163,184,.12)}.ai-magic-modal-title{color:#f8fafc;font-size:1.2rem;font-weight:850;line-height:1.2}.ai-magic-modal-subtitle{color:#94a3b8;font-size:.84rem;margin-top:5px}.ai-magic-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:18px 26px 0}.ai-magic-workflow-tab{min-height:48px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:#0f172ab8;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.86rem;font-weight:850;cursor:pointer;transition:var(--transition-fast)}.ai-magic-workflow-tab:hover{border-color:#a78bfa5c;color:#fff;background:#1e293bc7}.ai-magic-workflow-tab.active{border-color:#a78bfa6b;background:linear-gradient(135deg,#7c3aedf5,#4f46e5f0);color:#fff;box-shadow:0 16px 34px #4f46e53d}.ai-beta-pill{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:2px 6px;font-size:.62rem;line-height:1;font-weight:850;text-transform:uppercase;color:#ede9fe;background:#ffffff1a}.ai-magic-modal-body{flex:1;min-height:0;overflow-y:auto;padding:22px 26px 26px}.ai-magic-workflow{display:grid;gap:16px}.ai-magic-tier-switch{width:min(520px,100%)}.ai-magic-prompt,.ai-magic-json-input{width:100%;min-height:150px;resize:vertical;border-radius:18px;border:1px solid rgba(148,163,184,.2);background:#0f172ab3;color:#e2e8f0;padding:16px;font-size:.92rem;line-height:1.5;outline:none;transition:var(--transition-fast)}.ai-magic-prompt-row{display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:12px;align-items:stretch}.ai-magic-prompt-actions{display:grid;grid-template-rows:minmax(0,1fr) 44px;gap:10px}.ai-magic-prompt-actions .btn{width:100%;min-height:44px;justify-content:center}.ai-magic-prompt-actions .btn-primary{min-height:96px;white-space:normal;line-height:1.2}.ai-magic-prompt:focus,.ai-magic-json-input:focus{border-color:#a78bfa8a;box-shadow:0 0 0 2px #7c3aed2e}.ai-magic-suggestions{margin-top:0}.ai-magic-chat-window{border:1px solid rgba(148,163,184,.14);border-radius:16px;background:#0206174d;padding:12px}.ai-magic-chat-title{color:#94a3b8;font-size:.68rem;font-weight:850;letter-spacing:.12em;margin-bottom:9px;text-transform:uppercase}.ai-magic-chat-list{display:grid;gap:8px;max-height:150px;overflow-y:auto;padding-right:4px}.ai-magic-chat-message{display:grid;gap:4px;max-width:82%;padding:9px 11px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:#0f172ab8;color:#dbe4f0}.ai-magic-chat-message.user{justify-self:end;background:#4f46e538;border-color:#818cf838}.ai-magic-chat-message.ai{justify-self:start}.ai-magic-chat-message span{color:#a78bfa;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.ai-magic-chat-message p{margin:0;color:inherit;font-size:.78rem;line-height:1.4;white-space:pre-line}.ai-prompt-library{display:grid;gap:10px}.ai-prompt-library-head{display:flex;justify-content:space-between;gap:14px}.ai-prompt-library-head strong,.ai-prompt-library-head span{display:block}.ai-prompt-library-head strong{color:#f8fafc;font-size:.88rem;font-weight:850}.ai-prompt-library-head span{color:#94a3b8;font-size:.76rem;margin-top:3px}.ai-prompt-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ai-prompt-library-card{min-height:92px;padding:12px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#0f172aa8;color:#e2e8f0;display:grid;align-content:start;gap:6px;text-align:left;cursor:pointer;transition:var(--transition-fast)}.ai-prompt-library-card:hover,.ai-prompt-library-card.active{border-color:#a78bfa6b;background:#312e8161;transform:translateY(-1px)}.ai-prompt-library-card strong{font-size:.82rem;font-weight:850;line-height:1.2}.ai-prompt-library-card small{color:#94a3b8;font-size:.72rem;line-height:1.25}.ai-prompt-library-tag{width:fit-content;padding:3px 7px;border-radius:999px;background:#7c3aed2e;color:#c4b5fd;font-size:.64rem;font-weight:850;line-height:1;text-transform:uppercase;letter-spacing:.04em}.ai-magic-footer{display:flex;justify-content:flex-end;gap:10px}.ai-magic-split-footer{display:flex;justify-content:space-between;align-items:center;gap:14px}.ai-magic-tip{color:#94a3b8;font-size:.78rem}.ai-magic-info-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(167,139,250,.2);background:#581c8724;color:#e9d5ff}.ai-magic-info-card strong,.ai-magic-info-card span{display:block}.ai-magic-info-card strong{color:#f8fafc;font-size:.9rem}.ai-magic-info-card span{color:#c4b5fd;font-size:.78rem;margin-top:3px}.ai-magic-upload-zone{border-radius:18px;border:1px dashed rgba(148,163,184,.28);background:#0f172a8c;padding:28px;display:grid;gap:16px;justify-items:center;text-align:center}.ai-magic-upload-preview{max-width:100%;max-height:340px;border-radius:14px;object-fit:contain}.ai-magic-upload-title{color:#e2e8f0;font-weight:750}.ai-magic-upload-copy{color:#94a3b8;font-size:.84rem;max-width:520px}.ai-magic-upload-button{cursor:pointer;display:inline-flex;gap:8px}@media (max-width: 760px){.ai-magic-modal-backdrop{padding:12px}.ai-magic-modal{max-height:calc(100vh - 24px);border-radius:18px}.ai-magic-modal-header,.ai-magic-modal-body{padding-left:16px;padding-right:16px}.ai-magic-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:16px;padding-right:16px}.ai-prompt-library-grid,.ai-magic-prompt-row{grid-template-columns:1fr}.ai-magic-prompt-actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.ai-magic-prompt-actions .btn-primary{min-height:44px}.ai-magic-split-footer,.ai-magic-footer{align-items:stretch;flex-direction:column}}.chat-form{display:flex;gap:10px;align-items:stretch;margin-bottom:10px}.chat-input{flex:1;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;color:var(--text-primary);font-size:.88rem;line-height:1.45;min-height:82px;resize:none;outline:none;transition:var(--transition-fast)}.chat-input::placeholder{color:#64748b}.chat-input:focus{border-color:var(--sdk-accent);box-shadow:0 0 0 2px #7c3aed33}.chat-send-btn{width:44px;min-height:82px;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);cursor:pointer}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #7c3aed47}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.suggestion-chip{font-size:.72rem;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#cbd5e1;transition:var(--transition-fast);white-space:nowrap;cursor:pointer}.suggestion-chip:hover{background:#ffffff14;color:#fff;border-color:#a78bfa52}.typing-indicator{display:flex;gap:4px;align-items:center;height:24px}.typing-indicator span{width:4px;height:4px;background:#94a3b8;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.ai-stage-progress{display:grid;gap:9px;min-width:220px}.ai-stage-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.ai-stage-progress-header span{color:#e2e8f0;font-size:.82rem;font-weight:800}.ai-stage-progress-header small{color:#94a3b8;font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.ai-stage-progress-note{color:#94a3b8;font-size:.72rem;line-height:1.35}.ai-stage-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(10px,1fr));gap:4px}.ai-stage-track span{height:4px;border-radius:999px;background:#94a3b838;overflow:hidden}.ai-stage-track span.complete{background:#22d3ee9e}.ai-stage-track span.active{background:linear-gradient(90deg,#8b5cf6,#22d3ee);box-shadow:0 0 12px #7c3aed7a}.shapes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shape-item{aspect-ratio:1;background:#ffffff08;border:1px solid var(--sdk-border);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cbd5e1;transition:all .2s}.shape-item:hover{background:#ffffff0f;border-color:var(--sdk-accent);color:#fff}.smart-item-sdk{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid var(--sdk-border);border-radius:8px;color:var(--sdk-text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.smart-item-sdk:hover,.smart-item-sdk.expanded{background:#7c3aed26;border-color:var(--sdk-accent);color:#fff}.sdk-elements-hub-grid{gap:12px!important;padding:2px 1px 8px}.sdk-element-hub-card{--hub-accent: #8b5cf6;--hub-accent-soft: rgba(139, 92, 246, .16);--hub-accent-glow: rgba(139, 92, 246, .2);position:relative;width:100%;min-height:98px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:start;column-gap:11px;row-gap:10px;padding:14px 12px;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:linear-gradient(145deg,#fffffffa,#f8fafcf0),radial-gradient(circle at 8% 0%,var(--hub-accent-soft),transparent 42%);color:#172033;text-align:left;cursor:pointer;box-shadow:0 10px 24px #0f172a0d,inset 0 1px #fffffff0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.full-editor-sdk.dark .sdk-element-hub-card{background:linear-gradient(145deg,#0f172adb,#111827fa),radial-gradient(circle at 8% 0%,var(--hub-accent-soft),transparent 42%);border-color:#94a3b82e;color:#f8fafc;box-shadow:0 12px 28px #02061738,inset 0 1px #ffffff0b}.full-editor-sdk.dark .sdk-element-hub-card:before{background:linear-gradient(135deg,var(--hub-accent-soft),transparent 34%),radial-gradient(circle at 92% 14%,rgba(255,255,255,.06),transparent 24%);opacity:.95}.sdk-element-hub-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--hub-accent-soft),transparent 34%),radial-gradient(circle at 92% 14%,rgba(255,255,255,.96),transparent 24%);opacity:.78;pointer-events:none}.sdk-element-hub-card:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,transparent,var(--hub-accent),transparent);opacity:0;transition:opacity .18s ease}.sdk-element-hub-card>*{position:relative;z-index:1}.sdk-element-hub-card:hover,.sdk-element-hub-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--hub-accent) 42%,rgba(148,163,184,.22));box-shadow:0 16px 34px var(--hub-accent-glow),0 8px 22px #0f172a12,inset 0 1px #fffffff5}.sdk-element-hub-card:hover:after,.sdk-element-hub-card:focus-visible:after{opacity:.9}.sdk-element-hub-card:focus-visible{outline:2px solid color-mix(in srgb,var(--hub-accent) 52%,white);outline-offset:2px}.sdk-element-hub-icon{grid-column:1;grid-row:1;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:var(--hub-accent);background:#ffffffdb;border:1px solid color-mix(in srgb,var(--hub-accent) 20%,transparent);box-shadow:0 8px 18px var(--hub-accent-glow),inset 0 1px #fffffff2}.full-editor-sdk.dark .sdk-element-hub-icon{background:#0f172ab8;border-color:color-mix(in srgb,var(--hub-accent) 34%,rgba(148,163,184,.22));box-shadow:0 8px 18px #0206173d,0 0 18px var(--hub-accent-glow),inset 0 1px #ffffff0a}.sdk-element-hub-copy{display:contents}.sdk-element-hub-title{grid-column:2;grid-row:1;min-width:0;align-self:center;color:#172033;font-size:.82rem;font-weight:800;line-height:1.12;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;white-space:normal}.elements-secondary-drawer .sdk-elements-hub-grid{gap:14px!important}.elements-secondary-drawer .sdk-element-hub-card{grid-template-columns:38px minmax(0,1fr);column-gap:12px;padding:14px}.elements-secondary-drawer .sdk-element-hub-icon{width:38px;height:38px}.full-editor-sdk.dark .sdk-element-hub-title{color:#f8fafc}.sdk-element-hub-description{grid-column:1 / -1;grid-row:2;align-self:end;max-width:100%;color:#64748b;font-size:.72rem;font-weight:600;line-height:1.22}.full-editor-sdk.dark .sdk-element-hub-description{color:#94a3b8}.sdk-element-hub-arrow{position:absolute;top:13px;right:10px;margin-top:0;color:var(--hub-accent);opacity:0;transform:translate(-5px);transition:opacity .18s ease,transform .18s ease}.sdk-element-hub-card:hover .sdk-element-hub-arrow,.sdk-element-hub-card:focus-visible .sdk-element-hub-arrow{opacity:1;transform:translate(0)}.sdk-element-hub-card.tone-violet{--hub-accent: #7c3aed;--hub-accent-soft: rgba(124, 58, 237, .14);--hub-accent-glow: rgba(124, 58, 237, .16)}.sdk-element-hub-card.tone-pink{--hub-accent: #db2777;--hub-accent-soft: rgba(219, 39, 119, .13);--hub-accent-glow: rgba(219, 39, 119, .14)}.sdk-element-hub-card.tone-blue{--hub-accent: #2563eb;--hub-accent-soft: rgba(37, 99, 235, .13);--hub-accent-glow: rgba(37, 99, 235, .14)}.sdk-element-hub-card.tone-amber{--hub-accent: #d97706;--hub-accent-soft: rgba(245, 158, 11, .16);--hub-accent-glow: rgba(245, 158, 11, .14)}.sdk-element-hub-card.tone-indigo{--hub-accent: #4f46e5;--hub-accent-soft: rgba(79, 70, 229, .13);--hub-accent-glow: rgba(79, 70, 229, .14)}.sdk-element-hub-card.tone-cyan{--hub-accent: #0891b2;--hub-accent-soft: rgba(8, 145, 178, .13);--hub-accent-glow: rgba(8, 145, 178, .14)}.sdk-element-hub-card.tone-emerald{--hub-accent: #059669;--hub-accent-soft: rgba(5, 150, 105, .13);--hub-accent-glow: rgba(5, 150, 105, .14)}.sdk-element-hub-card.tone-green{--hub-accent: #16a34a;--hub-accent-soft: rgba(22, 163, 74, .13);--hub-accent-glow: rgba(22, 163, 74, .14)}.sdk-element-hub-card.tone-slate{--hub-accent: #475569;--hub-accent-soft: rgba(71, 85, 105, .12);--hub-accent-glow: rgba(71, 85, 105, .12)}@media (max-width: 560px){.editor-secondary-drawer.elements-secondary-drawer,.editor-secondary-drawer.templates-secondary-drawer{width:min(360px,calc(100vw - var(--sdk-sidebar-width)))}.elements-secondary-drawer .sdk-elements-hub-grid{grid-template-columns:1fr!important}}@media (max-width: 420px){.sdk-elements-hub-grid{grid-template-columns:1fr!important}.sdk-element-hub-card{min-height:78px}}.asset-set-cover,.alphabet-set-cover{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:#ffffff0d}.asset-set-cover .sdk-asset-preview img,.alphabet-set-cover .sdk-asset-preview img{width:118%!important;height:118%!important}.smart-item-sdk.random-decor-card{border-color:#22d3ee3d;background:#0891b21a}.smart-item-sdk.random-decor-card svg{color:#67e8f9}.drawing-tool-panel{display:flex;flex-direction:column;gap:14px}.drawing-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drawing-mode-btn{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:12px;background:#ffffff0a;color:var(--sdk-text, #f8fafc);font-size:.78rem;font-weight:800;cursor:pointer}.drawing-mode-btn.active{border-color:#7c3aedb8;background:#7c3aed33;color:#fff;box-shadow:0 10px 26px #7c3aed2e}.drawing-preview-strip{min-height:96px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:14px;overflow:hidden;background:radial-gradient(circle at 22% 30%,rgba(34,211,238,.14),transparent 34%),radial-gradient(circle at 74% 46%,rgba(217,70,239,.12),transparent 36%),#ffffff0a}.drawing-preview-strip svg{width:100%;height:96px;display:block}.drawing-control-section{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:#ffffff09}.drawing-control-title{color:var(--sdk-text, #f8fafc);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.drawing-color-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}.drawing-color-row input[type=color]{width:42px;height:38px;padding:2px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:10px;background:transparent}.drawing-color-row input[type=text]{width:100%;height:38px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:10px;background:#0f172a61;color:var(--sdk-text, #f8fafc);padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:800}.drawing-slider-row{display:flex;flex-direction:column;gap:8px;color:var(--sdk-text, #f8fafc)}.drawing-slider-row span{display:flex;justify-content:space-between;color:#94a3b8;font-size:.76rem;font-weight:800}.drawing-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.drawing-segmented.drawing-arrows{grid-template-columns:repeat(4,minmax(0,1fr))}.drawing-segmented button{min-height:34px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#ffffff0a;color:#cbd5e1;font-size:.72rem;font-weight:800;cursor:pointer}.drawing-segmented button.active{border-color:#22d3ee8f;background:#22d3ee24;color:#fff}.drawing-help-card{padding:11px 12px;border:1px solid rgba(34,211,238,.22);border-radius:12px;background:#0891b214;color:#94a3b8;font-size:.75rem;line-height:1.4;font-weight:700}.full-editor-sdk.light .drawing-tool-panel,.full-editor-sdk.canva .drawing-tool-panel{color:#172033}.full-editor-sdk.light .drawing-mode-btn,.full-editor-sdk.canva .drawing-mode-btn{background:#fff;border-color:#94a3b852;color:#475569;box-shadow:0 8px 18px #0f172a0a}.full-editor-sdk.light .drawing-mode-btn svg,.full-editor-sdk.canva .drawing-mode-btn svg{color:#64748b;stroke:currentColor}.full-editor-sdk.light .drawing-mode-btn:hover,.full-editor-sdk.canva .drawing-mode-btn:hover{border-color:#7c3aed6b;color:#312e81}.full-editor-sdk.light .drawing-mode-btn.active,.full-editor-sdk.canva .drawing-mode-btn.active{background:linear-gradient(180deg,#f1e8ff,#ede9fe);border-color:#7c3aedb8;color:#4c1d95;box-shadow:0 12px 28px #7c3aed21}.full-editor-sdk.light .drawing-preview-strip,.full-editor-sdk.canva .drawing-preview-strip{border-color:#94a3b847;background:radial-gradient(circle at 20% 28%,rgba(34,211,238,.18),transparent 36%),radial-gradient(circle at 76% 46%,rgba(217,70,239,.14),transparent 38%),linear-gradient(180deg,#fff,#f8fafc)}.full-editor-sdk.light .drawing-control-section,.full-editor-sdk.canva .drawing-control-section{background:#fff;border-color:#94a3b83d;box-shadow:0 10px 24px #0f172a0a}.full-editor-sdk.light .drawing-control-title,.full-editor-sdk.canva .drawing-control-title{color:#475569}.full-editor-sdk.light .drawing-color-row input[type=color],.full-editor-sdk.canva .drawing-color-row input[type=color]{background:#fff;border-color:#94a3b852}.full-editor-sdk.light .drawing-color-row input[type=text],.full-editor-sdk.canva .drawing-color-row input[type=text]{background:#f8fafc;border-color:#94a3b852;color:#172033}.full-editor-sdk.light .drawing-slider-row,.full-editor-sdk.canva .drawing-slider-row{color:#172033}.full-editor-sdk.light .drawing-slider-row span,.full-editor-sdk.canva .drawing-slider-row span{color:#64748b}.full-editor-sdk.light .drawing-slider-row strong,.full-editor-sdk.canva .drawing-slider-row strong{color:#475569}.full-editor-sdk.light .drawing-slider-row input[type=range],.full-editor-sdk.canva .drawing-slider-row input[type=range]{accent-color:#7c3aed}.full-editor-sdk.light .drawing-segmented button,.full-editor-sdk.canva .drawing-segmented button{background:#fff;border-color:#94a3b847;color:#64748b}.full-editor-sdk.light .drawing-segmented button:hover,.full-editor-sdk.canva .drawing-segmented button:hover{border-color:#22d3ee75;color:#155e75}.full-editor-sdk.light .drawing-segmented button.active,.full-editor-sdk.canva .drawing-segmented button.active{background:linear-gradient(180deg,#ecfeff,#cffafe);border-color:#22d3eea8;color:#155e75}.full-editor-sdk.light .drawing-help-card,.full-editor-sdk.canva .drawing-help-card{background:#ecfeff;border-color:#22d3ee61;color:#475569}.accordion-container{display:flex;flex-direction:column;gap:4px}.accordion-item{display:flex;flex-direction:column;overflow:visible}.accordion-body{overflow:hidden;padding:0}.asset-set-trigger{width:100%;min-height:56px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--sdk-border);border-radius:10px;background:#ffffff08;color:var(--sdk-text);font-size:.95rem;font-weight:700;text-align:left;cursor:pointer}.asset-set-trigger>span:not(.asset-set-cover){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-set-trigger svg:last-child{justify-self:end;color:var(--sdk-text-muted)}.asset-set-trigger:hover{border-color:#7c3aed73;background:#7c3aed1a}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.rotate-180{transform:rotate(180deg)}.ml-auto{margin-left:auto}.sdk-search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#64748b;pointer-events:none}.sdk-input-search{width:100%;background:#ffffff0d;border:1px solid var(--sdk-border);border-radius:8px;padding:10px 14px 10px 38px;color:#fff;font-size:.85rem;outline:none;transition:all .2s}.sdk-input-search:focus{outline:none;border-color:var(--sdk-accent);background:#7c3aed1a;box-shadow:0 0 0 2px #7c3aed33}.barcode-picker{position:relative;width:100%}.barcode-picker-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--sdk-border);border-radius:10px;background:#ffffff0d;color:#fff;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.barcode-picker-trigger:hover,.barcode-picker-trigger.active{border-color:var(--sdk-accent);background:#7c3aed1a;box-shadow:0 0 0 2px #7c3aed29}.barcode-picker-trigger>span{min-width:0;display:flex;flex-direction:column;gap:2px}.barcode-picker-trigger strong,.barcode-picker-trigger small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barcode-picker-trigger strong{font-size:.84rem;font-weight:800;color:inherit}.barcode-picker-trigger small{font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.barcode-picker-menu{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 6px);padding:8px;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#0f172a;box-shadow:0 18px 40px #02061759}.barcode-picker-search{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(148,163,184,.22);border-radius:9px;background:#ffffff0f;color:#94a3b8}.barcode-picker-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:.82rem}.barcode-picker-search input::placeholder{color:#64748b}.barcode-picker-list{max-height:290px;overflow-y:auto;margin-top:8px;padding-right:2px}.barcode-picker-group+.barcode-picker-group{margin-top:8px}.barcode-picker-group-label{padding:7px 8px 5px;color:#94a3b8;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.barcode-picker-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#e5e7eb;text-align:left;cursor:pointer;transition:background .16s,color .16s}.barcode-picker-option:hover,.barcode-picker-option.active{background:#7c3aed2e;color:#fff}.barcode-picker-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:750}.barcode-picker-option small{flex:0 0 auto;color:#94a3b8;font-size:.67rem;font-weight:750}.barcode-picker-empty{padding:18px 10px;color:#94a3b8;text-align:center;font-size:.8rem;font-weight:700}.sdk-search-clear{position:absolute;right:10px;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s}.sdk-search-clear:hover{background:#ffffff1a;color:#fff}.sticker-item{padding:8px;background:#ffffff05}.sticker-item img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));transition:transform .2s}.sticker-item:hover img{transform:scale(1.15)}.mb-2{margin-bottom:8px}.sdk-action-btn{width:100%;background:var(--sdk-accent);color:#fff;border:none;border-radius:8px;padding:12px;font-weight:600;cursor:pointer;margin-top:12px}.mt-6{margin-top:24px}.layers-list{display:flex;flex-direction:column;gap:8px;padding:8px 0}.layers-selection-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#0f172a4d}.layers-selection-toolbar span{min-width:0;color:#94a3b8;font-size:.72rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-selection-toolbar div{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:0}.layers-selection-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:5px 8px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#ffffff0d;color:#dbeafe;font-size:.72rem;font-weight:800;cursor:pointer}.layers-selection-toolbar button:disabled{opacity:.45;cursor:not-allowed}.layer-item{position:relative;display:flex;align-items:center;padding:8px 12px;background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:10px;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;list-style:none!important}.layer-item:hover{background:#1e293bcc;border-color:#7c3aed80;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.layer-item.active{background:#7c3aed26;border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed}.layer-item.multi-selected{background:#7c3aed33;border-color:#a78bfac7}.drag-handle{color:#475569;margin-right:8px;cursor:grab;flex-shrink:0;opacity:.5}.layer-select-toggle{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:8px;border:1px solid rgba(148,163,184,.18);border-radius:7px;background:#0f172a52;color:#64748b;cursor:pointer;transition:all .16s}.layer-select-toggle.checked{background:#7c3aed38;border-color:#a78bfabd;color:#c4b5fd}.layer-item:hover .drag-handle{opacity:1}.video-duration-badge{position:absolute;bottom:8px;right:8px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;pointer-events:none;z-index:2;border:1px solid rgba(255,255,255,.1)}.photo-item:hover .video-duration-badge{background:var(--color-primary)}.layer-preview{width:36px;height:36px;background:#0f172a;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;flex-shrink:0}.layer-thumbnail-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:3px}.layer-thumbnail{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.layer-icon-fallback{color:#94a3b8;opacity:.7}.layer-name{flex:1;font-size:.85rem;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.layer-item:hover .layer-actions,.layer-item.active .layer-actions{opacity:1}.layer-actions button{background:transparent;border:none;color:#64748b;cursor:pointer;padding:5px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.layer-actions button:hover{background:#ffffff1a;color:#f1f5f9}.layer-actions button.lock-btn.active{color:#f59e0b;opacity:1}.layer-actions button.visibility-btn.hidden{color:#ef4444}.empty-state{text-align:center;padding:34px 18px;color:#7b8aa1;font-size:.84rem;line-height:1.55;font-style:normal}.core-text-buttons{display:flex;flex-direction:column;gap:10px}.core-text-btn{width:100%;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px}.core-text-btn:hover{background:#ffffff0e;border-color:#7c3aed6b}.core-text-btn.heading span{font-size:1.25rem;font-weight:900}.core-text-btn.subheading span{font-size:1rem;font-weight:700}.core-text-btn.body span{font-size:.85rem;font-weight:400}.core-text-btn.random-profile{border-color:#22d3ee3d;background:#0891b21a}.core-text-btn.random-profile span{font-size:.9rem;font-weight:850}.core-text-btn.random-profile svg{color:#67e8f9}.social-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-preview-card{min-height:144px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff08;color:#fff;cursor:pointer;display:grid;align-content:center;gap:8px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.social-preview-group{align-content:stretch}.social-preview-stack{display:grid;gap:6px;min-width:0}.social-preview-card:hover{background:#ffffff0f;border-color:#7c3aed6b;transform:translateY(-1px)}.social-preview-pill{min-height:40px;padding:0 9px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff14;overflow:hidden}.social-preview-pill i{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#fff;font-size:.68rem;font-style:normal;font-weight:950;line-height:1}.social-preview-pill b{min-width:0;color:inherit;font-size:.72rem;font-weight:400;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-preview-card>strong{min-width:0;color:#f8fafc;font-size:.78rem;font-weight:850;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-preview-card small{color:#e2e8f0b8;font-size:.66rem;font-weight:700;line-height:1.25;letter-spacing:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.social-preview-pill.plain.facebook i,.social-preview-card.plain.facebook .social-preview-pill i{background:#1877f2}.social-preview-pill.plain.instagram i,.social-preview-card.plain.instagram .social-preview-pill i{background:linear-gradient(135deg,#f58529,#dd2a7b 52%,#515bd4)}.social-preview-pill.cream,.social-preview-card.cream .social-preview-pill{background:#f6e7cf;color:#3b2f2f}.social-preview-pill.sand,.social-preview-card.sand .social-preview-pill{background:#ebd2b4;color:#4a301d}.social-preview-pill.sage,.social-preview-card.sage .social-preview-pill{background:#dce4c8;color:#34402f}.social-preview-pill.clay,.social-preview-card.clay .social-preview-pill{background:#d8a48f;color:#4a2d25}.social-preview-pill.cream i,.social-preview-pill.sand i,.social-preview-pill.sage i,.social-preview-pill.clay i,.social-preview-card.cream .social-preview-pill i,.social-preview-card.sand .social-preview-pill i,.social-preview-card.sage .social-preview-pill i,.social-preview-card.clay .social-preview-pill i{background:#3c281c24;color:currentColor}.logo-generator-panel{display:grid;gap:10px}.logo-generator-card{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:76px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff09;color:#fff;cursor:pointer;text-align:left}.logo-generator-card:hover{border-color:#7c3aed6b;background:#ffffff0f}.logo-generator-card strong{font-size:.9rem;font-weight:900}.logo-generator-card small{color:#94a3b8;font-size:.72rem;font-weight:750}.logo-generator-preview{grid-row:1 / span 2;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#2563eb;font-size:.82rem;font-weight:950;letter-spacing:-.04em}.logo-generator-preview.square{border-radius:12px}.logo-generator-preview.badge{border-radius:999px;background:#16a34a}.logo-generator-preview.sharp{transform:rotate(45deg) scale(.86);background:#7c3aed}.logo-generator-preview.sharp:first-letter{transform:rotate(-45deg)}.logo-generator-preview.mark{border-radius:14px;background:#111827}.stencil-item-sdk{width:100%;aspect-ratio:2/1;background:#0f172a66;border:1px solid var(--sdk-border);border-radius:10px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.stencil-item-sdk:hover{border-color:var(--sdk-accent);background:#0f172a99;transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.stencil-preview{text-align:center;font-size:1.1rem;line-height:1.1;-webkit-user-select:none;user-select:none;word-break:break-word;max-width:100%}.text-sets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.text-set-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:8px;text-align:left}.text-set-card:hover{background:#ffffff0f;border-color:#7c3aed;transform:translateY(-2px)}.set-preview{display:flex;flex-direction:column;line-height:1.1}.set-preview span:first-child{font-size:16px;font-weight:900;color:#fff}.set-preview span:last-child{font-size:11px;color:#ffffff80;margin-top:2px}.set-desc{font-size:10px;color:#7c3aed;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.mb-6{margin-bottom:24px}.bg-presets-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.bg-preset-btn{aspect-ratio:1;border-radius:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s}.bg-preset-btn:hover{transform:scale(1.05);border-color:#7c3aed;box-shadow:0 0 10px #7c3aed4d}.bg-gradients-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bg-grad-btn{aspect-ratio:16/9;border-radius:10px;border:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.bg-grad-btn:hover{transform:translateY(-2px);border-color:#7c3aed;box-shadow:0 8px 16px #0000004d}.grad-name{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);background:#0003;padding:4px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.font-combinations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:20px}.font-combo-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:100px}.font-combo-card:hover{background:#ffffff0f;border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.font-combo-preview{font-size:1.1rem;line-height:1.1;margin-bottom:4px;word-break:break-word;max-width:100%}.font-combo-secondary{font-size:9px;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.bg-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bg-image-btn{aspect-ratio:16/9;border-radius:10px;border:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start;transition:all .3s ease;background-size:cover;background-position:center;padding:8px}.bg-image-btn:hover{transform:scale(1.02);border-color:#7c3aed;box-shadow:0 8px 16px #0006}.bg-img-label{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);background:#0006;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:7px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:0;text-align:left;position:relative;min-width:0;overflow:hidden}.template-card:hover{background:#fff;border-color:#7c3aed57;transform:translateY(-2px);box-shadow:0 14px 28px #0f172a1f}button.sdk-load-more-btn,.sdk-load-more-btn{width:100%;min-height:42px;margin-top:14px;border:1px solid rgba(124,58,237,.24);border-radius:10px;background:#7c3aed14;color:#5b21b6;font-family:inherit;font-size:13px;font-weight:850;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}button.sdk-load-more-btn:disabled,.sdk-load-more-btn:disabled{cursor:wait;opacity:.7}button.sdk-load-more-btn:hover,.sdk-load-more-btn:hover{background:#7c3aed24;border-color:#7c3aed61;color:#4c1d95}.template-preview{position:relative;aspect-ratio:1.38 / 1;border-radius:9px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f8fafc;border:1px solid #e5edf6;box-shadow:inset 0 0 0 1px #ffffffbf}.template-page-count{position:absolute;right:6px;bottom:6px;min-width:30px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border-radius:999px;background:#0f172ad1;color:#fff;font-size:10px;font-weight:950;line-height:1;box-shadow:0 4px 10px #0f172a38}.template-label{min-height:16px;color:#111827;font-size:12px;font-weight:850;line-height:1.12;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-delete-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:#0f172adb;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .2s ease}.project-delete-btn:hover{color:#fff;border-color:#f87171b3;background:#7f1d1deb}.project-duplicate-btn{position:absolute;top:8px;right:36px;width:24px;height:24px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:#0f172adb;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .2s ease}.project-duplicate-btn:hover{color:#fff;border-color:#7dd3fcb3;background:#1e40afeb}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:132px;grid-auto-flow:row dense;gap:14px;padding-bottom:20px;margin-top:6px}.photos-grid-portrait{grid-auto-rows:190px}.photos-grid-landscape{grid-auto-rows:104px}.sdk-photo-filters{display:grid;gap:8px;margin:-2px 0 12px}.sdk-photo-filters>span{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8}.sdk-filter-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0f172a8f}.sdk-filter-segment button{min-height:32px;border:0;border-radius:6px;background:transparent;color:#aebbd0;font-size:.75rem;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease}.sdk-filter-segment button:hover{color:#f8fafc;background:#ffffff0f}.sdk-filter-segment button.active{color:#fff;background:#7c3aede6;box-shadow:0 8px 18px #7c3aed38}.sdk-load-more-btn{width:100%;min-height:42px;margin:8px 0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(148,163,184,.24);border-radius:10px;background:#7c3aed29;color:#f8fafc;font-size:.82rem;font-weight:850;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.sdk-load-more-btn:hover:not(:disabled){background:#7c3aed47;border-color:#a78bfa94;transform:translateY(-1px)}.sdk-load-more-btn:disabled{opacity:.68;cursor:wait}.photo-item{display:block;width:100%;height:100%;min-height:0;position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.photo-item:hover{transform:translateY(-3px);border-color:#7c3aed75;box-shadow:0 14px 30px #0206173d}.photo-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.photo-item:hover img{transform:scale(1.1)}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7c3aed66,#2563eb33);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);z-index:2}.photo-item:hover .photo-overlay{opacity:1}.photo-overlay svg{background:#fff;color:var(--sdk-accent);border-radius:50%;padding:8px;box-shadow:0 8px 16px #0000004d;transform:scale(.6) translateY(10px);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.photo-item:hover .photo-overlay svg{transform:scale(1) translateY(0)}.custom-scrollbar::-webkit-scrollbar{width:var(--sdk-scrollbar-size, 10px);height:var(--sdk-scrollbar-size, 10px)}.custom-scrollbar::-webkit-scrollbar-track{background:var(--sdk-scrollbar-track, rgba(15, 23, 42, .12));border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--sdk-scrollbar-thumb, rgba(148, 163, 184, .42));border-radius:999px;border:2px solid transparent;background-clip:padding-box}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--sdk-scrollbar-thumb-hover, rgba(203, 213, 225, .58));background-clip:padding-box}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--sdk-scrollbar-thumb, rgba(148, 163, 184, .42)) transparent}.sdk-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8;text-align:center;gap:16px}.sdk-spinner{width:40px;height:40px;border:3px solid rgba(124,58,237,.1);border-top-color:var(--sdk-accent);border-radius:50%;animation:sdk-spin .8s cubic-bezier(.4,0,.2,1) infinite}.sdk-loading-container p{font-size:.85rem;font-weight:500;color:#64748b}@keyframes sdk-spin{to{transform:rotate(360deg)}}.ks-grid-2col{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%!important}.ks-grid-3col{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;width:100%!important}.ks-grid-4col{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:min-content!important;align-content:start!important;gap:16px!important;width:100%!important;margin:0!important;padding:4px!important}.ks-sticker-item{aspect-ratio:1 / 1!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffff0f!important;border-radius:12px!important;padding:6px!important;border:1px solid rgba(255,255,255,.1)!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important}.ks-sticker-item:hover{background:#ffffff1f!important;border-color:#7c3aed!important;transform:translateY(-3px)!important;box-shadow:0 10px 20px #0006!important}.ks-sticker-item img{width:112%!important;height:112%!important;object-fit:contain!important;pointer-events:none!important}.sdk-asset-preview{position:relative;width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:inherit}.sdk-asset-preview-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#7c3aed29,#06b6d429,#f472b629,#7c3aed29);background-size:280% 280%;opacity:1;animation:sdkAssetGradientShift 1.6s ease-in-out infinite;transition:opacity .22s ease}.sdk-asset-preview img{position:relative;z-index:1;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0;transform:scale(.97);transition:opacity .22s ease,transform .22s ease}.sdk-asset-preview.is-loaded .sdk-asset-preview-gradient{opacity:0;animation-play-state:paused}.sdk-asset-preview.is-loaded img{opacity:1;transform:scale(1)}@keyframes sdkAssetGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ks-sticker-card{position:relative!important;aspect-ratio:1 / 1!important;width:100%!important;height:auto!important;min-height:0!important;background:#ffffff08!important;border-radius:12px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.05)!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.sdk-asset-insert-card.is-adding{cursor:wait!important;border-color:#7c3aedb8!important;box-shadow:0 0 0 2px #7c3aed2e,0 12px 24px #7c3aed2e!important;transform:translateY(-1px)!important}.sdk-asset-insert-card.is-adding .sdk-asset-preview{opacity:.42}.sdk-asset-insert-feedback{position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:3;display:grid;place-items:center;border-radius:10px;overflow:hidden;color:#fff;font-size:.7rem;font-weight:850;letter-spacing:.02em;text-shadow:0 1px 2px rgba(15,23,42,.35);pointer-events:none}.sdk-asset-insert-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7c3aede0,#06b6d4c2,#f472b6d1,#7c3aede0);background-size:260% 260%;animation:sdkAssetGradientShift 1.15s ease-in-out infinite}.sdk-asset-insert-feedback span:last-child{position:relative;z-index:1}.ks-sticker-card:hover{background:#ffffff14!important;border-color:#fff3!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 16px #0003!important}.ks-sticker-card img{width:100%!important;height:100%!important;object-fit:contain!important}.sdk-asset-tabs{display:flex;gap:6px;margin:8px 0 12px;overflow-x:auto}.sdk-asset-tab{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#0f172a6b;color:#cbd5e1;font-size:.76rem;font-weight:800;cursor:pointer;white-space:nowrap}.sdk-asset-tab span{color:#94a3b8;font-size:.68rem}.sdk-asset-tab.active{background:#7c3aed2e;border-color:#7c3aed99;color:#f8fafc}.sdk-empty-note{margin:4px 0 14px;padding:12px;border:1px dashed rgba(148,163,184,.28);border-radius:8px;color:#94a3b8;font-size:.76rem;line-height:1.4}.sdk-workspace-asset-section{margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid rgba(148,163,184,.18)}.sdk-workspace-asset-section .section-label{color:#a78bfa}.full-editor-sdk.light .sdk-workspace-asset-section,.full-editor-sdk.canva .sdk-workspace-asset-section{border-bottom-color:#64748b29}.full-editor-sdk.light .sdk-workspace-asset-section .section-label,.full-editor-sdk.canva .sdk-workspace-asset-section .section-label{color:#6d28d9}.sdk-elements-back-btn{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,color .18s ease;flex:0 0 auto}.sdk-elements-back-btn:hover{background:#94a3b824;color:#fff}.full-editor-sdk.light .sdk-elements-back-btn,.full-editor-sdk.canva .sdk-elements-back-btn{color:#64748b}.full-editor-sdk.light .sdk-elements-back-btn:hover,.full-editor-sdk.canva .sdk-elements-back-btn:hover{background:#7c3aed1a;color:#4f46e5}.sdk-elements-result-grid{max-height:none!important;overflow:visible!important;gap:12px!important;padding:2px!important}.sdk-elements-icon-results,.sdk-elements-result-grid-compact{max-height:none!important}.ks-animate-fade-in{animation:ksFadeIn .4s cubic-bezier(.4,0,.2,1)!important}@keyframes ksFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ks-flex-center{display:flex!important;align-items:center!important;justify-content:center!important}.ks-w-full{width:100%!important}.ks-h-full{height:100%!important}.ks-mb-2{margin-bottom:8px!important}.ks-mb-4{margin-bottom:16px!important}.ks-mb-6{margin-bottom:24px!important}.ks-p-2{padding:8px!important}.ks-search-container{position:relative!important;width:100%!important;display:flex!important;align-items:center!important}.ks-search-container .search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--ks-text-muted)!important;pointer-events:none!important;z-index:10!important}.ks-search-container .sdk-input-search{width:100%!important;min-height:44px!important;padding:10px 38px!important;background:#0f172ac7!important;border:1px solid rgba(148,163,184,.26)!important;border-radius:10px!important;color:#f8fafc!important;font-size:.85rem!important;font-family:inherit!important;transition:all .2s ease!important}.ks-search-container .sdk-input-search::placeholder{color:#94a3b8!important}.ks-search-container .sdk-input-search:focus{outline:none!important;border-color:var(--ks-primary)!important;background:#0f172af2!important;box-shadow:0 0 0 2px #8b5cf633!important}.ks-search-container .sdk-search-clear{position:absolute!important;right:10px!important;background:transparent!important;border:none!important;color:var(--ks-text-muted)!important;cursor:pointer!important;padding:4px!important;display:flex!important;align-items:center!important;justify-content:center!important}.ks-search-container .sdk-search-clear:hover{color:#fff!important}.orientation-group{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.orientation-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#94a3b8}.orientation-card:hover{background:#ffffff0f;border-color:#ffffff24}.orientation-card.active{background:#7c3aed26;border-color:var(--sdk-accent);color:#fff}.orientation-card span{font-size:.75rem;font-weight:600}.presets-list{display:flex;flex-direction:column;gap:8px;max-height:400px;padding-right:4px}.preset-row-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border:1px solid var(--sdk-border);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.preset-row-btn:hover{background:#ffffff0f;border-color:#fff3}.preset-row-btn.active{background:#7c3aed1a;border-color:var(--sdk-accent)}.preset-main{display:flex;flex-direction:column;gap:2px}.preset-name{font-size:.85rem;font-weight:600;color:#fff}.preset-meta{display:flex;align-items:center;gap:8px}.preset-subtext{font-size:.7rem;color:#94a3b8}.preset-orientation-hint{font-size:.6rem;color:var(--sdk-accent);background:#7c3aed1a;padding:1px 6px;border-radius:4px;text-transform:uppercase;font-weight:700;letter-spacing:.02em}.preset-size-badge{font-size:.65rem;font-weight:700;padding:4px 8px;background:#0000004d;border-radius:4px;color:#cbd5e1}.custom-dim-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dim-input-wrapper{display:flex;flex-direction:column;gap:6px}.dim-input-wrapper label{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase}.sdk-input-premium{width:100%;background:#0f172a66;border:1px solid var(--sdk-border);border-radius:8px;padding:10px 12px;color:#fff;font-size:.9rem;outline:none}.sdk-input-premium:focus{border-color:var(--sdk-accent);box-shadow:0 0 0 2px #7c3aed33}.sdk-frame-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:1}.sdk-frame-card:hover{background:#ffffff0f;border-color:var(--sdk-accent);transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.frame-preview-icon{width:76px;height:76px;color:#dbeafe;filter:drop-shadow(0 8px 14px rgba(0,0,0,.24));transition:transform .3s ease}.frame-preview-icon svg{width:100%;height:100%;display:block}.frame-preview-base{fill:#eef2ff}.frame-preview-ribbon-one{fill:#a78bfa;opacity:.82}.frame-preview-ribbon-two{fill:#22d3ee;opacity:.68}.frame-preview-node{fill:#fff;stroke:#4f46e55c;stroke-width:1.5}.frame-preview-node.secondary{fill:#fef3c7}.frame-preview-stroke>*{fill:none;stroke:#0f172a2e;stroke-width:2;vector-effect:non-scaling-stroke}.sdk-frame-card:hover .frame-preview-icon{transform:scale(1.1);color:#eff6ff}.frame-label{font-size:.75rem;font-weight:600;color:#94a3b8;transition:color .3s ease}.sdk-frame-card:hover .frame-label{color:#f1f5f9}.sdk-frame-session-actions{display:grid;gap:8px;margin:0 0 16px;padding:10px;border-radius:12px;border:1px solid rgba(124,58,237,.22);background:#7c3aed14}.sdk-frame-session-actions button{min-height:36px;justify-content:center}.sdk-frame-session-actions span{color:#94a3b8;font-size:.68rem;line-height:1.35}.image-crop-panel{display:grid;gap:10px;padding:12px;margin-bottom:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0f172a70}.image-crop-header{display:inline-flex;align-items:center;gap:8px;color:#f8fafc;font-size:.78rem;font-weight:800;letter-spacing:.02em}.image-crop-grid,.image-crop-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-crop-grid button{min-height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0a;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.image-crop-grid button:hover{color:#fff;border-color:#a78bfa66;background:#7c3aed29}.image-crop-actions .sdk-btn-premium-outline{padding:8px 10px;font-size:.72rem}.sdk-btn-premium-outline{background:transparent;border:1px solid rgba(124,58,237,.4);color:#a78bfa;padding:10px 16px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.sdk-btn-premium-outline:hover{background:#7c3aed1a;border-color:#7c3aed;color:#fff}.sdk-template-action-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#020617bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sdk-template-action-modal{width:min(640px,calc(100vw - 32px));display:grid;gap:18px;padding:22px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:#0f172a;color:#f8fafc;box-shadow:0 24px 80px #00000061}.sdk-template-action-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sdk-template-action-header h3{margin:0;font-size:1.18rem;line-height:1.2}.sdk-template-action-header p{margin:6px 0 0;color:#94a3b8;font-size:.86rem;font-weight:700}.sdk-template-action-close{width:36px;height:36px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#0f172acc;color:#cbd5e1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sdk-template-action-copy{padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#1e293b73}.sdk-template-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.sdk-template-action-grid .btn{min-height:42px;border-radius:10px;border:1px solid rgba(148,163,184,.24);padding:10px 14px;font-size:.88rem;font-weight:800;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.sdk-template-action-grid .btn:hover{transform:translateY(-1px)}.sdk-template-action-grid .btn-primary{border-color:#7c3aede0;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;box-shadow:0 10px 28px #4f46e542}.sdk-template-action-grid .btn-primary:hover{border-color:#c4b5fdf2;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.sdk-template-action-grid .btn-ghost{background:#0f172ac7;color:#e2e8f0}.sdk-template-action-grid .btn-ghost:hover{border-color:#a78bfa94;background:#1e293beb;color:#fff}.line-flow-generator,.bento-grid-generator{display:flex;flex-direction:column;gap:14px}.bento-grid-preview{position:relative;min-height:220px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#ffffffeb,#f8fafcfa),radial-gradient(circle at 18% 22%,rgba(124,58,237,.12),transparent 34%)}.bento-grid-preview-cell{position:absolute;box-sizing:border-box}.bento-grid-preview-cell span{display:block;width:100%;height:100%;border:1px solid rgba(148,163,184,.32);border-radius:12px;background:#f8fafc;box-shadow:inset 0 0 0 1px #ffffff94;overflow:hidden}.bento-grid-preview-cell svg{width:100%;height:100%;display:block}.bento-grid-preview-cell svg .bento-grid-art-base{fill:url(#bentoPreviewBase)}.bento-grid-art-ribbon-one{fill:url(#bentoPreviewRibbonOne)}.bento-grid-art-ribbon-two{fill:url(#bentoPreviewRibbonTwo)}.bento-grid-art-node{fill:#fff;stroke:#4f46e54d;stroke-width:4;vector-effect:non-scaling-stroke}.bento-grid-art-node.secondary{fill:#fef3c7;stroke:none}.bento-grid-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.line-flow-preview{position:relative;min-height:190px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#ffffffdb,#f1f5f9eb),radial-gradient(circle at 20% 20%,rgba(124,58,237,.12),transparent 32%);box-shadow:inset 0 0 0 1px #ffffff73}[data-theme=dark] .line-flow-preview,.theme-dark .line-flow-preview{background:linear-gradient(135deg,#0f172aeb,#1e293bdb),radial-gradient(circle at 20% 20%,rgba(124,58,237,.18),transparent 32%);box-shadow:inset 0 0 0 1px #94a3b814}[data-theme=dark] .bento-grid-preview,.theme-dark .bento-grid-preview{background:linear-gradient(135deg,#0f172aeb,#1e293bdb),radial-gradient(circle at 18% 22%,rgba(124,58,237,.18),transparent 34%)}[data-theme=dark] .bento-grid-preview-cell span,.theme-dark .bento-grid-preview-cell span{border-color:#94a3b847;background:#0f172ae6;box-shadow:inset 0 0 0 1px #94a3b814}[data-theme=dark] .bento-grid-preview-cell svg .bento-grid-art-base,.theme-dark .bento-grid-preview-cell svg .bento-grid-art-base{fill:#1e293b}[data-theme=dark] .bento-grid-art-ribbon-one,.theme-dark .bento-grid-art-ribbon-one{fill:#7c3aedad}[data-theme=dark] .bento-grid-art-ribbon-two,.theme-dark .bento-grid-art-ribbon-two{fill:#0ea5e97a}.line-flow-preview svg{width:100%;height:190px;display:block}.line-flow-randomize{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border:1px solid rgba(148,163,184,.3);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffe6;color:#475569;cursor:pointer}.line-flow-randomize:hover{border-color:#7c3aed80;color:#7c3aed}.line-flow-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.line-flow-presets button{min-height:36px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:10px;background:var(--panel, rgba(255, 255, 255, .92));color:var(--text, #1e293b);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.line-flow-presets button.active{border-color:#7c3aed9e;background:#7c3aed1f;color:#6d28d9}.line-flow-controls{display:grid;gap:12px}.line-flow-controls label{display:grid;gap:7px;color:var(--text, #1e293b)}.line-flow-controls label>span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted, #64748b);font-size:.78rem;font-weight:800}.line-flow-controls strong{color:var(--text, #1e293b);font-size:.78rem}.line-flow-color-row{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center}.line-flow-color-row input[type=color]{width:42px;height:38px;padding:2px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:10px;background:transparent;cursor:pointer}.border-builder-generator,.badge-seal-generator,.scatter-brush-generator,.light-streak-generator,.ribbon-stroke-generator,.ink-splash-generator,.torn-paper-generator{display:flex;flex-direction:column;gap:14px}.border-builder-preview,.badge-seal-preview{position:relative;min-height:206px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#ffffffe6,#f8fafcf0),radial-gradient(circle at 80% 18%,rgba(124,58,237,.08),transparent 34%)}.scatter-brush-preview{position:relative;min-height:190px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:14px;overflow:hidden;background:radial-gradient(circle at 18% 28%,rgba(245,158,11,.12),transparent 34%),linear-gradient(135deg,#ffffffeb,#f8fafcf5)}.light-streak-preview{position:relative;min-height:190px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:14px;overflow:hidden;background:radial-gradient(circle at 62% 42%,rgba(56,189,248,.18),transparent 38%),linear-gradient(135deg,#fffffff0,#f1f5f9fa)}.ribbon-stroke-preview{position:relative;min-height:190px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:14px;overflow:hidden;background:radial-gradient(circle at 24% 34%,rgba(34,211,238,.16),transparent 34%),radial-gradient(circle at 74% 36%,rgba(249,115,22,.14),transparent 36%),linear-gradient(135deg,#fffffff5,#f8fafcfa)}.ink-splash-preview{position:relative;min-height:210px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:14px;overflow:hidden;background:radial-gradient(circle at 28% 32%,rgba(34,211,238,.16),transparent 34%),radial-gradient(circle at 76% 34%,rgba(217,70,239,.14),transparent 36%),radial-gradient(circle at 56% 82%,rgba(249,115,22,.13),transparent 34%),linear-gradient(135deg,#fffffff5,#f8fafcfa)}.torn-paper-preview{position:relative;min-height:190px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#fffffff0,#f8fafcfa),radial-gradient(circle at 24% 28%,rgba(148,163,184,.14),transparent 34%)}.torn-paper-preview svg{width:100%;height:190px;display:block}.light-streak-preview svg{width:100%;height:190px;display:block}.ribbon-stroke-preview svg{width:100%;height:190px;display:block}.ink-splash-preview svg{width:100%;height:210px;display:block}.ink-splash-randomize{position:absolute;right:12px;bottom:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:#0f172ac7;color:#fff;cursor:pointer}.ribbon-stroke-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ribbon-stroke-colors input[type=color]{width:100%;height:38px;padding:2px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:10px;background:transparent;cursor:pointer}.ink-splash-colors{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.ink-splash-colors input[type=color]{width:100%;height:34px;padding:2px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:9px;background:transparent;cursor:pointer}.ink-splash-slider{display:flex;flex-direction:column;gap:8px;color:var(--text, #1e293b);font-size:.78rem;font-weight:800}.ink-splash-slider span{display:flex;justify-content:space-between;color:var(--text-muted, #64748b)}.ink-splash-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid rgba(34,211,238,.22);border-radius:12px;background:#0891b214;color:#64748b;font-size:.74rem;line-height:1.35;font-weight:700}.scatter-brush-preview svg{width:100%;height:190px;display:block}.scatter-shape-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.scatter-shape-tabs button{flex:1 0 auto;min-height:34px;border:1px solid var(--border, rgba(148, 163, 184, .24));border-radius:10px;padding:0 10px;background:var(--panel, rgba(255, 255, 255, .92));color:var(--text, #1e293b);font-weight:800;cursor:pointer}.scatter-shape-tabs button.active{border-color:#7c3aed9e;background:#7c3aed1f;color:#6d28d9}.border-preview-inner{position:absolute;top:26px;right:26px;bottom:26px;left:26px;border:solid currentColor;border-width:inherit;border-radius:inherit}.border-builder-preview.is-double .border-preview-inner{outline:solid currentColor;outline-width:max(1px,calc(var(--border-preview-outline, 1) * 1px))}.border-builder-preview.is-corners .border-preview-inner{border-color:transparent}.border-builder-preview.is-corners .border-preview-inner:before,.border-builder-preview.is-corners .border-preview-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(currentColor,currentColor) left top / 58px 3px no-repeat,linear-gradient(currentColor,currentColor) left top / 3px 58px no-repeat,linear-gradient(currentColor,currentColor) right top / 58px 3px no-repeat,linear-gradient(currentColor,currentColor) right top / 3px 58px no-repeat,linear-gradient(currentColor,currentColor) left bottom / 58px 3px no-repeat,linear-gradient(currentColor,currentColor) left bottom / 3px 58px no-repeat,linear-gradient(currentColor,currentColor) right bottom / 58px 3px no-repeat,linear-gradient(currentColor,currentColor) right bottom / 3px 58px no-repeat}.ticket-notch{position:absolute;width:28px;height:28px;border-radius:999px;background:#fff;border:2px solid currentColor}.ticket-notch.top-left{left:-14px;top:-14px}.ticket-notch.top-right{right:-14px;top:-14px}.ticket-notch.bottom-left{left:-14px;bottom:-14px}.ticket-notch.bottom-right{right:-14px;bottom:-14px}.badge-seal-preview{display:grid;place-items:center}.badge-seal-preview svg{width:210px;height:210px;max-width:86%}[data-theme=dark] .border-builder-preview,[data-theme=dark] .badge-seal-preview,.theme-dark .border-builder-preview,.theme-dark .badge-seal-preview{background:linear-gradient(135deg,#0f172aeb,#1e293bdb),radial-gradient(circle at 80% 18%,rgba(124,58,237,.16),transparent 34%)}[data-theme=dark] .scatter-brush-preview,.theme-dark .scatter-brush-preview{background:radial-gradient(circle at 18% 28%,rgba(245,158,11,.18),transparent 34%),linear-gradient(135deg,#0f172aeb,#1e293bdb)}[data-theme=dark] .light-streak-preview,.theme-dark .light-streak-preview{background:radial-gradient(circle at 62% 42%,rgba(56,189,248,.22),transparent 38%),linear-gradient(135deg,#0f172af0,#1e293be0)}[data-theme=dark] .ribbon-stroke-preview,.theme-dark .ribbon-stroke-preview{background:radial-gradient(circle at 24% 34%,rgba(34,211,238,.2),transparent 34%),radial-gradient(circle at 74% 36%,rgba(249,115,22,.18),transparent 36%),linear-gradient(135deg,#0f172af0,#1e293be0)}[data-theme=dark] .torn-paper-preview,.theme-dark .torn-paper-preview{background:radial-gradient(circle at 24% 28%,rgba(148,163,184,.18),transparent 34%),linear-gradient(135deg,#0f172af0,#1e293be0)}.sdk-properties-panel{display:flex;flex:1;flex-direction:column;width:100%;max-width:100%;min-height:0;height:100%;gap:20px;padding:20px 20px 32px;color:#e2e8f0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--sdk-scrollbar-thumb, rgba(148, 163, 184, .42)) transparent}.sdk-properties-panel::-webkit-scrollbar{width:var(--sdk-scrollbar-size, 10px)}.sdk-properties-panel::-webkit-scrollbar-track{background:var(--sdk-scrollbar-track, rgba(15, 23, 42, .12));border-radius:999px}.sdk-properties-panel::-webkit-scrollbar-thumb{background:var(--sdk-scrollbar-thumb, rgba(148, 163, 184, .42));border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sdk-properties-panel::-webkit-scrollbar-thumb:hover{background:var(--sdk-scrollbar-thumb-hover, rgba(203, 213, 225, .58));background-clip:padding-box}.sdk-props-section{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%}.sdk-props-section.quick-actions{background:#7c3aed0d;margin:-20px -20px 10px;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.section-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;margin:0;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.prop-tabs-segmented,.line-style-grid{display:flex;min-width:0;max-width:100%;background:#0f172a66;padding:3px;border-radius:8px;gap:2px}.line-style-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:8px}.tab-btn,.style-btn{min-width:0;flex:1;background:transparent;border:none;color:#94a3b8;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:capitalize}.tab-btn.active,.style-btn.active{background:#1e293bcc;color:#fff;box-shadow:0 1px 3px #0003}.color-control-row{display:flex;align-items:center;gap:14px;min-width:0;max-width:100%}.color-swatch-wrapper{position:relative;width:52px;height:52px;flex-shrink:0;border-radius:12px;border:1px solid rgba(255,255,255,.15);overflow:hidden;cursor:pointer;box-shadow:0 4px 12px #0003;transition:transform .2s}.color-swatch-wrapper:hover{transform:scale(1.05);border-color:#ffffff4d}.swatch-preview{width:100%;height:100%}.sdk-color-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.hex-input-wrapper{flex:1;min-width:0;display:flex;align-items:center;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 16px;height:52px}.hex-prefix{font-size:.7rem;font-weight:800;color:#64748b;margin-right:12px}.hex-input{flex:1;min-width:0;background:transparent;border:none;color:#fff;height:100%;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;outline:none;letter-spacing:.05em}.dim-field{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 10px;flex:1;min-width:0;height:38px;transition:all .2s}.dim-field:focus-within{border-color:#00f2fe;background:#ffffff14}.dim-label{font-size:10px;font-weight:700;color:#94a3b8;margin-right:8px}.dim-field input{background:transparent;border:none;color:#fff;font-size:13px;width:100%;outline:none}.solid-presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:8px}.solid-preset-btn{aspect-ratio:1;border-radius:4px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.solid-preset-btn:hover{transform:scale(1.1);z-index:1}.solid-preset-btn.active{border-color:#00f2fe;box-shadow:0 0 8px #00f2fe66}.gradient-presets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gradient-preset-card{height:80px;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:10px}.gradient-preset-card:hover{transform:translateY(-4px);border-color:#00f2fe;box-shadow:0 10px 20px #0000004d}.text-styles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.text-style-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.text-style-btn:hover{background:#ffffff14;border-color:#7c3aed;transform:translateY(-2px)}.text-style-btn span{font-size:10px;color:#fff9;font-weight:600;text-transform:uppercase}.guidelines-grid{display:grid;grid-template-columns:1fr;gap:8px}.guideline-toggle-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;color:#fffc;font-size:11px;font-weight:500;width:100%}.guideline-toggle-btn:hover{background:#ffffff14;border-color:#fff3}.guideline-toggle-btn.active{background:#7c3aed1a;border-color:#7c3aed;color:#a78bfa}.guideline-toggle-btn svg{opacity:.6}.guideline-toggle-btn.active svg{opacity:1}.none-btn{display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:#fff6}.divider-premium{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);width:100%}.color-scheme-grid{display:flex;flex-direction:column;gap:12px}.scheme-row{display:flex;align-items:center;gap:12px;padding:8px;background:#ffffff0d;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.scheme-row:hover{background:#ffffff1a;border-color:#fff3}.scheme-palette{display:flex;height:24px;border-radius:4px;overflow:hidden;flex:1}.palette-color{flex:1;height:100%}.scheme-name{font-size:11px;font-weight:600;color:#ffffffb3;width:60px;text-transform:uppercase;letter-spacing:.5px}.page-presets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.preset-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#cbd5e1;text-align:center}.preset-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.preset-card.active{background:linear-gradient(135deg,#00f2fe26,#4facfe26);border-color:#00f2fe;color:#00f2fe;box-shadow:0 4px 15px #00f2fe1a}.preset-icon-wrap{width:32px;height:32px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.preset-card.active .preset-icon-wrap{background:#00f2fe1a}.preset-label{font-size:11px;font-weight:600;display:block}.preset-dim{font-size:9px;opacity:.6}.prop-tabs-segmented{display:flex;background:#0003;padding:3px;border-radius:8px;margin-bottom:12px}.prop-tabs-segmented .tab-btn{flex:1;padding:6px;border:none;background:transparent;color:#94a3b8;font-size:10px;font-weight:600;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:all .2s}.prop-tabs-segmented .tab-btn.active{background:#ffffff1a;color:#fff}.sdk-btn-premium-outline{background:transparent;border:1px solid rgba(255,255,255,.15);color:#94a3b8;padding:10px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.sdk-btn-premium-outline:hover{background:#ffffff0d;color:#fff;border-color:#ffffff4d}.pipette-btn{background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:52px;height:52px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pipette-btn:hover{background:#ffffff0d;color:#fff;border-color:#fff3}.slider-with-input{display:flex;align-items:center;gap:12px}.sdk-slider-premium{flex:1;height:6px;-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none}.sdk-slider-premium::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--color-primary, #7c3aed);border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #0000004d}.number-input-box{width:65px;background:#0f172a66;border:1px solid rgba(255,255,255,.05);border-radius:8px}.number-input-box input{width:100%;background:transparent;border:none;color:#fff;padding:8px 4px;text-align:center;font-size:.8rem;font-weight:700;outline:none}.number-input-box input::-webkit-outer-spin-button,.number-input-box input::-webkit-inner-spin-button,.sdk-input-mini::-webkit-outer-spin-button,.sdk-input-mini::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input-box input[type=number],.sdk-input-mini[type=number]{-moz-appearance:textfield}.alignment-grid-3x2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.alignment-grid-3x2 button{background:#0f172a66;border:1px solid rgba(255,255,255,.05);color:#94a3b8;padding:12px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.alignment-grid-3x2 button:hover{background:#7c3aed1a;color:#fff;border-color:#7c3aed4d}.dimensions-row{display:flex;gap:10px;justify-content:flex-start}.dim-field{width:90px;display:flex;align-items:center;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0 12px;height:40px}.dim-label{font-size:.7rem;font-weight:800;color:#64748b;margin-right:12px}.dim-field input{flex:1;background:transparent;border:none;color:#fff;height:100%;font-size:.9rem;font-weight:600;outline:none}.layer-btns{display:flex;gap:12px}.stack-btn{flex:1;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#fff;height:52px;border-radius:14px;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.stack-btn:hover{background:#ffffff0d;border-color:#fff3}.prop-row-compact{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;margin-bottom:4px}.section-header-toggle{display:flex;justify-content:space-between;align-items:center}.sdk-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;background:#ffffff1a;border-radius:20px;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.05);flex-shrink:0}.sdk-toggle:checked{background:var(--color-primary, #7c3aed);box-shadow:0 0 10px #7c3aed4d}.sdk-toggle:before{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0003}.sdk-toggle:checked:before{left:18px}.sdk-input-mini{background:#0f172a99!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;border-radius:8px!important;padding:6px 4px!important;font-size:.75rem!important;font-weight:700!important;text-align:center!important;outline:none!important;transition:all .2s!important;height:32px;width:60px!important}.sdk-input-mini:focus{border-color:var(--color-primary, #7c3aed)!important;background:#7c3aed1a!important}.stroke-val-text{font-size:.75rem;color:#94a3b8;font-weight:600}.sdk-action-btn-mini{background:#ffffff0d!important;color:#94a3b8!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;padding:8px 10px!important;font-size:.75rem!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;transition:all .2s!important;text-transform:uppercase!important;letter-spacing:.08em!important;flex:1!important}.sdk-action-btn-mini:hover{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}.sdk-action-btn-mini.danger:hover{background:#ef44441a!important;border-color:#ef444466!important;color:#f87171!important}.shadow-section-premium{background:#ffffff05;margin:0 -20px;padding:20px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.shadow-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.shadow-preset-item{display:flex;flex-direction:column;align-items:center;gap:6px}.shadow-preset-visual-btn{width:100%;aspect-ratio:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.shadow-preset-visual-btn:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.shadow-preset-visual-btn.active{background:#7c3aed26;border-color:var(--color-primary, #7c3aed);box-shadow:0 0 15px #7c3aed4d}.shadow-preview-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.shadow-preview-inner{width:32px;height:32px;background:var(--color-primary, #7c3aed);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.shadow-preview-inner.glow{box-shadow:0 0 10px 2px #00000080}.shadow-preview-inner.drop{box-shadow:4px 4px 6px #00000080}.shadow-preview-inner.outline{box-shadow:0 0 0 2px #000c}.shadow-preview-inner.angled{box-shadow:6px 3px 4px #00000080}.shadow-preview-inner.backdrop{box-shadow:0 8px 10px #00000080}.shadow-preview-inner.none{box-shadow:none}.preset-label{font-size:.65rem;font-weight:600;color:#94a3b8;text-align:center}.section-label-tiny{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-top:4px}.slider-icon-label{font-size:.7rem;font-weight:900;color:#64748b;width:24px;text-align:center;flex-shrink:0}.segmented-control-mini{display:flex;background:#0f172a66;padding:3px;border-radius:8px;gap:2px}.segmented-control-mini button{flex:1;background:transparent;border:none;color:#94a3b8;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.segmented-control-mini button:hover{background:#ffffff0d;color:#fff}.segmented-control-mini button.active{background:#7c3aed33;color:#a78bfa}.sdk-select-premium{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:10px 14px;font-size:.9rem;font-weight:600;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.sdk-select-premium:focus{border-color:var(--color-primary, #7c3aed);background-color:#7c3aed0d}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.w-full{width:100%}.mt-2{margin-top:8px}.solid-presets-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.solid-preset-btn{width:100%;aspect-ratio:1;border-radius:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.solid-preset-btn:hover{transform:scale(1.15) translateY(-2px);z-index:10;box-shadow:0 8px 20px #0006;border-color:#fff6}.solid-preset-btn.active{border:2px solid white;box-shadow:0 0 0 2px var(--color-primary, #7c3aed),0 8px 20px #7c3aed66;transform:scale(1.1)}.text-styles-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.color-preset-btn{width:100%;aspect-ratio:1;border-radius:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.color-preset-btn:hover{transform:scale(1.15) translateY(-2px);z-index:10;box-shadow:0 8px 20px #0006;border-color:#fff6}.color-preset-btn.active{border:2px solid white;box-shadow:0 0 0 2px var(--color-primary, #7c3aed),0 8px 20px #7c3aed66;transform:scale(1.1)}.gradient-presets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:4px}.gradient-preset-card{height:80px;border-radius:12px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:10px}.gradient-preset-card:hover{transform:translateY(-4px) scale(1.02);border-color:#ffffff4d;box-shadow:0 12px 24px #0006}.gradient-preset-card .preset-name{color:#fff;font-size:11px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:1}.gradient-preset-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 60%);opacity:.8}.sdk-select-premium{background:#1e293b80;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f0f0ff;padding:8px 32px 8px 12px;font-size:.85rem;font-weight:500;outline:none;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.sdk-select-premium:focus{border-color:var(--color-primary, #7c3aed);background:#1e293bcc;box-shadow:0 0 0 3px #7c3aed26}.sdk-select-premium option{background-color:#1e1e2e;color:#fff;padding:12px}@media screen and (-webkit-min-device-pixel-ratio:0){.sdk-select-premium option{color:#fff;background-color:#1e1e2e}}.smart-grid{display:grid;gap:8px;margin-bottom:10px}.smart-grid-row{display:grid;gap:8px;align-items:center}.smart-grid-chart .smart-grid-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) 42px 28px}.smart-grid-table .smart-grid-row{grid-template-columns:repeat(auto-fit,minmax(84px,1fr)) 28px}.smart-grid-head{font-size:.65rem;color:#94a3b8;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.smart-grid-header-cell{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:center}.smart-grid-input{width:100%;min-width:0;background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e2e8f0;padding:8px 10px;font-size:.76rem;outline:none}.smart-grid-input:focus{border-color:var(--color-primary, #7c3aed);box-shadow:0 0 0 3px #7c3aed1f}.smart-grid-color{width:42px;height:34px;padding:2px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0f172ab3;cursor:pointer}.smart-grid-icon-btn{width:28px;height:28px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.smart-grid-icon-btn:hover{color:#fff;background:#ef44441f;border-color:#ef444440}.smart-grid-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.image-crop-props-panel{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0f172a61}.image-crop-help{margin:0 0 2px;color:var(--text-secondary);font-size:.72rem;line-height:1.35}.crop-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crop-guide-field{display:grid;gap:5px}.crop-guide-field span{color:#94a3b8;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.crop-guide-field input{width:100%;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0f172ab8;color:#f8fafc;padding:8px 9px;font-size:.76rem;outline:none}.crop-guide-field input:focus{border-color:#a78bfa8c;box-shadow:0 0 0 3px #7c3aed24}.sdk-properties-panel,.sdk-properties-panel *{box-sizing:border-box}.sdk-properties-panel :is(.sdk-props-section,.prop-row-compact,.color-control-row,.slider-with-input,.dimensions-row,.layer-btns,.segmented-control-mini,.prop-tabs-segmented,.line-style-grid){min-width:0!important;max-width:100%!important}.sdk-properties-panel :is(button,input,select,textarea,.hex-input-wrapper,.dim-field,.number-input-box,.sdk-input-mini,.sdk-action-btn-mini,.stack-btn){min-width:0!important}.sdk-properties-panel .color-control-row{gap:10px!important;flex-wrap:wrap!important}.sdk-properties-panel .color-swatch-wrapper,.sdk-properties-panel .pipette-btn{width:44px!important;height:44px!important;flex:0 0 44px!important}.sdk-properties-panel .hex-input-wrapper{height:44px!important;flex:1 1 140px!important;padding:0 12px!important}.sdk-properties-panel .hex-prefix{margin-right:8px!important}.sdk-properties-panel .slider-with-input{gap:8px!important}.sdk-properties-panel .sdk-slider-premium{flex:1 1 auto!important;min-width:0!important}.sdk-properties-panel .number-input-box{width:46px!important;flex:0 0 46px!important}.sdk-properties-panel .dimensions-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.sdk-properties-panel .dim-field{width:auto!important;max-width:100%!important}.sdk-properties-panel .alignment-grid-3x2{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sdk-properties-panel .sdk-props-section [style*=gridTemplateColumns]{grid-template-columns:repeat(auto-fit,minmax(58px,1fr))!important}.sdk-properties-panel :is(.solid-presets-grid,.text-styles-grid){grid-template-columns:repeat(auto-fit,minmax(30px,1fr))!important}.sdk-properties-panel .gradient-presets-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sdk-properties-panel .shadow-section-premium{margin-left:0!important;margin-right:0!important;padding:16px!important}.sdk-properties-panel .shadow-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sdk-properties-panel .sdk-action-btn-mini{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}.sdk-properties-panel .prop-row-compact>[style*=width]{max-width:100%!important}.sdk-font-picker-combo{position:relative;width:100%}.font-trigger{height:36px;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#f1f5f9;-webkit-user-select:none;user-select:none}.font-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:220px;max-width:320px;max-height:400px;background:#111827;border:1px solid rgba(148,163,184,.22);border-radius:12px;z-index:10000;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 22px 48px #0206178c;-webkit-backdrop-filter:none;backdrop-filter:none}.font-dropdown-portal.font-dropdown-light{background:#fff!important;border-color:#0f172a1f!important;box-shadow:0 24px 60px #0f172a2e!important}.font-dropdown-portal.font-dropdown-light .font-search-wrapper{background:#f8fafc!important;border-color:#0f172a14!important}.font-dropdown-portal.font-dropdown-light .font-search-wrapper input{color:#111827!important}.font-dropdown-portal.font-dropdown-light .font-search-wrapper input::placeholder{color:#94a3b8!important}.font-dropdown-portal.font-dropdown-light .font-search-wrapper .search-icon{color:#64748b!important}.font-dropdown-portal.font-dropdown-light .font-section-title{color:#6d28d9!important}.font-dropdown-portal.font-dropdown-light .font-option,.font-dropdown-portal.font-dropdown-light .font-no-results{color:#334155!important}.font-dropdown-portal.font-dropdown-light .font-option:hover,.font-dropdown-portal.font-dropdown-light .font-option.active{background:#7c3aed1a!important;color:#5b21b6!important}.font-dropdown-portal.font-dropdown-light .font-divider{background:#0f172a14!important}.sdk-smart-bar .font-dropdown{left:50%;transform:translate(-50%);width:240px;min-width:240px}.sdk-properties-panel .font-dropdown{left:0;width:100%}.font-list-scroll{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:var(--sdk-scrollbar-thumb, rgba(148, 163, 184, .42)) transparent}.font-option{padding:8px 12px;font-size:.9rem;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.font-option-meta{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;margin-left:10px}.font-tenant-label{padding:3px 6px;border-radius:999px;color:#c4b5fd;background:#7c3aed33;font-family:Inter,system-ui,sans-serif;font-size:.58rem;font-weight:800;line-height:1;letter-spacing:.05em;text-transform:uppercase}.font-dropdown-light .font-tenant-label{color:#6d28d9;background:#7c3aed1c}.font-option:hover{background:#7c3aed3d;color:#fff;padding-left:16px}.font-list-scroll::-webkit-scrollbar{width:var(--sdk-scrollbar-size, 10px)}.font-list-scroll::-webkit-scrollbar-track{background:var(--sdk-scrollbar-track, rgba(15, 23, 42, .12));border-radius:999px}.font-list-scroll::-webkit-scrollbar-thumb{background:var(--sdk-scrollbar-thumb, rgba(148, 163, 184, .42));border-radius:999px;border:2px solid transparent;background-clip:padding-box}.font-list-scroll::-webkit-scrollbar-thumb:hover{background:var(--sdk-scrollbar-thumb-hover, rgba(203, 213, 225, .58));background-clip:padding-box}.sdk-font-size-combo{position:relative;width:86px;flex:0 0 auto}.sdk-font-size-combo.compact{width:70px}.font-size-trigger{width:100%;height:36px;border-radius:8px;border:1px solid rgba(148,163,184,.22);background:#151c2b;color:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;font-size:.84rem;font-weight:800;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.sdk-smart-bar .font-size-trigger{width:100%;background:#151c2b;color:#f8fafc;justify-content:space-between}.sdk-font-size-combo.compact .font-size-trigger{height:32px;padding:0 8px}.font-size-trigger:hover,.font-size-trigger:focus-visible{border-color:#7c3aedb3;background:#1b2334;box-shadow:0 0 0 3px #7c3aed29;outline:none}.font-size-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:174px;max-height:320px;overflow:hidden;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#111827;box-shadow:0 22px 48px #0206178c;z-index:10001}.sdk-properties-panel .font-size-dropdown{left:0;transform:none}.font-size-custom-row{display:grid;grid-template-columns:1fr 64px;gap:8px;align-items:center;padding:10px;border-bottom:1px solid rgba(148,163,184,.14);color:#94a3b8;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.font-size-custom-row input{width:100%;height:30px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#0f172a;color:#f8fafc;outline:none;padding:0 8px;text-align:center;font-size:.8rem;font-weight:800}.font-size-custom-row input:focus{border-color:#7c3aedb3}.font-size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:230px;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.42) transparent}.font-size-option{width:100%;height:32px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#151c2b;color:#cbd5e1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:.78rem;font-weight:800;cursor:pointer}.sdk-smart-bar .font-size-option{width:100%;height:32px;background:#151c2b;color:#cbd5e1}.font-size-option:hover,.font-size-option.active{border-color:#7c3aedb8;background:#7c3aed3d;color:#fff}.canva-color-popover{position:fixed;top:92px;right:24px;bottom:18px;width:min(360px,calc(100vw - 36px));max-height:none;transform:none;overflow-y:auto;padding:16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 24px 70px #0f172a47;color:#111827;z-index:12000;isolation:isolate;pointer-events:auto}.canva-color-popover.docked{position:static;inset:auto;width:100%;max-height:none;padding:0;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;z-index:auto}.canva-color-header,.canva-color-row,.canva-hex-row,.canva-tab-row,.canva-color-section-title{display:flex;align-items:center}.canva-color-header{justify-content:space-between;margin-bottom:16px}.canva-color-header strong{font-size:1rem}.canva-color-close,.canva-eyedropper,.canva-add-color,.canva-hex-row button{border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer}.canva-color-close{width:34px;height:34px;border:0}.canva-color-search{display:flex;align-items:center;gap:10px;height:44px;margin-bottom:18px;padding:0 12px;border:1px solid #d7dde8;border-radius:12px;color:#475569}.canva-color-search input{width:100%;border:0;outline:0;font-size:.92rem;color:#111827}.canva-color-popover section{margin-top:20px}.canva-color-section-title{gap:10px;margin-bottom:12px;font-size:.95rem;font-weight:800}.canva-color-subtitle{margin-bottom:10px;color:#64748b;font-size:.83rem;font-weight:600}.canva-color-subtitle.strong{color:inherit;font-size:.9rem;font-weight:850}.canva-color-row{gap:12px;margin-bottom:14px;flex-wrap:wrap}.canva-color-grid{display:grid;grid-template-columns:repeat(7,34px);gap:10px}.canva-color-grid.defaults{grid-template-columns:repeat(7,34px)}.canva-brand-card{padding-top:18px;border-top:1px solid rgba(148,163,184,.22)}.canva-brand-header,.canva-brand-title{display:flex;align-items:center}.canva-brand-header{justify-content:space-between;gap:12px;margin-bottom:14px}.canva-brand-title{min-width:0;gap:9px;font-weight:850}.canva-brand-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canva-brand-header button{border:0;background:transparent;color:inherit;font-weight:850;cursor:pointer}.canva-brand-card .canva-color-grid+.canva-color-subtitle{margin-top:18px}.canva-color-swatch,.canva-add-color,.canva-eyedropper{width:34px;height:34px;border-radius:999px;flex:0 0 auto}.canva-color-swatch{border:1px solid rgba(15,23,42,.13);cursor:pointer}.canva-color-swatch.transparent{background:linear-gradient(45deg,rgba(148,163,184,.55) 25%,transparent 25%),linear-gradient(-45deg,rgba(148,163,184,.55) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(148,163,184,.55) 75%),linear-gradient(-45deg,transparent 75%,rgba(148,163,184,.55) 75%),#fff!important;background-position:0 0,0 8px,8px -8px,-8px 0!important;background-size:16px 16px!important}.canva-color-swatch.selected,.canva-add-color.selected{outline:3px solid #8b3dff;outline-offset:3px}.canva-eyedropper:disabled{cursor:not-allowed;opacity:.45}.canva-solid-card{margin-left:-6px;margin-right:-6px;padding:14px;border-radius:14px;background:#fff;box-shadow:0 16px 32px #0f172a1f}.canva-tab-row{gap:8px;margin-bottom:14px}.canva-tab-row button{flex:1;height:34px;border:0;border-bottom:3px solid transparent;background:transparent;color:#374151;font-weight:800}.canva-tab-row button.active{border-bottom-color:#8b3dff;color:#111827}.canva-native-picker{position:relative;height:158px;margin-bottom:12px;overflow:hidden;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:linear-gradient(0deg,#000000,transparent),linear-gradient(90deg,#ffffff,var(--canva-picker-color, #00a66a))}.canva-sv-area{position:relative;width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:block}.canva-picker-handle,.canva-hue-handle{position:absolute;pointer-events:none;border:3px solid #ffffff;box-shadow:0 0 0 1px #0f172a8c,0 2px 8px #0f172a47}.canva-picker-handle{width:18px;height:18px;border-radius:999px;transform:translate(-50%,-50%)}.canva-hue-strip{position:relative;display:block;width:100%;height:18px;margin:-2px 0 12px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.canva-hue-handle{top:50%;width:18px;height:18px;border-radius:999px;transform:translate(-50%,-50%)}.canva-hex-row{gap:10px}.canva-hex-row input{min-width:0;flex:1;height:40px;border:1px solid #d7dde8;border-radius:12px;padding:0 12px;color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.canva-hex-row button{width:42px;height:40px;border-radius:12px}.canva-gradient-mode{display:grid;gap:14px}.canva-gradient-colors{display:flex;gap:10px;align-items:center}.canva-gradient-stop{width:42px;height:42px;border:1px solid rgba(148,163,184,.28);border-radius:999px;cursor:pointer}.canva-gradient-stop.active{outline:3px solid #8b3dff;outline-offset:3px}.canva-gradient-style-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.canva-gradient-style-grid button{height:50px;border:1px solid rgba(148,163,184,.28);border-radius:12px;cursor:pointer}.canva-add-color.gradient{width:42px;height:42px}.dark .canva-color-popover,.dark .canva-solid-card{border-color:#94a3b82e;background:#111827;color:#f8fafc}.dark .canva-color-search,.dark .canva-hex-row input,.dark .canva-color-close,.dark .canva-eyedropper,.dark .canva-add-color,.dark .canva-hex-row button{border-color:#94a3b838;background:#0f172a;color:#f8fafc}.dark .canva-color-search input{background:transparent;color:#f8fafc}.dark .canva-brand-card{border-top-color:#94a3b82e}.dark .canva-tab-row button{color:#cbd5e1}.dark .canva-tab-row button.active{color:#fff}@media (max-width: 720px){.canva-color-popover{top:56px;right:10px;bottom:10px;left:10px;width:auto}}.sdk-smart-bar-container{position:fixed;top:35px;z-index:5000;display:flex;justify-content:center;pointer-events:none}.sdk-smart-bar{display:flex;align-items:center;height:40px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:0 4px;gap:2px;pointer-events:auto;transition:all .2s cubic-bezier(.4,0,.2,1)}.dark .sdk-smart-bar{background:#1e293b;border-color:#ffffff1a}.smart-indicators{display:flex;align-items:center;gap:6px;padding:0 8px}.smart-color-pill{width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.1);cursor:pointer}.sdk-smart-bar .smart-color-chip{width:24px;height:24px;padding:0;border-radius:6px}.smart-color-chip .smart-color-pill{display:block}.smart-multi-colors{display:flex;align-items:center;gap:4px;background:#00000008;padding:3px 6px;border-radius:6px}.dark .smart-multi-colors{background:#ffffff0d}.smart-color-swatch-wrapper{position:relative;width:18px;height:18px}.smart-hidden-color-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0!important;cursor:pointer;z-index:2;padding:0;margin:0;border:none}.multi-color-hint{color:#94a3b8;display:flex;align-items:center;margin-left:2px;opacity:.6}.smart-shape-pill{color:#64748b;display:flex;align-items:center;cursor:pointer}.divider{width:1px;height:16px;background:#00000014;margin:0 4px}.dark .divider{background:#ffffff1a}.smart-actions{display:flex;align-items:center;gap:2px}.sdk-smart-bar button{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dark .sdk-smart-bar button{color:#94a3b8}.sdk-smart-bar button:hover{background:#f1f5f9;color:#7c3aed}.dark .sdk-smart-bar button:hover{background:#ffffff0d;color:#fff}.sdk-smart-bar button.active{background:#7c3aed1a;color:#7c3aed}.sdk-smart-bar .smart-cycle-btn span{font-size:.72rem;font-weight:900;letter-spacing:0;line-height:1}.sdk-smart-bar .smart-crop-btn{width:32px;padding:0}.sdk-smart-bar .smart-image-action-btn{width:auto;gap:5px;padding:0 9px;font-size:.7rem;font-weight:800}.smart-image-popover{position:absolute;top:48px;left:50%;transform:translate(-50%);min-width:230px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f172af5;box-shadow:0 18px 38px #0206176b;display:grid;grid-template-columns:1fr 110px 34px;align-items:center;gap:10px;color:#e2e8f0;font-size:.76rem;font-weight:700}.smart-image-popover input[type=range]{width:100%;accent-color:#8b5cf6}.smart-image-popover strong{color:#fff;text-align:right}.smart-image-popover.effects-popover{grid-template-columns:repeat(2,minmax(0,1fr));min-width:236px}.smart-image-popover.effects-popover button{width:100%;height:34px;padding:0 10px;border:1px solid rgba(148,163,184,.18);background:#0f172ac2;color:#e2e8f0;font-size:.75rem;font-weight:800}.smart-image-popover.effects-popover button:hover,.smart-image-popover.effects-popover button.active{background:#7c3aed47;border-color:#a78bfa94;color:#fff}.smart-text-popover{position:absolute;top:48px;left:50%;transform:translate(-50%);min-width:220px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f172af5;box-shadow:0 18px 38px #0206176b;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.smart-text-popover button{width:100%;height:32px;padding:0 9px;border:1px solid rgba(148,163,184,.18);background:#0f172ac2;color:#e2e8f0;font-size:.72rem;font-weight:800}.smart-text-popover button:hover{background:#7c3aed47;border-color:#a78bfa94;color:#fff}.expand-btn{display:flex;align-items:center;gap:6px;padding:0 10px!important;width:auto!important;font-size:.75rem;font-weight:700;color:#7c3aed!important}.font-select{background:transparent;font-weight:600;color:#1e293b;padding:4px 8px;border:none;color:#fff;text-align:center;font-size:.8rem;font-weight:700}.color-trigger{position:relative;width:28px;height:28px;margin:0 4px}.color-trigger input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.color-preview{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.color-circle-wrap{padding:0 4px}.color-circle{width:28px;height:28px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000001a;cursor:pointer;transition:transform .2s}.color-circle:hover{transform:scale(1.1)}.opacity-slider-wrap{display:flex;align-items:center;gap:8px;padding:0 10px;pointer-events:auto}.opacity-slider-wrap input{width:70px;height:4px;cursor:pointer}.opacity-slider-wrap .val{min-width:35px;font-size:.75rem;font-weight:600;color:#475569}.dark .opacity-slider-wrap .val{color:#e2e8f0}.smart-label-tiny{font-size:8px;font-weight:800;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase}.smart-font-picker{padding:0 6px;display:flex;align-items:center}.smart-font-size-combo{display:flex;align-items:center;padding-right:4px}.smart-font-current{position:relative;height:28px;min-width:80px;max-width:120px;background:#0000000a;border-radius:6px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.75rem;font-weight:600;color:#1e293b;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s}.dark .smart-font-current{background:#ffffff0f;color:#f1f5f9}.smart-font-current:hover{background:#7c3aed14;color:#7c3aed}.dark .smart-font-current:hover{background:#7c3aed26;color:#fff}.smart-font-select-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sdk-font-picker-combo{position:relative;height:32px}.font-trigger{height:32px;min-width:100px;max-width:160px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#f1f5f9;-webkit-user-select:none;user-select:none}.font-trigger:hover{background:#ffffff1a;border-color:#7c3aed;box-shadow:0 0 12px #7c3aed33}.font-label-text{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{transition:transform .3s ease;opacity:.6}.chevron.open{transform:rotate(180deg)}.font-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:240px;max-height:400px;background:#111827;border:1px solid rgba(148,163,184,.22);border-radius:12px;z-index:10000;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 22px 48px #0206178c;-webkit-backdrop-filter:none;backdrop-filter:none}.font-dropdown-portal{transform:none}.font-search-wrapper{padding:12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172a}.font-search-wrapper .search-icon{color:#94a3b8;flex-shrink:0}.font-search-wrapper input{background:transparent;border:none;color:#fff;font-size:.85rem;width:100%;outline:none}.font-list-scroll{flex:1;overflow-y:auto;padding:8px 0}.font-section-title{padding:8px 16px;font-size:.65rem;font-weight:800;color:#7c3aed;letter-spacing:.1em;opacity:.8}.font-option{padding:10px 16px;font-size:.95rem;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.font-option:hover{background:#7c3aed3d;color:#fff;padding-left:20px}.font-option.active{background:#7c3aed47;color:#fff;font-weight:700}.font-divider{height:1px;background:#ffffff0f;margin:8px 16px}.font-no-results{padding:20px;text-align:center;font-size:.8rem;color:#64748b;font-style:italic}.page-bar{position:relative;width:100%;padding:8px 12px;border-top:1px solid rgba(255,255,255,.05);background:#0d0d12;z-index:100;height:64px;display:flex;align-items:center;gap:8px;justify-content:space-between;box-shadow:0 -4px 20px #0003}.page-bar.zoom-only{justify-content:flex-end}.page-bar.zoom-only .workspace-controls{margin-left:auto}.page-navigator-container{flex:1;display:flex;align-items:center;gap:4px;min-width:0;position:relative}.nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 4px 12px #0003}.nav-btn:hover{background:var(--color-primary, #7c3aed);border-color:var(--color-primary, #7c3aed);transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed4d}.nav-btn:active{transform:translateY(0)}.page-list{flex:1;display:flex;gap:12px;overflow-x:auto;padding:4px 8px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;position:relative}.page-list::-webkit-scrollbar{display:none}.page-thumb-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:grab;transition:border-color .2s,box-shadow .2s;min-width:80px;position:relative;-webkit-user-select:none;user-select:none;flex-shrink:0}.page-thumb-item:active{cursor:grabbing}.page-thumb-preview{width:84px;height:56px;background:#11111a;border-radius:8px;border:2px solid transparent;position:relative;box-shadow:0 4px 12px #0006;display:flex;align-items:center;justify-content:center}.page-thumb-item.active .page-thumb-preview{border-color:var(--color-primary, #7c3aed);box-shadow:0 0 20px #7c3aed80}.page-thumb-preview img{width:100%;height:100%;object-fit:contain;transition:opacity .2s;border-radius:6px}.page-thumb-item:hover img{opacity:.6}.page-thumb-empty{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.page-number{position:absolute;top:4px;left:4px;background:#000000b3;color:#fff;font-size:8px;font-weight:700;padding:2px 5px;border-radius:4px;pointer-events:none;z-index:10;border:1px solid rgba(255,255,255,.1)}.page-name{font-size:10px;color:var(--text-secondary);max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.page-thumb-item.active .page-name{color:var(--text-bright)}.page-menu-trigger{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#000000b3;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;opacity:0;transition:all .2s}.page-thumb-item:hover .page-menu-trigger{opacity:1}.page-menu-trigger:hover{background:var(--color-primary);border-color:#ffffff4d}.page-context-menu{background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:4px;min-width:140px;box-shadow:0 10px 25px #00000080;transform:translate(-100%,-100%);animation:pageMenuFade .12s ease-out}@keyframes pageMenuFade{0%{opacity:0;transform:translate(-100%,-100%) scale(.92)}to{opacity:1;transform:translate(-100%,-100%) scale(1)}}.page-context-menu:after{content:"";position:absolute;top:100%;right:12px;border:6px solid transparent;border-top-color:#1e293b}.page-context-menu .menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent!important;border:none!important;border-radius:6px;color:#e2e8f0;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.page-context-menu .menu-item:hover{background:#7c3aed33!important;color:#fff!important}.page-context-menu .menu-item.delete:hover{background:#ef444433!important;color:#ef4444!important}.add-page-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffff08;border:2px dashed rgba(255,255,255,.1);border-radius:10px;width:84px;height:56px;cursor:pointer;transition:all .2s;flex-shrink:0;margin-left:4px}.add-page-btn:hover{background:#ffffff12;border-color:var(--color-primary);transform:translateY(-1px)}.add-icon{color:var(--color-primary);transition:transform .2s}.add-page-btn:hover .add-icon{transform:scale(1.2) rotate(90deg)}.add-text{font-size:9px;font-weight:600;color:var(--text-muted)}.add-page-btn.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1);border-style:solid}.add-page-btn.disabled:hover{background:#ffffff08;border-color:#ffffff1a;transform:none}.add-page-btn.disabled:hover .add-icon{transform:none}.page-bar-divider{width:1px;height:32px;background:#ffffff1a;margin:0 16px}.workspace-controls{display:flex;align-items:center;gap:12px}.zoom-controls-mini{display:flex;align-items:center;background:#0000004d;border-radius:8px;padding:2px;border:1px solid rgba(255,255,255,.05)}.btn-zoom{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s}.btn-zoom:hover{background:#ffffff1a;color:#fff}.zoom-value{font-size:11px;font-weight:700;color:#fff;min-width:42px;text-align:center;background:none;border:none;cursor:pointer}.zoom-slider-mini{width:100px;height:4px;accent-color:var(--color-primary);cursor:pointer;opacity:.7;transition:opacity .2s}.zoom-slider-mini:hover{opacity:1}.fit-btn{background:#ffffff0d}.sdk-page-controls-container{position:absolute;top:calc(100% + 14px);right:0;display:flex;align-items:center;gap:8px;padding:0;pointer-events:none;width:auto;z-index:1000}.page-number-pill{min-height:36px;padding:4px 12px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #00000014;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-number-index{font-size:.7rem;font-weight:800;color:#64748b;letter-spacing:.05em;white-space:nowrap}.dark .page-number-pill{background:#1e293b;border-color:#ffffff1a}.dark .page-number-index{color:#94a3b8}.page-name-input{min-width:120px;max-width:180px;min-height:28px;border:1px solid rgba(100,116,139,.18);background:linear-gradient(180deg,#fffffffa,#f8fafcf0);color:#0f172a;font-size:.78rem;font-weight:700;outline:none;padding:0 26px 0 10px;border-radius:6px;cursor:text;transition:all .18s ease;box-shadow:inset 0 1px #ffffffeb;background-image:linear-gradient(180deg,#fffffffa,#f8fafcf0),url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right 9px center}.page-name-input::placeholder{color:#94a3b8}.page-name-input:hover{border-color:#7c3aed47;background-image:linear-gradient(180deg,#fff,#fff),url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")}.page-name-input:focus{border-color:#7c3aed94;background-image:linear-gradient(180deg,#fff,#fff),url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");box-shadow:0 0 0 3px #7c3aed1f}.dark .page-name-input{color:#f8fafc;border-color:#ffffff24;background:#0f172a94 url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") no-repeat right 9px center;box-shadow:inset 0 1px #ffffff0d}.page-actions-pill{height:36px;display:flex;align-items:center;padding:0 4px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;gap:2px;box-shadow:0 4px 12px #00000014;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .page-actions-pill{background:#1e293b;border-color:#ffffff1a}.page-ctrl-btn{width:28px;height:28px;border:none;background:transparent;color:#64748b;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dark .page-ctrl-btn{color:#94a3b8}.page-ctrl-btn:hover{background:#0000000d;color:#000}.dark .page-ctrl-btn:hover{background:#ffffff14;color:#fff}.page-ctrl-btn.delete:hover{background:#ef44441a;color:#ef4444}.page-ctrl-btn.disabled{opacity:.3;cursor:not-allowed}.page-ctrl-btn.disabled:hover{background:transparent;color:inherit}.light .page-number-pill,.light .page-actions-pill,.full-editor-sdk.light .page-number-pill,.full-editor-sdk.light .page-actions-pill{background:#fffffff5;border-color:#0f172a1a;box-shadow:0 10px 28px #0f172a1a}.light .page-number-index,.full-editor-sdk.light .page-number-index{color:#64748b}.light .page-name-input,.full-editor-sdk.light .page-name-input{color:#172033;border-color:#64748b2e}.light .page-name-input::placeholder,.full-editor-sdk.light .page-name-input::placeholder{color:#94a3b8}.light .page-ctrl-btn,.full-editor-sdk.light .page-ctrl-btn{color:#64748b}.light .page-ctrl-btn:hover,.full-editor-sdk.light .page-ctrl-btn:hover{background:#7c3aed17;color:#6d28d9}.light .page-ctrl-btn.delete:hover,.full-editor-sdk.light .page-ctrl-btn.delete:hover{background:#ef44441a;color:#dc2626}.full-editor-sdk,.full-editor-sdk *{box-sizing:border-box}.full-editor-sdk{--color-primary: #7c3aed;--color-primary-light: #9d5ef5;--color-primary-dark: #5b21b6;--color-secondary: #2563eb;--text-primary: #f0f0ff;--text-secondary: #a0a0c8;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: all .1s ease;--sdk-scrollbar-size: 10px;--sdk-scrollbar-track: rgba(15, 23, 42, .12);--sdk-scrollbar-thumb: rgba(148, 163, 184, .42);--sdk-scrollbar-thumb-hover: rgba(203, 213, 225, .58)}.full-editor-sdk{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:#0f172a;color:#f8fafc;font-family:Inter,sans-serif}.sdk-ai-copy-widget{position:absolute;left:18px;bottom:90px;z-index:1200}.sdk-main-view.details-open .sdk-ai-copy-widget{right:338px;left:auto}.sdk-ai-copy-badge{width:46px;height:46px;border:0;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-weight:950;box-shadow:0 14px 34px #2563eb52;cursor:pointer}.sdk-ai-copy-panel{width:292px;display:grid;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.24);border-radius:14px;background:#0f172af0;box-shadow:0 24px 60px #02061773;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sdk-main-view.details-open .sdk-ai-copy-panel{transform-origin:bottom right}.sdk-ai-copy-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#fff}.sdk-ai-copy-panel>div:first-child strong{font-size:.9rem;font-weight:950}.sdk-ai-copy-panel>div:first-child button{width:26px;height:26px;border:0;border-radius:8px;background:#ffffff14;color:#cbd5e1;cursor:pointer}.sdk-ai-copy-panel textarea{width:100%;resize:none;border:1px solid rgba(148,163,184,.24);border-radius:10px;padding:10px;background:#0f172ab8;color:#f8fafc;font:inherit;font-size:.82rem;outline:0}.sdk-ai-copy-panel>button{min-height:36px;border:0;border-radius:10px;background:#7c3aed;color:#fff;font-weight:900;cursor:pointer}.sdk-ai-copy-results{display:grid;gap:7px}.sdk-ai-copy-results button{border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:9px 10px;background:#ffffff0e;color:#fff;text-align:left;font-size:.78rem;font-weight:800;cursor:pointer}.sdk-ai-copy-results button:hover{border-color:#7c3aed8c;background:#7c3aed2e}.sdk-topbar{min-height:68px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px 0 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#090d18d1;backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);z-index:1000;box-shadow:0 8px 24px #0206172e}.topbar-left{display:flex;align-items:center;min-width:0;flex-shrink:0}.topbar-left .sdk-logo{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:1.45rem;letter-spacing:0;line-height:1;color:#f8fafc;font-family:var(--font-display);text-shadow:none;border:0;padding:0;background:transparent;cursor:pointer}.sdk-logo-text{display:inline-block}.sdk-logo-pro-badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:3px 8px;border-radius:999px;border:1px solid rgba(196,181,253,.42);background:linear-gradient(135deg,#7c3aedf5,#4f46e5f5);color:#fff;font-family:var(--font-body);font-size:.68rem;font-weight:900;line-height:1;text-transform:uppercase;box-shadow:0 8px 20px #4f46e547}.topbar-left .sdk-logo:hover{color:#fff}.topbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;min-width:0;flex:0 0 auto;justify-content:center;z-index:2;pointer-events:auto}.sdk-topbar-project{display:flex;align-items:center;justify-content:flex-start;flex:0 1 220px;min-width:140px;margin-left:auto}.sdk-project-name-input{width:100%;min-height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:#f8fafc;padding:0 14px;font-size:.92rem;font-weight:700;text-align:left;outline:none;transition:all .2s ease;opacity:1;box-shadow:inset 0 1px #ffffff0a}.sdk-project-name-input::placeholder{color:#94a3b8}.sdk-project-name-input:hover{background:#ffffff0e;border-color:#ffffff1f}.sdk-project-name-input:focus{border-color:#7c3aed59;background:#ffffff0d;box-shadow:0 0 0 2px #7c3aed1f;opacity:1}.btn-icon{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;color:#e2e8f0b8!important;width:34px!important;height:34px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.btn-icon:hover{background:#ffffff12!important;color:#fff!important;border-color:#ffffff1f!important;transform:translateY(-1px)}.btn-icon.active{background:#7c3aedeb!important;color:#fff!important;border-color:#7c3aed47!important;box-shadow:0 10px 22px #7c3aed3d!important}.kaanopy-sdk-topbar-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;flex-shrink:0!important;min-width:0!important}.sdk-primary-btn{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;background:#334155e0!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;padding:9px 16px!important;border-radius:13px!important;font-size:.9rem!important;font-weight:680!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important;min-height:40px!important;box-sizing:border-box!important;text-shadow:none;box-shadow:none}.sdk-topbar-action-btn{min-height:38px!important;padding:8px 14px!important;font-size:.82rem!important;gap:6px!important;max-width:160px!important;overflow:hidden!important;text-overflow:ellipsis!important}.sdk-topbar-action-btn.icon-only{width:42px!important;min-width:42px!important;max-width:42px!important;justify-content:center!important;padding:8px!important}.sdk-primary-btn:hover{background:#475569f5!important;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a29}.sdk-primary-btn.export-glow{background:linear-gradient(135deg,#5b4df5,#6d5ef8)!important;border:1px solid rgba(109,94,248,.35)!important;box-shadow:0 12px 26px #4f46e53d!important}.sdk-primary-btn.export-glow:hover{background:linear-gradient(135deg,#6457f6,#7a6bfd)!important;box-shadow:0 14px 30px #4f46e552!important}.zoom-controls{display:flex;align-items:center;gap:8px;background:#ffffff06;padding:4px 10px;border-radius:12px;font-size:.8rem;border:1px solid rgba(255,255,255,.06);color:#fff;font-weight:600;height:34px;box-sizing:border-box}.zoom-controls .zoom-value{min-width:40px;text-align:center;font-variant-numeric:tabular-nums;opacity:.9}.zoom-controls button{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:var(--transition-fast)}.zoom-controls button:hover{color:var(--color-primary-light);transform:scale(1.1)}.sdk-divider{width:1px;height:18px;background:#ffffff14;margin:0 2px}.sdk-main-layout{display:flex;flex:1;overflow:hidden;position:relative}.sdk-canvas-area{flex:1;overflow:auto;position:relative;z-index:1;display:grid;grid-template-columns:30px 1fr;grid-template-rows:30px 1fr;min-height:0;background:#0c111b;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;scrollbar-width:thin;scrollbar-color:var(--sdk-scrollbar-thumb) transparent;overflow-anchor:none}.sdk-shopify-workspace{flex:1 1 0;min-height:0;min-width:0;display:flex;overflow:hidden}.sdk-shopify-workspace .sdk-canvas-area{min-width:0}.sdk-shopify-preview-panel{width:340px;flex:0 0 340px;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:16px;border-left:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#f8fafcfa,#f1f5f9f5),#fff;color:#0f172a;box-shadow:-12px 0 34px #0f172a14;z-index:8}.sdk-shopify-preview-head{min-width:0;display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.sdk-shopify-preview-head div{min-width:0;display:grid;gap:2px}.sdk-shopify-preview-head strong{color:#0f172a;font-family:var(--font-display);font-size:1rem;font-weight:900;line-height:1.15}.sdk-shopify-preview-head span,.sdk-shopify-preview-head small,.sdk-shopify-preview-meta span{color:#64748b;font-size:.76rem;font-weight:800}.sdk-shopify-preview-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdk-shopify-preview-head small{max-width:130px;overflow:hidden;padding:4px 7px;border:1px solid rgba(124,58,237,.16);border-radius:999px;color:#5b21b6;background:#7c3aed14;text-overflow:ellipsis;white-space:nowrap}.sdk-shopify-preview-stage{position:relative;overflow:hidden;align-self:center;width:100%;min-height:260px;max-height:100%;aspect-ratio:4 / 5;border:1px solid rgba(82,95,127,.16);border-radius:12px;background:linear-gradient(45deg,rgba(82,95,127,.055) 25%,transparent 25%),linear-gradient(-45deg,rgba(82,95,127,.055) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(82,95,127,.055) 75%),linear-gradient(-45deg,transparent 75%,rgba(82,95,127,.055) 75%),#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-shadow:0 16px 40px #0f172a14}.sdk-shopify-mockup-image{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.sdk-shopify-art-placement{position:absolute;display:grid;place-items:center;overflow:hidden;transform-origin:center;border:1px dashed rgba(124,58,237,.62);background:#7c3aed09;box-shadow:0 0 0 1px #fffc;pointer-events:none}.sdk-shopify-art-placement img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.sdk-shopify-preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:6px;padding:20px;text-align:center}.sdk-shopify-preview-empty strong{color:#0f172a;font-size:.92rem;font-weight:900}.sdk-shopify-preview-empty span{color:#64748b;font-size:.8rem;line-height:1.35}.sdk-shopify-preview-meta{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid rgba(82,95,127,.13);border-radius:10px;background:#fff}.sdk-shopify-preview-meta strong{color:#0f172a;font-size:.82rem;font-weight:900}.sdk-canvas-area.is-positioning .sdk-canvas-viewport-wrapper{opacity:0}.sdk-canvas-area.is-ready .sdk-canvas-viewport-wrapper{opacity:1;transition:opacity .12s ease}.sdk-canvas-area::-webkit-scrollbar{width:var(--sdk-scrollbar-size);height:var(--sdk-scrollbar-size)}.sdk-canvas-area::-webkit-scrollbar-track{background:var(--sdk-scrollbar-track);border-radius:999px}.sdk-canvas-area::-webkit-scrollbar-thumb{background:var(--sdk-scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sdk-canvas-area::-webkit-scrollbar-thumb:hover{background:var(--sdk-scrollbar-thumb-hover);background-clip:padding-box}.sdk-ruler-corner{position:sticky;top:0;left:0;z-index:1001;background:#0a0a0f;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.unit-selector{background:transparent;border:none;color:#fff;font-size:10px;font-weight:600;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;width:100%;height:100%;opacity:.7;transition:opacity .2s}.unit-selector:hover{opacity:1}.unit-selector option{background:#2b2b2b;color:#fff}.sdk-canvas-viewport-wrapper{grid-column:2 / 3;grid-row:2 / 3;position:relative;display:block;min-width:100%;min-height:100%;padding:2000px;box-sizing:content-box}.canvas-viewport{box-shadow:0 30px 90px #00000080;border:1px solid rgba(255,255,255,.05);background-color:#fff;background-image:linear-gradient(45deg,#f1f5f9 25%,transparent 25%),linear-gradient(-45deg,#f1f5f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f5f9 75%),linear-gradient(-45deg,transparent 75%,#f1f5f9 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;flex-shrink:0;margin-bottom:66px}.sdk-pdf-text-scan-overlay{position:absolute;z-index:45;pointer-events:none;overflow:hidden;border:1px solid rgba(34,211,238,.86);border-radius:8px;background:linear-gradient(180deg,#0ea5e91a,#7c3aed14),#0f172a14;box-shadow:0 0 0 1px #ffffff57,0 12px 32px #0ea5e93d,inset 0 0 22px #22d3ee2e}.sdk-pdf-text-scan-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(34,211,238,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.18) 1px,transparent 1px);background-size:18px 18px;opacity:.6;animation:sdkPdfTextGridDrift 1.8s linear infinite}.sdk-pdf-text-scan-line{position:absolute;top:-40%;left:0;right:0;height:34%;background:linear-gradient(180deg,transparent,rgba(103,232,249,.92),transparent),linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);filter:blur(.2px);opacity:.94;animation:sdkPdfTextScanSweep 1.9s linear infinite}.sdk-pdf-text-scan-copy{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:7px;min-height:24px;padding:4px 8px;border-radius:999px;background:#0f172ad6;color:#ecfeff;font-size:11px;font-weight:800;letter-spacing:.01em;box-shadow:0 6px 18px #0f172a38}.sdk-pdf-text-scan-copy strong{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#22d3ee;color:#0f172a;font-size:10px}@keyframes sdkPdfTextGridDrift{to{background-position:18px 18px}}@keyframes sdkPdfTextScanSweep{0%{transform:translateY(-25%);opacity:0}8%{opacity:.94}92%{opacity:.94}to{transform:translateY(410%);opacity:0}}.sdk-canvas-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#f8fafc6b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sdk-canvas-loading-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-width:250px;max-width:min(340px,82%);padding:14px 16px;border-radius:8px;border:1px solid rgba(148,163,184,.26);background:#0f172aeb;color:#f8fafc;box-shadow:0 18px 48px #0f172a3d}.sdk-canvas-loading-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#8b5cf6,#22d3ee,transparent);transform:translate(-100%);animation:sdkCanvasLoadingSweep 1.15s ease-in-out infinite}.sdk-canvas-loading-spinner{width:28px;height:28px;flex:0 0 auto;border-radius:999px;border:3px solid rgba(255,255,255,.18);border-top-color:#8b5cf6;animation:sdkCanvasLoadingSpin .8s linear infinite}.sdk-canvas-loading-copy{display:grid;gap:3px;min-width:0}.sdk-canvas-loading-copy strong{font-size:.88rem;line-height:1.15;font-weight:800}.sdk-canvas-loading-copy span{font-size:.75rem;line-height:1.35;color:#cbd5e1}@keyframes sdkCanvasLoadingSpin{to{transform:rotate(360deg)}}@keyframes sdkCanvasLoadingSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sdk-properties-sidebar{position:absolute;top:0;right:0;bottom:72px;width:320px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.08);background:#0a0a0fb3;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);display:flex;flex-direction:column;z-index:1000;overflow:hidden;box-shadow:-10px 0 30px #0006;animation:sidebarSlideIn .3s cubic-bezier(.4,0,.2,1)}.sdk-color-sidebar{position:absolute;top:0;right:0;bottom:72px;width:360px;max-width:min(360px,calc(100vw - 96px));flex-shrink:0;border-left:1px solid rgba(255,255,255,.08);background:#0a0a0fd1;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);display:flex;flex-direction:column;z-index:1100;overflow:hidden;box-shadow:-10px 0 30px #0006;animation:sidebarSlideIn .3s cubic-bezier(.4,0,.2,1)}.sdk-color-sidebar.with-properties{right:320px;border-right:1px solid rgba(255,255,255,.06)}.sdk-color-sidebar .canva-color-popover.docked{height:100%;padding:16px;overflow-y:auto}.sdk-export-sidebar{position:absolute;top:0;right:0;bottom:72px;width:360px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.08);background:#0a0a0fc7;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);display:flex;flex-direction:column;z-index:1000;box-shadow:-10px 0 30px #0006;animation:sidebarSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes sidebarSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.details-header{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08}.details-header h3{margin:0;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-light)}.details-header button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.details-header button:hover{background:#ef4444;border-color:#ef4444}.sdk-download-header{padding:24px 24px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#ffffff03)}.sdk-download-title-wrap{display:flex;align-items:flex-start;gap:14px}.sdk-download-back{width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sdk-download-back:hover{background:#ffffff14;border-color:#ffffff2e}.sdk-download-title-wrap h2{margin:0;font-size:1.35rem;font-weight:800;color:#f8fafc;letter-spacing:-.02em}.sdk-download-title-wrap p{margin:6px 0 0;font-size:.9rem;line-height:1.5;color:#94a3b8}.sdk-download-body{flex:1;overflow-y:auto;padding:22px 24px 28px}.sdk-download-section+.sdk-download-section{margin-top:26px}.sdk-download-label{display:block;margin-bottom:12px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0}.sdk-download-select-wrap{position:relative}.sdk-download-select{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff09;color:#f8fafc;cursor:pointer;text-align:left;transition:all .2s ease}.sdk-download-select:hover,.sdk-download-select.open{border-color:#7c3aed59;background:#ffffff0e;box-shadow:0 12px 30px #00000029}.sdk-download-select-content,.sdk-download-menu-item{display:flex;align-items:center;gap:14px}.sdk-download-select-content{min-width:0;flex:1}.sdk-download-select-icon{width:40px;height:40px;border-radius:14px;background:#ffffff0f;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sdk-download-select-copy{display:grid;gap:4px;min-width:0;flex:1}.sdk-download-select-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sdk-download-select-title{font-size:1.05rem;font-weight:700;color:#f8fafc}.sdk-download-select-subtitle{font-size:.83rem;line-height:1.4;color:#94a3b8}.sdk-download-badge{padding:3px 9px;border-radius:999px;background:#2563eb;color:#fff;font-size:.68rem;font-weight:800;line-height:1}.sdk-download-badge.pro{background:linear-gradient(135deg,#f59e0b,#e11d48);color:#fff}.sdk-download-chevron{color:#94a3b8;transition:transform .2s ease;flex-shrink:0}.sdk-download-chevron.open{transform:rotate(180deg)}.sdk-download-menu{margin-top:10px;padding:8px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#0f172afa;box-shadow:0 24px 60px #00000061;display:grid;gap:4px}.sdk-download-menu-item{width:100%;padding:12px;border:none;border-radius:16px;background:transparent;color:#f8fafc;cursor:pointer;text-align:left;transition:background .2s ease}.sdk-download-menu-item:hover,.sdk-download-menu-item.active{background:#ffffff0d}.sdk-download-check{color:#fff;margin-left:auto;flex-shrink:0}.sdk-download-size-row{display:grid;grid-template-columns:1fr 72px;gap:14px;align-items:center}.sdk-download-size-pill{min-height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff09;color:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800}.sdk-download-size-text{margin-top:12px;font-size:.92rem;color:#cbd5e1}.sdk-download-page-summary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff09;color:#f8fafc;cursor:pointer;font-size:.96rem;font-weight:600;transition:all .2s ease}.sdk-download-page-summary:hover{border-color:#7c3aed47;background:#ffffff0d}.sdk-download-page-modes{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.sdk-download-chip{padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#cbd5e1;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.sdk-download-chip:hover{background:#ffffff0d}.sdk-download-chip.active{border-color:#7c3aed73;background:#7c3aed2e;color:#fff;box-shadow:inset 0 0 0 1px #7c3aed2e}.sdk-download-custom-pages{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sdk-download-page-chip{padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#cbd5e1;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.sdk-download-page-chip:hover{background:#ffffff0d}.sdk-download-page-chip.active{border-color:#7c3aed73;background:#7c3aed2e;color:#fff}.sdk-download-hint{margin-top:16px;display:flex;align-items:flex-start;gap:10px;padding:14px 15px;border-radius:16px;background:#ffffff09;color:#cbd5e1;font-size:.84rem;line-height:1.5}.sdk-download-hint-dense{margin-top:10px}.sdk-download-pro-hint{border:1px solid rgba(245,158,11,.28);background:#f59e0b1f;color:#fde68a}.sdk-download-pro-hint svg{color:#fbbf24}.sdk-download-toggle-row{display:flex;align-items:center;gap:12px;min-height:50px;padding:14px 16px;border-radius:16px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);color:#f8fafc;font-size:.94rem;font-weight:600;cursor:pointer}.sdk-download-toggle-row input{accent-color:var(--color-primary);width:16px;height:16px;margin:0;flex-shrink:0}.sdk-download-hint svg{margin-top:2px;color:#a78bfa;flex-shrink:0}.sdk-download-footer{padding:18px 24px 24px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff03,#ffffff08)}.sdk-download-primary{width:100%;min-height:54px;border:none;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.98rem;font-weight:800;letter-spacing:-.01em;cursor:pointer;box-shadow:0 18px 36px #4f46e552;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.sdk-download-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 42px #4f46e561;filter:brightness(1.06)}.sdk-download-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.full-editor-sdk.light{--text-primary: #111827;--text-secondary: #475569;--text-muted: #64748b;--text-bright: #111827;--border: rgba(15, 23, 42, .12);--color-primary-light: #6d28d9;--sdk-scrollbar-track: rgba(226, 232, 240, .72);--sdk-scrollbar-thumb: rgba(100, 116, 139, .42);--sdk-scrollbar-thumb-hover: rgba(71, 85, 105, .6);background:#f6f7fb;color:#111827}.full-editor-sdk.light .sdk-topbar{background:#fffffff5;border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px #0f172a14}.full-editor-sdk.light .topbar-left .sdk-logo{color:#111827}.full-editor-sdk.light .sdk-project-name-input{background:#f8fafcdb;border-color:#0f172a1a;color:#111827;box-shadow:inset 0 1px #fffc}.full-editor-sdk.light .sdk-project-name-input::placeholder{color:#64748b}.full-editor-sdk.light .sdk-project-name-input:hover,.full-editor-sdk.light .sdk-project-name-input:focus{background:#fff;border-color:#7c3aed47}.full-editor-sdk.light .btn-icon{background:#f8fafcc7!important;border-color:#0f172a14!important;color:#64748b!important}.full-editor-sdk.light .btn-icon:hover{background:#fff!important;border-color:#7c3aed38!important;color:#6d28d9!important;box-shadow:0 8px 18px #0f172a14!important}.full-editor-sdk.light .btn-icon.active{background:#7c3aedf2!important;border-color:#7c3aed47!important;color:#fff!important}.full-editor-sdk.light .zoom-controls{background:#f8fafcc7;border-color:#0f172a14;color:#334155}.full-editor-sdk.light .zoom-controls button{color:#64748b}.full-editor-sdk.light .zoom-controls button:hover{color:#6d28d9}.full-editor-sdk.light .sdk-divider{background:#0f172a1f}.full-editor-sdk.light .sdk-primary-btn{background:#475569!important;border-color:#0f172a14!important;color:#fff!important}.full-editor-sdk.light .sdk-primary-btn:hover{background:#334155!important}.full-editor-sdk.light .sdk-primary-btn.export-glow{background:linear-gradient(135deg,#6d4df7,#7c3aed)!important;border-color:#7c3aed47!important}.full-editor-sdk.light .editor-primary-sidebar{background:#fffffff0;border-right-color:#0f172a14;box-shadow:10px 0 28px #0f172a0f}.full-editor-sdk.light .sidebar-tool-btn{color:#64748b}.full-editor-sdk.light .sidebar-tool-btn svg{stroke:#475569}.full-editor-sdk.light .sidebar-tool-btn span{color:#475569}.full-editor-sdk.light .sidebar-tool-btn:hover{background:#7c3aed12;color:#5b21b6}.full-editor-sdk.light .sidebar-tool-btn:hover svg,.full-editor-sdk.light .sidebar-tool-btn.active svg{stroke:#6d28d9}.full-editor-sdk.light .sidebar-tool-btn.active{background:linear-gradient(180deg,#7c3aed21,#7c3aed0f);color:#6d28d9;box-shadow:inset 0 0 0 1px #7c3aed2e}.full-editor-sdk.light .sidebar-tool-btn.active span{color:#5b21b6}.full-editor-sdk.light .editor-secondary-drawer.glass-morph,.full-editor-sdk.light .editor-secondary-drawer.brandkit-secondary-drawer{background:#fffffff5;border-right-color:#0f172a14;box-shadow:18px 0 42px #0f172a1f}.full-editor-sdk.light .drawer-header,.full-editor-sdk.light .brandkit-secondary-drawer .drawer-header{background:#f8fafcdb;border-bottom-color:#0f172a14}.full-editor-sdk.light .drawer-header h3{color:#111827}.full-editor-sdk.light .close-drawer,.full-editor-sdk.light .close-btn{color:#64748b}.full-editor-sdk.light .sdk-elements-header-search .sdk-search-clear:hover{background:#0f172a0f;color:#334155}.full-editor-sdk.light .section-label{color:#64748b}.full-editor-sdk.light .section-label:after{background:linear-gradient(to right,rgba(15,23,42,.12),transparent 72%)}.full-editor-sdk.light .tool-card-sdk,.full-editor-sdk.light .smart-item-sdk,.full-editor-sdk.light .core-text-btn,.full-editor-sdk.light .font-combo-card,.full-editor-sdk.light .text-set-card,.full-editor-sdk.light .stencil-item-sdk,.full-editor-sdk.light .shape-item,.full-editor-sdk.light .template-card,.full-editor-sdk.light .template-preview-card,.full-editor-sdk.light .upload-item,.full-editor-sdk.light .photo-item,.full-editor-sdk.light .asset-card,.full-editor-sdk.light .brandkit-card,.full-editor-sdk.light .brandkit-overview-card,.full-editor-sdk.light .brandkit-color-row,.full-editor-sdk.light .brandkit-font-row,.full-editor-sdk.light .brandkit-source-card,.full-editor-sdk.light .brandkit-toggle-row,.full-editor-sdk.light .ai-tier-btn,.full-editor-sdk.light .ai-variant-card,.full-editor-sdk.light .suggestion-chip{background:#fff;border-color:#0f172a1a;color:#334155}.full-editor-sdk.light .tool-card-sdk:hover,.full-editor-sdk.light .smart-item-sdk:hover,.full-editor-sdk.light .smart-item-sdk.expanded,.full-editor-sdk.light .core-text-btn:hover,.full-editor-sdk.light .font-combo-card:hover,.full-editor-sdk.light .text-set-card:hover,.full-editor-sdk.light .stencil-item-sdk:hover,.full-editor-sdk.light .shape-item:hover,.full-editor-sdk.light .template-card:hover,.full-editor-sdk.light .template-preview-card:hover,.full-editor-sdk.light .upload-item:hover,.full-editor-sdk.light .photo-item:hover,.full-editor-sdk.light .asset-card:hover,.full-editor-sdk.light .suggestion-chip:hover{background:#f8fafc;border-color:#7c3aed3d;color:#111827}.full-editor-sdk.light .social-preview-card{background:#fff;border-color:#0f172a1a;color:#111827}.full-editor-sdk.light .social-preview-card:hover{background:#f8fafc;border-color:#7c3aed3d}.full-editor-sdk.light .social-preview-card small{color:#475569}.full-editor-sdk.light .social-preview-card>strong{color:#111827}.full-editor-sdk.light .social-preview-card .social-preview-pill{background:#f8fafc;border:1px solid rgba(15,23,42,.08);color:#111827}.full-editor-sdk.light .social-preview-pill.cream,.full-editor-sdk.light .social-preview-card.cream .social-preview-pill{background:#f6e7cf;color:#3b2f2f}.full-editor-sdk.light .social-preview-pill.sand,.full-editor-sdk.light .social-preview-card.sand .social-preview-pill{background:#ebd2b4;color:#4a301d}.full-editor-sdk.light .social-preview-pill.sage,.full-editor-sdk.light .social-preview-card.sage .social-preview-pill{background:#dce4c8;color:#34402f}.full-editor-sdk.light .social-preview-pill.clay,.full-editor-sdk.light .social-preview-card.clay .social-preview-pill{background:#d8a48f;color:#4a2d25}.full-editor-sdk.light .drawer-content,.full-editor-sdk.light .brandkit-secondary-drawer .drawer-content{background:transparent;color:#334155}.full-editor-sdk.light .drawer-content h4,.full-editor-sdk.light .tool-card-title,.full-editor-sdk.light .smart-item-sdk h4,.full-editor-sdk.light .smart-item-sdk strong,.full-editor-sdk.light .core-text-btn,.full-editor-sdk.light .core-text-btn span,.full-editor-sdk.light .set-preview span:first-child,.full-editor-sdk.light .shape-item span,.full-editor-sdk.light .template-label,.full-editor-sdk.light .layer-name,.full-editor-sdk.light .sdk-loading-container p,.full-editor-sdk.light .brandkit-card h4,.full-editor-sdk.light .brandkit-overview-card h4,.full-editor-sdk.light .ai-panel-title h3,.full-editor-sdk.light .ai-variant-headline,.full-editor-sdk.light .message-text{color:#111827}.full-editor-sdk.light .tool-card-desc,.full-editor-sdk.light .smart-item-sdk p,.full-editor-sdk.light .set-preview span:last-child,.full-editor-sdk.light .font-combo-secondary,.full-editor-sdk.light .empty-state,.full-editor-sdk.light .template-card>span:not(.template-label),.full-editor-sdk.light .brandkit-card p,.full-editor-sdk.light .brandkit-overview-card p,.full-editor-sdk.light .brandkit-muted,.full-editor-sdk.light .ai-panel-title p,.full-editor-sdk.light .ai-variant-subtext{color:#64748b}.full-editor-sdk.light .font-combo-secondary{color:#64748b!important}.full-editor-sdk.light .smart-create-row-pill{background:#fff;border-color:#0f172a1a;color:#334155;box-shadow:0 6px 18px #0f172a0f}.full-editor-sdk.light .smart-create-preview-card,.full-editor-sdk.light .smart-create-data-card{background:#fff;border-color:#0f172a1a;color:#111827;box-shadow:0 10px 24px #0f172a12}.full-editor-sdk.light .smart-create-preview-card:hover{background:#f8fafc;border-color:#7c3aed47}.full-editor-sdk.light .smart-create-preview-card.active{background:#f7f3ff;border-color:#7c3aed9e;box-shadow:0 0 0 1px #7c3aed1f,0 12px 28px #7c3aed1f}.full-editor-sdk.light .smart-create-preview-title{color:#111827}.full-editor-sdk.light .smart-create-preview-meta{color:#64748b}.full-editor-sdk.light button.sdk-load-more-btn,.full-editor-sdk.light .sdk-load-more-btn{border:1px solid rgba(124,58,237,.22)!important;border-radius:10px!important;background:#7c3aed14!important;color:#5b21b6!important;font-family:inherit!important;font-size:13px!important;font-weight:850!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.full-editor-sdk.light button.sdk-load-more-btn:hover,.full-editor-sdk.light .sdk-load-more-btn:hover{background:#7c3aed24!important;border-color:#7c3aed61!important;color:#4c1d95!important}.full-editor-sdk.light .sdk-input-search,.full-editor-sdk.light textarea.sdk-input-search,.full-editor-sdk.light select.sdk-select-premium,.full-editor-sdk.light .chat-input,.full-editor-sdk.light .brandkit-icon-input{background:#fff;border-color:#0f172a1a;color:#111827}.full-editor-sdk.light .sdk-input-search::placeholder,.full-editor-sdk.light textarea.sdk-input-search::placeholder,.full-editor-sdk.light .chat-input::placeholder{color:#94a3b8}.full-editor-sdk.light .sdk-input-search:focus,.full-editor-sdk.light textarea.sdk-input-search:focus,.full-editor-sdk.light select.sdk-select-premium:focus,.full-editor-sdk.light .chat-input:focus{background:#fff;border-color:#7c3aed57;box-shadow:0 0 0 3px #7c3aed1a}.full-editor-sdk.light .search-icon,.full-editor-sdk.light .brandkit-library-search>svg,.full-editor-sdk.light .brandkit-icon-input>svg{color:#64748b}.full-editor-sdk.light .ks-search-container .sdk-input-search{background:#fff!important;border-color:#0f172a29!important;color:#111827!important;box-shadow:0 1px 2px #0f172a0a!important}.full-editor-sdk.light .ks-search-container .sdk-input-search::placeholder{color:#64748b!important}.full-editor-sdk.light .ks-search-container .sdk-input-search:focus{background:#fff!important;border-color:#7c3aed6b!important;box-shadow:0 0 0 3px #7c3aed1f!important}.full-editor-sdk.light .ks-search-container .search-icon,.full-editor-sdk.light .ks-search-container .sdk-search-clear{color:#475569!important}.full-editor-sdk.light .ks-search-container .sdk-search-clear:hover{color:#5b21b6!important}.full-editor-sdk.light .sdk-elements-drawer-title h3{color:#111827}.full-editor-sdk.light .sdk-elements-title-copy small{color:#64748b}.full-editor-sdk.light .sdk-elements-back-btn{color:#334155}.full-editor-sdk.light .sdk-elements-back-btn:hover{background:#f1f5f9;color:#111827}.full-editor-sdk.light .asset-set-trigger{background:#fff;border-color:#0f172a1a;color:#1f2937}.full-editor-sdk.light .asset-set-trigger>span:not(.asset-set-cover){color:#334155}.full-editor-sdk.light .asset-set-trigger svg:last-child{color:#64748b}.full-editor-sdk.light .asset-set-trigger:hover{background:#f8fafc;border-color:#7c3aed57;box-shadow:0 0 0 3px #7c3aed14}.full-editor-sdk.light .asset-set-cover{background:#f8fafc;border:1px solid rgba(15,23,42,.08)}.full-editor-sdk.light .barcode-picker-trigger{background:#fff;border-color:#0f172a1a;color:#111827}.full-editor-sdk.light .barcode-picker-trigger:hover,.full-editor-sdk.light .barcode-picker-trigger.active{background:#fff;border-color:#7c3aed57;box-shadow:0 0 0 3px #7c3aed1a}.full-editor-sdk.light .barcode-picker-menu{background:#fff;border-color:#0f172a1a;box-shadow:0 18px 34px #0f172a24}.full-editor-sdk.light .barcode-picker-search{background:#f8fafc;border-color:#0f172a1a;color:#64748b}.full-editor-sdk.light .barcode-picker-search input{color:#111827}.full-editor-sdk.light .barcode-picker-search input::placeholder{color:#94a3b8}.full-editor-sdk.light .barcode-picker-group-label,.full-editor-sdk.light .barcode-picker-trigger small,.full-editor-sdk.light .barcode-picker-option small,.full-editor-sdk.light .barcode-picker-empty{color:#64748b}.full-editor-sdk.light .barcode-picker-option{color:#1f2937}.full-editor-sdk.light .barcode-picker-option:hover,.full-editor-sdk.light .barcode-picker-option.active{background:#7c3aed1a;color:#4c1d95}.full-editor-sdk.light .template-preview{background-color:#f1f5f9}.full-editor-sdk.light .layers-selection-toolbar{background:#fff;border-color:#0f172a1a;box-shadow:0 8px 18px #0f172a0d}.full-editor-sdk.light .layers-selection-toolbar span{color:#64748b}.full-editor-sdk.light .layers-selection-toolbar button{background:#f8fafc;border-color:#0f172a1f;color:#475569}.full-editor-sdk.light .layers-selection-toolbar button:not(:disabled):hover{background:#7c3aed1a;border-color:#7c3aed52;color:#5b21b6}.full-editor-sdk.light .layers-selection-toolbar button:disabled{background:#f1f5f9;color:#94a3b8;opacity:.74}.full-editor-sdk.light .layer-item{background:#fff;border-color:#0f172a1a}.full-editor-sdk.light .layer-item:hover,.full-editor-sdk.light .layer-item.active{background:#7c3aed14;border-color:#7c3aed4d}.full-editor-sdk.light .layer-item.multi-selected{background:#7c3aed1a;border-color:#7c3aed66}.full-editor-sdk.light .drag-handle{color:#94a3b8}.full-editor-sdk.light .layer-select-toggle{background:#f1f5f9;border-color:#0f172a1f;color:#64748b}.full-editor-sdk.light .layer-select-toggle.checked{background:#7c3aed24;border-color:#7c3aed70;color:#5b21b6}.full-editor-sdk.light .layer-preview{background:#f8fafc;border-color:#0f172a1a}.full-editor-sdk.light .layer-actions button{color:#64748b}.full-editor-sdk.light .layer-actions button:hover{background:#7c3aed1a;color:#5b21b6}.full-editor-sdk.light .sdk-load-more-btn{background:#fff;border-color:#0f172a1f;color:#5b21b6;box-shadow:0 8px 18px #0f172a0d}.full-editor-sdk.light .sdk-load-more-btn:hover:not(:disabled){background:#7c3aed14;border-color:#7c3aed4d}.full-editor-sdk.light .smart-data-context-search{background:#fff;border-color:#0f172a1f;color:#64748b}.full-editor-sdk.light .smart-data-context-search input{color:#111827}.full-editor-sdk.light .smart-data-context-field{color:#334155}.full-editor-sdk.light .smart-data-context-field:hover,.full-editor-sdk.light .smart-data-context-field.active{background:#7c3aed1a;color:#5b21b6}.full-editor-sdk.light .ai-magic-tab{background:radial-gradient(circle at top right,rgba(124,58,237,.1),transparent 32%),linear-gradient(180deg,#fff,#f8fafc)}.full-editor-sdk.light .ai-panel-header,.full-editor-sdk.light .ai-variants-panel,.full-editor-sdk.light .chat-input-area{background:#f8fafce0;border-color:#0f172a14}.full-editor-sdk.light .ai .message-bubble{background:#fff;color:#111827;border-color:#0f172a1a}.full-editor-sdk.light .ai-message-meta span{background:#7c3aed14;color:#5b21b6;border-color:#7c3aed24}.full-editor-sdk.light .sdk-canvas-area{background:#e8ecf3;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.055) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px}.full-editor-sdk.light .sdk-ruler-corner{background:#f8fafc;border-right-color:#0f172a1a;border-bottom-color:#0f172a1a}.full-editor-sdk.light .unit-selector{color:#475569}.full-editor-sdk.light .unit-selector option{background:#fff;color:#111827}.full-editor-sdk.light .canvas-viewport{border-color:#0f172a1f;box-shadow:0 28px 70px #0f172a2e!important}.full-editor-sdk.light .sdk-footer-bar{background:#fffffff5;border-top-color:#0f172a14;box-shadow:0 -8px 24px #0f172a14}.full-editor-sdk.light .sdk-timeline-panel{background:transparent;border-color:transparent;box-shadow:none}.full-editor-sdk.light .sdk-timeline-play-btn{background:#f8fafcf0!important;color:#475569!important;border-color:#0f172a1a!important;box-shadow:0 6px 14px #0f172a14!important}.full-editor-sdk.light .sdk-timeline-play-btn:hover{background:#7c3aed1a!important;color:#5b21b6!important;border-color:#7c3aed3d!important}.full-editor-sdk.light .sdk-timeline-play-btn.is-playing{background:#be123c1a!important;color:#be123c!important;border-color:#be123c38!important}.full-editor-sdk.light .sdk-timeline-track{background:#cbd5e1d1;box-shadow:inset 0 1px 2px #0f172a14}.full-editor-sdk.light .sdk-timeline-time{color:#64748b}.full-editor-sdk.light .page-bar{background:transparent;color:#111827}.full-editor-sdk.light .nav-btn,.full-editor-sdk.light .zoom-controls-mini,.full-editor-sdk.light .add-page-btn{background:#f8fafcf0;border-color:#0f172a1a;color:#475569;box-shadow:0 6px 14px #0f172a14}.full-editor-sdk.light .nav-btn:hover,.full-editor-sdk.light .add-page-btn:hover{background:#fff;border-color:#7c3aed52;color:#6d28d9}.full-editor-sdk.light .page-thumb-preview{background:#fff;border-color:#0f172a14;box-shadow:0 6px 16px #0f172a1f}.full-editor-sdk.light .page-name,.full-editor-sdk.light .add-text,.full-editor-sdk.light .btn-zoom{color:#64748b}.full-editor-sdk.light .zoom-value{color:#111827}.full-editor-sdk.light .btn-zoom:hover{background:#7c3aed14;color:#6d28d9}.full-editor-sdk.light .page-bar-divider{background:#0f172a1f}.full-editor-sdk.light .sdk-properties-sidebar,.full-editor-sdk.light .sdk-color-sidebar,.full-editor-sdk.light .sdk-export-sidebar{background:#fffffff5;border-left-color:#0f172a14;box-shadow:-10px 0 30px #0f172a1f}.full-editor-sdk.light .details-header{background:#f8fafce0;border-bottom-color:#0f172a14}.full-editor-sdk.light .details-header h3{color:#5b21b6}.full-editor-sdk.light .details-header button{background:#0f172a0a;border-color:#0f172a1a;color:#475569}.full-editor-sdk.light .details-header button:hover{background:#ef4444;color:#fff;border-color:#ef4444}.full-editor-sdk.light .sdk-properties-panel{color:#334155}.full-editor-sdk.light .sdk-props-section,.full-editor-sdk.light .shadow-section-premium,.full-editor-sdk.light .image-crop-props-panel{background:#f8fafcd1;border-color:#0f172a14}.full-editor-sdk.light .section-title,.full-editor-sdk.light .prop-label,.full-editor-sdk.light .label,.full-editor-sdk.light .section-label-tiny,.full-editor-sdk.light .slider-icon-label{color:#64748b}.full-editor-sdk.light .sdk-properties-panel h4,.full-editor-sdk.light .value,.full-editor-sdk.light .hex-input,.full-editor-sdk.light .number-input-box input,.full-editor-sdk.light .dim-field input,.full-editor-sdk.light .sdk-input-mini,.full-editor-sdk.light .font-label-text,.full-editor-sdk.light .font-size-trigger,.full-editor-sdk.light .smart-grid-input,.full-editor-sdk.light .crop-guide-field input{color:#111827!important}.full-editor-sdk.light .hex-input-wrapper,.full-editor-sdk.light .dim-field,.full-editor-sdk.light .size-input,.full-editor-sdk.light .number-input-box,.full-editor-sdk.light .alignment-grid-3x2 button,.full-editor-sdk.light .sdk-input-mini,.full-editor-sdk.light .font-trigger,.full-editor-sdk.light .font-size-trigger,.full-editor-sdk.light .sdk-select-premium,.full-editor-sdk.light .pipette-btn,.full-editor-sdk.light .color-swatch-wrapper,.full-editor-sdk.light .segmented-control-mini,.full-editor-sdk.light .smart-grid-input,.full-editor-sdk.light .crop-guide-field input{background:#fff!important;border-color:#0f172a1a!important}.full-editor-sdk.light .dim-field{box-shadow:0 6px 14px #0f172a0a}.full-editor-sdk.light .dim-field:focus-within{background:#fff!important;border-color:#7c3aed73!important;box-shadow:0 0 0 3px #7c3aed1a}.full-editor-sdk.light .dim-field input{background:transparent!important;border-color:transparent!important}.full-editor-sdk.canva{--color-primary: #00c4cc;--color-primary-light: #7d2ae8;--color-primary-dark: #009aa0;--color-secondary: #7d2ae8;--text-primary: #172033;--text-secondary: #53627a;--text-muted: #6b7280;--border: rgba(23, 32, 51, .1);--sdk-scrollbar-track: rgba(226, 232, 240, .74);--sdk-scrollbar-thumb: rgba(0, 196, 204, .45);--sdk-scrollbar-thumb-hover: rgba(125, 42, 232, .52);background:#f7f8fb}.full-editor-sdk.canva .sdk-topbar{background:#fffffffa;border-bottom-color:#17203314;box-shadow:0 10px 30px #17203314}.full-editor-sdk.canva .topbar-left .sdk-logo{background:linear-gradient(135deg,#00c4cc,#7d2ae8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.full-editor-sdk.canva .btn-icon.active,.full-editor-sdk.canva .sdk-primary-btn.export-glow,.full-editor-sdk.canva .primary-action-btn.export,.full-editor-sdk.canva .newsletter-btn{background:linear-gradient(135deg,#00c4cc,#7d2ae8)!important;border-color:#00c4cc52!important;color:#fff!important;box-shadow:0 12px 24px #00c4cc38!important}.full-editor-sdk.canva .btn-icon:hover,.full-editor-sdk.canva .btn-zoom:hover,.full-editor-sdk.canva .nav-btn:hover,.full-editor-sdk.canva .add-page-btn:hover,.full-editor-sdk.canva .sidebar-tool-btn:hover{border-color:#00c4cc47!important;color:#00a1a8!important}.full-editor-sdk.canva .sidebar-tool-btn.active{background:linear-gradient(180deg,#00c4cc24,#7d2ae814);color:#00a1a8;box-shadow:inset 0 0 0 1px #00c4cc33}.full-editor-sdk.canva .sidebar-tool-btn.active svg,.full-editor-sdk.canva .sidebar-tool-btn:hover svg{stroke:#00a1a8}.full-editor-sdk.canva .sidebar-tool-btn.active span{color:#172033}.full-editor-sdk.canva .sdk-canvas-area{background:#edf2f7;background-image:linear-gradient(rgba(23,32,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,51,.035) 1px,transparent 1px),linear-gradient(rgba(0,196,204,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,196,204,.055) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px}.full-editor-sdk.canva .canvas-viewport{border-color:#00c4cc2e;box-shadow:0 28px 70px #17203329,0 0 0 1px #7d2ae814!important}.full-editor-sdk.canva .page-thumb-item.active .page-thumb-preview,.full-editor-sdk.canva .page-thumb-preview:hover{border-color:#00c4cc85;box-shadow:0 10px 26px #00c4cc38}.full-editor-sdk.canva .zoom-slider-mini::-webkit-slider-thumb{background:linear-gradient(135deg,#00c4cc,#7d2ae8)}.full-editor-sdk.canva .zoom-slider-mini::-moz-range-thumb{background:linear-gradient(135deg,#00c4cc,#7d2ae8)}.full-editor-sdk.light .dim-label{color:#64748b}.full-editor-sdk.light .alignment-grid-3x2 button,.full-editor-sdk.light .style-btn,.full-editor-sdk.light .sdk-action-btn-mini,.full-editor-sdk.light .stack-btn,.full-editor-sdk.light .animation-preset-btn,.full-editor-sdk.light .segmented-control-mini button,.full-editor-sdk.light .pipette-btn,.full-editor-sdk.light .sdk-select-premium,.full-editor-sdk.light .smart-grid-btn{color:#64748b!important}.full-editor-sdk.light .alignment-grid-3x2 button:hover,.full-editor-sdk.light .style-btn:hover,.full-editor-sdk.light .sdk-action-btn-mini:hover,.full-editor-sdk.light .stack-btn:hover,.full-editor-sdk.light .animation-preset-btn:hover,.full-editor-sdk.light .font-trigger:hover,.full-editor-sdk.light .font-size-trigger:hover,.full-editor-sdk.light .pipette-btn:hover,.full-editor-sdk.light .segmented-control-mini button:hover{background:#7c3aed14!important;border-color:#7c3aed38!important;color:#5b21b6!important}.full-editor-sdk.light .segmented-control-mini button.active,.full-editor-sdk.light .style-btn.active,.full-editor-sdk.light .animation-preset-btn.active{background:#7c3aed1f!important;color:#5b21b6!important;border-color:#7c3aed8c!important;box-shadow:0 8px 18px #7c3aed1f!important}.full-editor-sdk.light .stack-btn,.full-editor-sdk.light .sdk-action-btn-mini,.full-editor-sdk.light .animation-preset-btn{background:#fff!important;border-color:#0f172a1a!important;box-shadow:0 8px 18px #0f172a0d!important}.full-editor-sdk.light .stack-btn{color:#475569!important}.full-editor-sdk.light .sdk-action-btn-mini.danger:hover{background:#ef444414!important;border-color:#ef444447!important;color:#dc2626!important}.full-editor-sdk.light .font-dropdown,.full-editor-sdk.light .font-size-dropdown{background:#fff!important;border-color:#0f172a1f!important;box-shadow:0 24px 60px #0f172a2e!important}.full-editor-sdk.light .font-search-wrapper,.full-editor-sdk.light .font-size-custom-row{background:#f8fafc!important;border-color:#0f172a14!important;color:#64748b!important}.full-editor-sdk.light .font-search-wrapper input,.full-editor-sdk.light .font-size-custom-row input{background:#fff!important;border-color:#0f172a1a!important;color:#111827!important}.full-editor-sdk.light .font-option,.full-editor-sdk.light .font-size-option,.full-editor-sdk.light .font-no-results{color:#334155!important}.full-editor-sdk.light .font-option,.full-editor-sdk.light .font-size-option{background:#fff!important;border-color:#0f172a14!important}.full-editor-sdk.light .font-option:hover,.full-editor-sdk.light .font-option.active,.full-editor-sdk.light .font-size-option:hover,.full-editor-sdk.light .font-size-option.active{background:#7c3aed1a!important;color:#5b21b6!important;border-color:#7c3aed59!important}.full-editor-sdk.light .font-section-title{color:#6d28d9!important}.full-editor-sdk.light .font-divider{background:#0f172a14!important}.full-editor-sdk.light .sdk-smart-bar{background:#fff!important;border-color:#0f172a1a!important;box-shadow:0 18px 38px #0f172a1f!important}.full-editor-sdk.light .sdk-smart-bar button,.full-editor-sdk.light .smart-shape-pill,.full-editor-sdk.light .smart-label-tiny,.full-editor-sdk.light .multi-color-hint{color:#475569!important}.full-editor-sdk.light .sdk-smart-bar button:hover,.full-editor-sdk.light .sdk-smart-bar button.active{background:#7c3aed1a!important;color:#5b21b6!important}.full-editor-sdk.light .divider,.full-editor-sdk.light .mini-divider{background:#0f172a1f!important}.full-editor-sdk.light .slider-with-input{color:#334155}.full-editor-sdk.light .sdk-slider-premium{background:#d9e2ee!important;accent-color:#7c3aed;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 1px 2px #0f172a14}.full-editor-sdk.light .sdk-slider-premium::-webkit-slider-thumb{background:#7c3aed;border:2px solid #ffffff;box-shadow:0 3px 10px #7c3aed59}.full-editor-sdk.light .sdk-slider-premium::-moz-range-track{height:6px;background:#d9e2ee;border:1px solid rgba(15,23,42,.08);border-radius:999px}.full-editor-sdk.light .sdk-slider-premium::-moz-range-progress{height:6px;background:#7c3aed;border-radius:999px}.full-editor-sdk.light .sdk-slider-premium::-moz-range-thumb{width:16px;height:16px;background:#7c3aed;border:2px solid #ffffff;border-radius:50%;box-shadow:0 3px 10px #7c3aed59}.full-editor-sdk.light input[type=range]:not(.sdk-slider-premium){accent-color:#7c3aed}.full-editor-sdk.light .sdk-download-header,.full-editor-sdk.light .sdk-download-footer{background:#f8fafce6;border-color:#0f172a14}.full-editor-sdk.light .sdk-download-title-wrap h2,.full-editor-sdk.light .sdk-download-label,.full-editor-sdk.light .sdk-download-select-title,.full-editor-sdk.light .sdk-download-size-pill,.full-editor-sdk.light .sdk-download-page-summary,.full-editor-sdk.light .sdk-download-toggle-row{color:#111827}.full-editor-sdk.light .sdk-download-title-wrap p,.full-editor-sdk.light .sdk-download-select-subtitle,.full-editor-sdk.light .sdk-download-size-text,.full-editor-sdk.light .sdk-download-hint{color:#64748b}.full-editor-sdk.light .sdk-download-back,.full-editor-sdk.light .sdk-download-select,.full-editor-sdk.light .sdk-download-size-pill,.full-editor-sdk.light .sdk-download-page-summary,.full-editor-sdk.light .sdk-download-chip,.full-editor-sdk.light .sdk-download-page-chip,.full-editor-sdk.light .sdk-download-toggle-row,.full-editor-sdk.light .sdk-download-hint{background:#f8fafce6;border-color:#0f172a1a}.full-editor-sdk.light .sdk-download-back,.full-editor-sdk.light .sdk-download-select-icon,.full-editor-sdk.light .sdk-download-chevron{color:#64748b}.full-editor-sdk.light .sdk-download-menu{background:#fff;border-color:#0f172a1a;box-shadow:0 24px 60px #0f172a29}.full-editor-sdk.light .sdk-download-menu-item{color:#334155}.full-editor-sdk.light .sdk-download-menu-item:hover,.full-editor-sdk.light .sdk-download-menu-item.active,.full-editor-sdk.light .sdk-download-chip.active,.full-editor-sdk.light .sdk-download-page-chip.active{background:#7c3aed1a;color:#5b21b6}.full-editor-sdk.light .sdk-download-pro-hint{background:#f59e0b1f;border-color:#d9770647;color:#92400e}.full-editor-sdk.light .sdk-download-pro-hint svg{color:#d97706}.sdk-main-view{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.sdk-transform-hint{position:absolute;z-index:6500;pointer-events:none;min-width:72px;padding:7px 10px;border-radius:10px;border:1px solid rgba(167,139,250,.34);background:#0f172aeb;color:#f8fafc;font-size:.72rem;font-weight:800;letter-spacing:.01em;text-align:center;box-shadow:0 12px 30px #02061761;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);transform:translateZ(0)}.sdk-transform-hint.resize{border-color:#22d3ee61}.sdk-transform-hint.rotate{border-color:#a855f770}.sdk-footer-bar{min-height:72px;height:auto;flex:0 0 auto;position:relative;background:#090d18c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:center;align-items:stretch;gap:18px;padding:0 28px;z-index:5000;overflow:visible;box-shadow:0 -8px 20px #0206171f}.sdk-footer-bar .page-bar{width:100%;max-width:1200px;min-width:0;flex:1 1 auto;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;height:72px!important;min-height:72px!important}.sdk-footer-bar .page-bar.zoom-only{max-width:none;justify-content:flex-end}.sdk-timeline-panel{min-height:72px;display:flex;align-items:center;gap:12px;padding:0 8px;background:transparent;border:none;flex:0 0 auto}.sdk-timeline-play-btn{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;background:#ffffff0d!important;color:#cbd5e1!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 6px 14px #0206172e!important}.sdk-timeline-play-btn:hover{background:#7c3aed2e!important;color:#fff!important;border-color:#a78bfa4d!important}.sdk-timeline-play-btn.is-playing{background:#ef44442e!important;color:#f87171!important;border-color:#ef44442e!important}.sdk-timeline-track{background:#ffffff1a;position:relative;width:84px;height:4px;border-radius:999px;cursor:pointer;flex:0 0 84px}.sdk-timeline-time{min-width:82px;color:#94a3b8;font-family:monospace;font-size:11px;text-align:left;white-space:nowrap;flex:0 0 auto}.primary-action-btn.export{background:linear-gradient(135deg,#7c3aed,#2563eb)!important;border:none!important;box-shadow:0 4px 15px #7c3aed66!important;font-weight:700!important;padding:8px 20px!important;color:#fff!important}.primary-action-btn.export:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed99!important;filter:brightness(1.1)}.sdk-context-menu{position:fixed;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px;min-width:200px;z-index:10000;box-shadow:0 15px 40px #0009;color:#fff;animation:contextMenuFade .15s ease-out}.sdk-context-menu .menu-submenu-trigger{position:relative;justify-content:space-between}.sdk-context-menu .menu-submenu-trigger>span{display:inline-flex;align-items:center;gap:10px}.sdk-context-menu .menu-submenu{position:absolute;top:-8px;left:calc(100% - 1px);min-width:210px;visibility:hidden;opacity:0;pointer-events:none;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#1e293b;box-shadow:0 15px 40px #0000008c;color:#e2e8f0;z-index:1;transition:opacity .08s ease,visibility .08s ease}.sdk-context-menu .menu-submenu-trigger:hover>.menu-submenu,.sdk-context-menu .menu-submenu:hover{visibility:visible;opacity:1;pointer-events:auto}.sdk-context-menu .smart-data-context-submenu{min-width:240px}.smart-data-context-search{height:34px;display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 10px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#0f172aad;color:#94a3b8}.smart-data-context-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f8fafc;font:inherit;font-size:.8rem}.smart-data-context-search input::placeholder{color:#94a3b8}.smart-data-context-fields{display:grid;gap:4px;max-height:260px;overflow-y:auto;padding-right:2px}.smart-data-context-field{width:100%;min-height:34px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#e2e8f0;font:inherit;font-size:.82rem;font-weight:700;text-align:left;text-transform:capitalize;cursor:pointer}.smart-data-context-field:hover,.smart-data-context-field.active{background:#7c3aed3d;color:#fff}.smart-data-context-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-data-context-empty{padding:10px;color:#94a3b8;font-size:.78rem;font-weight:700}@keyframes contextMenuFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu-item{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;color:#e2e8f0}.menu-item svg{flex:0 0 auto;opacity:.86}.menu-item:hover{background:#7c3aed;color:#fff}.menu-item.disabled,.menu-item.disabled:hover{cursor:not-allowed;opacity:.42;background:transparent;color:#94a3b8}.menu-item.delete:hover{background:#ef4444}.menu-item.delete.disabled:hover{background:transparent}.menu-divider{height:1px;background:#ffffff1a;margin:6px 0}.menu-item .kbd{font-size:.7rem;opacity:.5;background:#ffffff1a;padding:2px 6px;border-radius:4px}.menu-section-header{padding:8px 14px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-light);opacity:.8}.smart-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px 14px 12px}.smart-pill{padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.75rem;font-weight:600;color:#cbd5e1;cursor:pointer;transition:all .2s;text-align:center}.smart-pill:hover{background:#7c3aed33;border-color:var(--color-primary);color:#fff}.sdk-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.sdk-shortcuts-modal{width:100%;max-width:780px;max-height:calc(100vh - 48px);overflow:auto;border-radius:22px;padding:32px;border:1px solid rgba(148,163,184,.18);box-shadow:0 32px 90px #0000006b;background:radial-gradient(circle at top right,rgba(124,58,237,.16),transparent 36%),#0f172af5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sdk-shortcuts-modal .modal-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.sdk-shortcuts-modal .modal-header h3{margin:0;font-size:1.45rem;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#fff}.sdk-shortcuts-modal .close-btn{width:40px;height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#cbd5e1;font-size:0;font-weight:500;cursor:pointer;line-height:1;transition:all .18s ease}.sdk-shortcuts-modal .close-btn:before{content:"×";font-size:22px}.sdk-shortcuts-modal .close-btn:hover{background:#7c3aed33;border-color:#a78bfa57;color:#fff;transform:translateY(-1px)}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.shortcut-group{min-width:0}.shortcut-group h4{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#a78bfa}.shortcut-group h4:after{content:"";height:1px;flex:1;background:#94a3b82e}.shortcut-item{display:grid;grid-template-columns:minmax(118px,1fr) auto;align-items:center;gap:18px;min-height:34px;margin-bottom:7px;font-size:.92rem;color:#cbd5e1}.shortcut-item>span:first-child{min-width:0;color:#e2e8f0;font-weight:650;line-height:1.2}.shortcut-keys{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;min-width:0;color:#94a3b8;font-size:.78rem;font-weight:700;line-height:1}.shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:26px;padding:0 9px;background:#ffffff14;border:1px solid rgba(203,213,225,.16);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.74rem;font-weight:750;color:#f8fafc;text-align:center;white-space:nowrap;box-shadow:inset 0 -2px #0003,0 1px #ffffff0d}.kaanopy-shortcuts-ad{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;margin-top:34px;min-height:92px;padding:18px;border:1px solid rgba(167,139,250,.22);border-radius:16px;background:radial-gradient(circle at 12% 0%,rgba(124,58,237,.28),transparent 42%),linear-gradient(135deg,#1e293bd6,#312e8185);box-shadow:inset 0 1px #ffffff0f,0 18px 34px #02061738}.kaanopy-shortcuts-ad-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:1.28rem;font-weight:900;box-shadow:0 12px 26px #7c3aed47}.kaanopy-shortcuts-ad-copy{display:grid;gap:4px;min-width:0}.kaanopy-shortcuts-ad-copy strong{color:#fff;font-size:1rem;font-weight:850;line-height:1.1}.kaanopy-shortcuts-ad-copy span{color:#c4b5fd;font-size:.82rem;font-weight:700;line-height:1.35}@media (max-width: 720px){.sdk-shopify-workspace.has-preview{flex-direction:column}.sdk-shopify-preview-panel{width:100%;flex:0 0 auto;min-height:220px;max-height:34vh;grid-template-columns:minmax(0,1fr) minmax(170px,220px);grid-template-rows:auto auto;align-items:stretch;border-left:0;border-top:1px solid rgba(148,163,184,.18)}.sdk-shopify-preview-stage{grid-column:2;grid-row:1 / span 2;min-height:170px;aspect-ratio:1 / 1}.sdk-shopify-preview-meta{align-self:end}.sdk-modal-overlay{padding:16px}.sdk-shortcuts-modal{max-width:480px;padding:22px;border-radius:18px}.shortcuts-grid{grid-template-columns:1fr;gap:22px}.shortcut-item{grid-template-columns:minmax(104px,1fr) auto}.kaanopy-shortcuts-ad{margin-top:18px}}.sdk-btn-premium{background:linear-gradient(135deg,#7c3aed,#6366f1)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:11px 16px!important;font-size:.88rem!important;font-weight:750!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 15px #7c3aed66!important;width:100%!important;text-transform:none!important}.sdk-btn-premium:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #7c3aed80!important;filter:brightness(1.15)!important}.sdk-btn-premium-outline{background:#7c3aed1a!important;color:#a78bfa!important;border:1px solid rgba(124,58,237,.3)!important;border-radius:12px!important;padding:10px 14px!important;font-size:.8rem!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;transition:all .2s!important}.sdk-btn-premium-outline:hover{background:#7c3aed33!important;border-color:#7c3aed80!important;color:#fff!important}.sdk-upload-dropzone{min-height:260px;border-radius:20px;border:1.5px dashed rgba(148,163,184,.24);background:linear-gradient(180deg,#0f172a61,#0f172a2e),radial-gradient(circle at top,rgba(124,58,237,.12),transparent 55%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 20px;text-align:center;color:#e2e8f0e0;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.sdk-upload-dropzone svg{color:#a78bfa}.sdk-upload-dropzone-title{font-size:16px;font-weight:700;color:#f8fafc}.sdk-upload-dropzone-subtitle{max-width:240px;font-size:13px;line-height:1.5;color:#94a3b8eb}.sdk-upload-dropzone.active{border-color:#7c3aedb3;background:linear-gradient(180deg,#4c1d9552,#312e812e),radial-gradient(circle at top,rgba(124,58,237,.22),transparent 58%);box-shadow:0 16px 45px #4c1d952e;transform:translateY(-1px)}.sdk-upload-progress-state{width:min(250px,100%);display:grid;justify-items:center;gap:10px}.sdk-upload-progress-orbit{position:relative;width:54px;height:54px;display:grid;place-items:center;border-radius:999px;color:#c4b5fd;background:radial-gradient(circle,rgba(124,58,237,.22),rgba(14,165,233,.08) 62%,transparent 64%);box-shadow:0 0 0 1px #a78bfa3d,0 14px 34px #7c3aed38}.sdk-upload-progress-orbit span{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:999px;border:2px solid transparent;border-top-color:#22d3ee;border-right-color:#a78bfad9;animation:sdkUploadProgressOrbit 1.05s linear infinite}.sdk-upload-progress-track{position:relative;width:100%;height:8px;overflow:hidden;border-radius:999px;background:#0f172a6b;border:1px solid rgba(148,163,184,.18)}.sdk-upload-progress-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:translate(-100%);animation:sdkUploadProgressScan 1.25s ease-in-out infinite}.sdk-upload-progress-fill{height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#22d3ee);box-shadow:0 0 20px #22d3ee73;transition:width .28s ease}.sdk-upload-progress-percent{font-size:12px;font-weight:800;color:#a5f3fc}.sdk-upload-progress-state.error{gap:12px}.sdk-upload-error-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:999px;color:#fee2e2;background:radial-gradient(circle,rgba(239,68,68,.18),rgba(248,113,113,.08) 62%,transparent 64%);box-shadow:0 0 0 1px #f8717147,0 14px 34px #ef44442e}.sdk-upload-progress-state.error .sdk-upload-dropzone-title{color:#0f172a}.full-editor-sdk.dark .sdk-upload-progress-state.error .sdk-upload-dropzone-title{color:#fee2e2}.sdk-upload-progress-state.complete .sdk-upload-progress-orbit{color:#ecfeff;background:radial-gradient(circle,rgba(16,185,129,.28),rgba(34,211,238,.1) 62%,transparent 64%)}.sdk-upload-progress-state.complete .sdk-upload-progress-orbit span{border-color:#10b981b8;animation:none}@keyframes sdkUploadProgressOrbit{to{transform:rotate(360deg)}}@keyframes sdkUploadProgressScan{to{transform:translate(100%)}}.sdk-upload-pending-card{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:#0f172a8c;border:1px solid rgba(148,163,184,.14)}.sdk-upload-pending-thumb{width:68px;height:68px;object-fit:cover;border-radius:12px;flex-shrink:0}.sdk-upload-pending-meta{min-width:0;flex:1}.sdk-upload-pending-name{font-size:14px;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdk-upload-pending-subtitle{margin-top:4px;font-size:12px;line-height:1.45;color:#94a3b8f0}.sdk-upload-pending-spinner{width:22px;height:22px;border-radius:999px;border:2px solid rgba(167,139,250,.25);border-top-color:#a78bfa;animation:kaanopy-sdk-spin .85s linear infinite;flex-shrink:0}.sdk-segment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.sdk-segment-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;background:transparent;color:#e2e8f0b8;font-size:13px;font-weight:700;letter-spacing:.02em;padding:10px 12px;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.sdk-segment-tab:hover{color:#f8fafc;background:#ffffff0d}.sdk-segment-tab.active{color:#fff;background:linear-gradient(135deg,#7c3aedf2,#6366f1f2);box-shadow:0 10px 24px #6366f138}.sdk-pdf-import-tabs{margin-bottom:8px}.sdk-upload-mode-note{color:#cbd5e1b8;font-size:12px;line-height:1.45;margin:0 2px 12px}.sdk-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:flex-end}.sdk-settings-drawer{width:372px;height:100%;background:radial-gradient(circle at top right,rgba(124,58,237,.16),transparent 32%),linear-gradient(180deg,#182235,#111827);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;box-shadow:-18px 0 48px #02061770}.sdk-settings-drawer .drawer-header{padding:24px 24px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.sdk-settings-drawer .drawer-header h3{margin:0;font-size:1.55rem;font-weight:800;letter-spacing:-.03em;color:#f8fafc}.sdk-settings-drawer .drawer-header .close-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.sdk-settings-drawer .drawer-header .close-btn:hover{background:#7c3aed29;border-color:#a78bfa66;transform:translateY(-1px)}.sdk-settings-drawer .drawer-content{flex:1;overflow-y:auto;padding:24px}.settings-section{margin-bottom:32px}.settings-section h4{margin:0 0 12px;font-size:14px;color:#a78bfa;text-transform:uppercase;letter-spacing:.05em}.section-desc{font-size:.85rem;color:#94a3b8;margin-bottom:16px;line-height:1.5}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.07);padding:14px 14px 13px;border-radius:14px;display:flex;flex-direction:column}.info-item .label{font-size:11px;color:#94a3b8;margin-bottom:4px}.info-item .value{font-size:14px;color:#fff;font-weight:600}.info-item .unit-conversion{font-size:11px;color:var(--color-primary-light);margin-top:2px;font-weight:500}.unit-options{display:flex;flex-direction:column;gap:10px}.unit-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;width:100%}.unit-btn:hover{background:#ffffff14;border-color:#ffffff2e}.unit-btn.active{background:#7c3aed;border-color:#a78bfa;box-shadow:0 0 15px #7c3aed4d}.unit-btn .btn-label{font-size:14px;font-weight:500}.unit-btn .btn-unit{font-size:11px;background:#0003;padding:2px 6px;border-radius:4px;opacity:.8}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;cursor:pointer}.toggle-item span{font-size:14px;color:#e2e8f0;font-weight:600}.sdk-settings-toggle{width:38px;height:20px;background:#475569;border-radius:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:inset 0 2px 4px #0003}.sdk-settings-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000004d}.sdk-settings-toggle.on{background:#7c3aed;box-shadow:inset 0 2px 4px #0000001a,0 0 10px #7c3aed4d}.sdk-settings-toggle.on:after{left:calc(100% - 18px)}.drawer-footer{padding:20px 24px 24px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff03,#ffffff08)}.sdk-settings-drawer .drawer-footer .secondary-action-btn{width:100%;min-height:52px;border-radius:16px;font-weight:800;font-size:1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#f8fafc}.sdk-settings-drawer .drawer-footer .secondary-action-btn:hover{background:#ffffff1a}.sdk-premium-toast{display:flex;align-items:center;gap:16px;padding:12px 16px;width:100%;color:#f8fafc;position:relative}.toast-icon-premium{color:#7c3aed;filter:drop-shadow(0 0 8px rgba(124,58,237,.4));flex-shrink:0}.toast-content{display:flex;flex-direction:column;gap:2px;flex:1}.toast-title{font-size:.9rem;font-weight:700;letter-spacing:-.01em;color:#fff}.toast-message{font-size:.8rem;color:#94a3b8;line-height:1.4}.toast-close{background:transparent;border:none;color:#64748b;font-size:18px;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.toast-close:hover{color:#fff}.full-editor-sdk.light .sdk-context-menu,.full-editor-sdk.light .sdk-shortcuts-modal,.full-editor-sdk.light .sdk-settings-drawer{background:#fff;border-color:#0f172a1a;color:#111827;box-shadow:0 20px 50px #0f172a24}.full-editor-sdk.light .sdk-settings-drawer{background:radial-gradient(circle at top right,rgba(124,58,237,.08),transparent 34%),linear-gradient(180deg,#fff,#f8fafc)}.full-editor-sdk.light .sdk-shortcuts-modal{background:radial-gradient(circle at top right,rgba(124,58,237,.1),transparent 36%),linear-gradient(180deg,#fff,#f8fafc);border-color:#7c3aed1f;box-shadow:0 32px 90px #0f172a38}.full-editor-sdk.light .sdk-settings-drawer .drawer-header,.full-editor-sdk.light .sdk-settings-drawer .drawer-footer{background:#f8fafceb;border-color:#0f172a14}.full-editor-sdk.light .sdk-settings-drawer .drawer-header h3,.full-editor-sdk.light .sdk-shortcuts-modal .modal-header h3,.full-editor-sdk.light .toast-title{color:#0f172a}.full-editor-sdk.light .sdk-settings-drawer .drawer-header .close-btn,.full-editor-sdk.light .sdk-shortcuts-modal .close-btn{background:#f8fafc;border-color:#0f172a1a;color:#475569}.full-editor-sdk.light .sdk-settings-drawer .drawer-header .close-btn:hover,.full-editor-sdk.light .sdk-shortcuts-modal .close-btn:hover{background:#7c3aed1a;border-color:#7c3aed42;color:#5b21b6}.full-editor-sdk.light .settings-section h4,.full-editor-sdk.light .shortcut-group h4,.full-editor-sdk.light .menu-section-header{color:#6d28d9}.full-editor-sdk.light .shortcut-group h4:after{background:#64748b2e}.full-editor-sdk.light .section-desc,.full-editor-sdk.light .toast-message{color:#64748b}.full-editor-sdk.light .toggle-item{border-radius:12px;padding:12px 0}.full-editor-sdk.light .toggle-item span{color:#334155}.full-editor-sdk.light .toggle-item:hover span{color:#111827}.full-editor-sdk.light .sdk-settings-toggle{background:#475569;box-shadow:inset 0 2px 4px #0f172a2e,0 2px 6px #0f172a14}.full-editor-sdk.light .sdk-settings-toggle.on{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 18px #7c3aed2e}.full-editor-sdk.light .sdk-settings-drawer .drawer-footer .secondary-action-btn{background:#475569;border-color:#0f172a1a;color:#fff}.full-editor-sdk.light .sdk-settings-drawer .drawer-footer .secondary-action-btn:hover{background:#334155}.full-editor-sdk.light .info-item,.full-editor-sdk.light .unit-btn,.full-editor-sdk.light .orientation-card,.full-editor-sdk.light .preset-row-btn,.full-editor-sdk.light .sdk-frame-card,.full-editor-sdk.light .image-crop-panel,.full-editor-sdk.light .sdk-upload-pending-card,.full-editor-sdk.light .sdk-segment-tabs,.full-editor-sdk.light .brandkit-library-card,.full-editor-sdk.light .brandkit-manual-card,.full-editor-sdk.light .brandkit-subcard,.full-editor-sdk.light .brandkit-color-card,.full-editor-sdk.light .brandkit-value-card,.full-editor-sdk.light .brandkit-asset-frame,.full-editor-sdk.light .brandkit-upload-button,.full-editor-sdk.light .brandkit-pill-muted{background:#fff;border-color:#0f172a1a;color:#111827;box-shadow:0 8px 22px #0f172a0a}.full-editor-sdk.light .info-item .label,.full-editor-sdk.light .preset-subtext,.full-editor-sdk.light .dim-input-wrapper label,.full-editor-sdk.light .frame-label,.full-editor-sdk.light .sdk-upload-mode-note,.full-editor-sdk.light .sdk-upload-pending-subtitle,.full-editor-sdk.light .sdk-upload-dropzone-subtitle,.full-editor-sdk.light .brandkit-color-usage,.full-editor-sdk.light .brandkit-meta,.full-editor-sdk.light .brandkit-empty-copy,.full-editor-sdk.light .shortcut-item{color:#64748b}.full-editor-sdk.light .shortcut-item>span:first-child{color:#334155}.full-editor-sdk.light .kaanopy-shortcuts-ad{border-color:#7c3aed33;background:radial-gradient(circle at 12% 0%,rgba(124,58,237,.12),transparent 42%),linear-gradient(135deg,#fff,#eef2ff);box-shadow:inset 0 1px #ffffffe6,0 18px 34px #7c3aed1a}.full-editor-sdk.light .kaanopy-shortcuts-ad-copy strong{color:#111827}.full-editor-sdk.light .kaanopy-shortcuts-ad-copy span{color:#6d28d9}.full-editor-sdk.light .info-item .value,.full-editor-sdk.light .unit-btn,.full-editor-sdk.light .unit-btn .btn-label,.full-editor-sdk.light .orientation-card.active,.full-editor-sdk.light .preset-name,.full-editor-sdk.light .preset-size-badge,.full-editor-sdk.light .frame-preview-icon,.full-editor-sdk.light .image-crop-header,.full-editor-sdk.light .sdk-upload-dropzone-title,.full-editor-sdk.light .sdk-upload-pending-name,.full-editor-sdk.light .brandkit-card-title,.full-editor-sdk.light .brandkit-value-title,.full-editor-sdk.light .menu-item{color:#0f172a}.full-editor-sdk.light .unit-btn:hover,.full-editor-sdk.light .orientation-card:hover,.full-editor-sdk.light .preset-row-btn:hover,.full-editor-sdk.light .sdk-frame-card:hover,.full-editor-sdk.light .brandkit-library-card:hover,.full-editor-sdk.light .brandkit-upload-button:hover{background:#f8fafc;border-color:#7c3aed3d;box-shadow:0 12px 28px #7c3aed14}.full-editor-sdk.light .unit-btn.active,.full-editor-sdk.light .orientation-card.active,.full-editor-sdk.light .preset-row-btn.active{background:#7c3aed1a;border-color:#7c3aed6b;color:#5b21b6;box-shadow:0 10px 26px #7c3aed1a}.full-editor-sdk.light .text-style-btn,.full-editor-sdk.light .preset-card,.full-editor-sdk.light .guideline-toggle-btn,.full-editor-sdk.light .scheme-row,.full-editor-sdk.light .shadow-preset-visual-btn{background:#fff!important;border-color:#0f172a1a!important;color:#334155!important;box-shadow:0 8px 18px #0f172a0a!important}.full-editor-sdk.light .text-style-btn:hover,.full-editor-sdk.light .preset-card:hover,.full-editor-sdk.light .guideline-toggle-btn:hover,.full-editor-sdk.light .scheme-row:hover,.full-editor-sdk.light .shadow-preset-visual-btn:hover{background:#f8fafc!important;border-color:#7c3aed47!important;color:#5b21b6!important;box-shadow:0 12px 28px #7c3aed14!important}.full-editor-sdk.light .preset-card.active,.full-editor-sdk.light .guideline-toggle-btn.active,.full-editor-sdk.light .shadow-preset-visual-btn.active{background:#7c3aed1a!important;border-color:#7c3aed73!important;color:#5b21b6!important;box-shadow:0 10px 26px #7c3aed1f!important}.full-editor-sdk.light .text-style-btn span,.full-editor-sdk.light .preset-label,.full-editor-sdk.light .scheme-name,.full-editor-sdk.light .guideline-toggle-btn{color:#475569!important}.full-editor-sdk.light .preset-dim,.full-editor-sdk.light .none-btn{color:#64748b!important}.full-editor-sdk.light .preset-icon-wrap,.full-editor-sdk.light .none-btn{background:#0f172a0a!important;border-color:#0f172a14!important}.full-editor-sdk.light .solid-preset-btn,.full-editor-sdk.light .color-preset-btn,.full-editor-sdk.light .gradient-preset-card{border-color:#0f172a24!important;box-shadow:0 8px 18px #0f172a0f!important}.full-editor-sdk.light .solid-preset-btn:hover,.full-editor-sdk.light .color-preset-btn:hover,.full-editor-sdk.light .gradient-preset-card:hover{border-color:#7c3aed73!important;box-shadow:0 12px 28px #7c3aed24!important}.full-editor-sdk.light .solid-preset-btn.active,.full-editor-sdk.light .color-preset-btn.active{border-color:#fff!important;box-shadow:0 0 0 2px #7c3aedc7,0 10px 24px #7c3aed2e!important}.full-editor-sdk.light .unit-btn .btn-unit,.full-editor-sdk.light .preset-size-badge,.full-editor-sdk.light .shortcut-item kbd,.full-editor-sdk.light .menu-item .kbd{background:#f8fafc;border-color:#64748b2e;color:#334155;box-shadow:inset 0 -2px #0f172a14,0 1px 2px #0f172a0f}.full-editor-sdk.light .sdk-input-premium{background:#fff;border-color:#0f172a1f;color:#111827}.full-editor-sdk.light .sdk-input-premium:focus{border-color:#7c3aed8c;box-shadow:0 0 0 3px #7c3aed1f}.full-editor-sdk.light .sdk-select-premium option{background:#fff!important;color:#111827!important}.full-editor-sdk.light .sdk-upload-dropzone{background:linear-gradient(180deg,#fffffff5,#f8fafcf5),radial-gradient(circle at top,rgba(124,58,237,.08),transparent 58%);border-color:#64748b47;color:#334155}.full-editor-sdk.light .sdk-upload-dropzone.active{background:linear-gradient(180deg,#f5f3fff5,#f8fafcf5),radial-gradient(circle at top,rgba(124,58,237,.14),transparent 58%);border-color:#7c3aed8c;box-shadow:0 16px 42px #7c3aed1f}.full-editor-sdk.light .sdk-segment-tab{color:#64748b}.full-editor-sdk.light .sdk-segment-tab:hover{background:#0f172a0d;color:#0f172a}.full-editor-sdk.light .sdk-segment-tab.active{color:#fff}.full-editor-sdk.light .prop-tabs-segmented,.full-editor-sdk.light .line-style-grid{background:#eef2f7!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:inset 0 1px #ffffffbf!important}.full-editor-sdk.light .prop-tabs-segmented .tab-btn,.full-editor-sdk.light .prop-tabs-segmented>.tab-btn,.full-editor-sdk.light .line-style-grid .style-btn{color:#475569!important;background:transparent!important}.full-editor-sdk.light .prop-tabs-segmented .tab-btn:hover,.full-editor-sdk.light .prop-tabs-segmented>.tab-btn:hover,.full-editor-sdk.light .line-style-grid .style-btn:hover{color:#111827!important;background:#ffffffe6!important}.full-editor-sdk.light .prop-tabs-segmented .tab-btn.active,.full-editor-sdk.light .prop-tabs-segmented>.tab-btn.active,.full-editor-sdk.light .line-style-grid .style-btn.active{background:#fff!important;color:#6d28d9!important;border:1px solid rgba(124,58,237,.26)!important;box-shadow:0 6px 14px #0f172a14!important}.full-editor-sdk.light .sdk-photo-filters>span{color:#64748b}.full-editor-sdk.light .sdk-filter-segment{background:#f1f5f9;border-color:#0f172a1a;box-shadow:inset 0 1px #ffffffbf}.full-editor-sdk.light .sdk-filter-segment button{color:#64748b}.full-editor-sdk.light .sdk-filter-segment button:hover{background:#ffffffdb;color:#334155}.full-editor-sdk.light .sdk-filter-segment button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 8px 18px #7c3aed33}.full-editor-sdk.light .ks-sticker-item{background:#f1f5f9!important;border-color:#0f172a1a!important}.full-editor-sdk.light .ks-sticker-item:hover{background:#7c3aed14!important;border-color:#7c3aed57!important;box-shadow:0 10px 20px #7c3aed1f!important}.full-editor-sdk.light .ks-sticker-item svg{color:#475569!important}.full-editor-sdk.light .ks-sticker-item:hover svg{color:#6d28d9!important}.full-editor-sdk.light .ks-sticker-card{background:#f8fafc!important;border-color:#0f172a1a!important}.full-editor-sdk.light .ks-sticker-card:hover{background:#fff!important;border-color:#7c3aed47!important;box-shadow:0 10px 20px #7c3aed1a!important}.full-editor-sdk.light .image-crop-grid button{background:#f8fafc;border-color:#0f172a1a;color:#475569}.full-editor-sdk.light .image-crop-grid button:hover{background:#7c3aed1a;border-color:#7c3aed47;color:#5b21b6}.full-editor-sdk.light .menu-divider{background:#0f172a14}.full-editor-sdk.light .sdk-context-menu .menu-submenu{background:#fffffffa;border-color:#0f172a1f;color:#0f172a;box-shadow:0 16px 36px #0f172a29}.full-editor-sdk.light .menu-item:hover,.full-editor-sdk.light .smart-pill:hover{background:#7c3aed1f;color:#5b21b6}.full-editor-sdk.light .smart-pill{background:#f8fafc;border-color:#0f172a1a;color:#334155}.full-editor-sdk.light .smart-pill:hover{border-color:#7c3aed4d}.full-editor-sdk.light .sdk-btn-premium-outline{background:#7c3aed14!important;color:#6d28d9!important;border-color:#7c3aed47!important}.full-editor-sdk.light .sdk-btn-premium-outline:hover{background:#7c3aed24!important;color:#4c1d95!important;border-color:#7c3aed73!important}.full-editor-sdk.light .sdk-premium-toast,.full-editor-sdk.light .toast-close:hover{color:#111827}.sdk-saving-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10020;display:flex;align-items:center;justify-content:center;background:#03071294;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sdk-saving-dialog{display:flex;align-items:center;gap:18px;width:min(360px,calc(100vw - 40px));padding:22px 24px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#0f172af5;color:#fff;box-shadow:0 28px 90px #0000006b}.sdk-saving-dialog strong,.sdk-saving-dialog span{display:block}.sdk-saving-dialog strong{font-size:18px;line-height:1.2}.sdk-saving-dialog span{margin-top:4px;color:#e2e8f0c7;font-size:14px;line-height:1.4}.sdk-saving-spinner{width:34px;height:34px;flex:0 0 auto;border-radius:999px;border:3px solid rgba(255,255,255,.22);border-top-color:#8b5cf6;animation:sdk-saving-spin .85s linear infinite}@keyframes sdk-saving-spin{to{transform:rotate(360deg)}}.full-editor-sdk.light .sdk-saving-overlay{background:#f8fafca8}.full-editor-sdk.light .sdk-saving-dialog{background:#fffffffa;color:#0f172a;border-color:#0f172a1f;box-shadow:0 28px 90px #0f172a2e}.full-editor-sdk.light .sdk-saving-dialog span{color:#64748b}