*{box-sizing:border-box}#root,body,html{height:100%;margin:0;width:100%}body{background:#f1f5f9;font-family:Arial,sans-serif;overflow:hidden}.app-shell{padding:0}.app-shell,.layout{height:100vh;overflow:hidden;width:100vw}.layout{align-items:stretch;display:flex;gap:14px}.work-area{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0;overflow:hidden}.topbar{flex-shrink:0}button{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;cursor:pointer;padding:10px 14px}button:hover{background:#f8fafc}button:disabled{cursor:not-allowed;opacity:.5}button.danger{background:#dc2626;border-color:#dc2626;color:#fff}.canvas-wrap{box-shadow:none;flex:1 1;padding:0}.canvas-stage,.canvas-wrap{background:#0000;border-radius:16px 16px 0 0}.board-canvas{background:#fff;border:1px solid #e2e8f0;border-radius:16px 16px 0 0}.canvas-text-editor{background:#0000;border:1px dashed #2563eb;font:20px Arial;line-height:24px;margin:0;min-height:32px;min-width:120px;outline:none;padding:0;position:absolute;resize:none}.selection-box{background:#2563eb14;border:1.5px dashed #2563eb;pointer-events:none;position:absolute}.canvas-actions{align-items:center;bottom:16px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.zoom-control{background:#ffffff9e;border:1px solid #e2e8f0c7;box-shadow:0 12px 28px #0f172a1f}.zoom-btn{padding:8px 12px;transition:background .2s,transform .2s}.zoom-btn:hover{background:#f1f5f9d9;transform:scale(1.05)}.zoom-value{font-weight:600;padding:8px 14px}.zoom-value:hover{background:#f8fafcd9}.export-btn,.reset-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#111827d6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s}.export-btn:hover,.reset-btn:hover{background:#111827f0}.export-btn:disabled{cursor:not-allowed;opacity:.6}.verify-page{align-items:center;display:flex;justify-content:center;min-height:80vh}.verify-card{background:#fff;border-radius:18px;box-shadow:0 12px 34px #0f172a1f;padding:28px;width:420px}.verify-card h1{margin:0 0 8px}.verify-card h2{margin:0 0 16px}.verify-message{color:#334155}.verify-success{color:#16a34a;font-weight:700}.verify-link{display:inline-block;margin-top:16px}.reset-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.reset-field span{color:#334155;font-size:13px;font-weight:700}.reset-field input{border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:11px 12px;width:100%}.reset-field input:focus{border-color:#2563eb}@media (max-width:900px){.layout{flex-direction:column;overflow:auto}.work-area{min-height:700px;width:100%}body{overflow:auto}}.layout{gap:10px;padding-right:8px}.work-area{position:relative}.work-area>.canvas-wrap{border-radius:16px}.app-shell.focus-mode .layout{gap:0;padding:0}.app-shell.focus-mode .work-area{gap:0}.app-shell.focus-mode .board-canvas,.app-shell.focus-mode .canvas-stage,.app-shell.focus-mode .canvas-wrap{border-radius:0}.focus-mode-exit{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #94a3b88c;border-radius:999px;box-shadow:0 12px 30px #0f172a24;color:#0f172a;font-weight:700;min-height:40px;padding:0 16px;position:fixed;right:18px;top:18px;z-index:5000}.canvas-text-editor::selection{background:#93c5fdb8;color:#0000}.canvas-text-editor::-moz-selection{background:#93c5fdb8;color:#0000}.layout{display:block;padding:10px 8px 0;position:relative}.work-area{height:100%;width:100%}.work-area>.storyboard-bar{flex:none}.canvas-wrap{padding-bottom:0}.topbar{grid-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:1fr auto 1fr;height:58px;margin:0;padding:0}.topbar-actions{gap:8px;justify-self:start}.topbar-title{color:#111827;font-size:14px;font-weight:700;justify-self:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.topbar-auth{align-items:center;display:flex;gap:12px;justify-self:end}.login-btn,.logout-btn,.topbar button{border-radius:10px;height:38px;padding:0 16px}.topbar-separator{background:#cbd5e1;height:26px;margin:0 4px;width:1px}.topbar-announcement{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#9a3412;display:inline-flex;font-size:12px;font-weight:850;height:34px;max-width:260px;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.legal-floating-menu-wrap{left:240px;position:fixed;top:28px;z-index:99999}.legal-floating-burger{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:11px;box-shadow:0 10px 24px #0f172a1f;color:#111827;cursor:pointer;display:inline-flex;font-size:16px;font-weight:900;height:34px;justify-content:center;padding:0;width:34px}.legal-floating-burger:hover{background:#f8fafc}.legal-floating-menu{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 22px 60px #0f172a2e;padding:10px;position:absolute;right:0;top:44px;width:260px}.legal-menu-brand{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:2px;margin-bottom:6px;padding:10px 12px 12px}.legal-menu-brand strong{color:#111827;font-size:16px;font-weight:950;letter-spacing:-.04em}.legal-menu-brand span{color:#64748b;font-size:12px;font-weight:700}.legal-floating-menu button{background:#0000;border:none;border-radius:10px;color:#111827;cursor:pointer;display:block;font-weight:750;min-height:40px;padding:10px 12px;text-align:left;width:100%}.legal-floating-menu button:hover{background:#f3f4f6}.toolbar-dark-action,.toolbar-primary-action{border:none;font-weight:800;min-width:112px}.toolbar-dark-action:hover,.toolbar-primary-action:hover{background:#374151}.login-btn{background:#2563eb;border-color:#2563eb;box-shadow:0 12px 24px #2563eb2e;color:#fff;font-weight:800}.login-btn:hover{background:#1d4ed8}.profile-menu-wrap{position:relative}.profile-trigger{align-items:center;background:#fff;border:1px solid #c7d2fe;border-radius:999px!important;box-shadow:0 10px 24px #2563eb29;display:inline-flex;gap:10px;min-width:280px;padding:0 12px 0 6px!important}.profile-trigger:hover{background:#f8fafc}.profile-avatar{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-weight:900;justify-content:center}.profile-email{color:#334155;font-size:13px;font-weight:800;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-caret{color:#64748b;font-size:13px;margin-left:auto}.profile-dropdown{background:#fff;border-radius:18px;box-shadow:0 22px 50px #0f172a2e;padding:16px;position:absolute;right:0;top:50px;width:300px;z-index:1000}.profile-signed-box{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.profile-signed-box span{color:#64748b;font-size:11px;font-weight:900;letter-spacing:.08em}.profile-signed-box strong{color:#111827;font-size:14px;word-break:break-word}.profile-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#334155;display:flex;font-size:14px;font-weight:800;height:42px!important;justify-content:flex-start;padding:0 4px!important;text-align:left;width:100%}.profile-menu-item:hover{background:#f1f5f9}.profile-menu-divider{background:#e2e8f0;height:1px;margin:10px 0}.logout-menu-item{color:#dc2626}.topbar-free-pill,.topbar-pro-pill{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:950;height:22px;justify-content:center;letter-spacing:.04em;min-width:42px;padding:0 8px}.topbar-pro-pill{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.topbar-free-pill{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.profile-plan-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:950;letter-spacing:.04em;margin-top:8px;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.profile-plan-badge.pro{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.profile-plan-badge.free{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.profile-plan-expiry{color:#64748b;display:block;font-weight:750;margin-top:6px}.align-menu-wrap{position:relative}.toolbar-align-trigger{align-items:center;background:#fff;border:1px solid #cbd5e1;color:#111827;display:inline-flex;font-weight:800;gap:8px;height:38px!important;justify-content:center;min-width:92px}.toolbar-align-trigger:hover{background:#f8fafc}.toolbar-align-trigger span{color:#64748b;font-size:12px}.align-dropdown{background:#fff;border-radius:16px;box-shadow:0 18px 44px #0f172a2e;left:0;padding:10px;position:absolute;top:46px;width:190px;z-index:1000}.align-dropdown button{background:#0000;border:none;border-radius:10px;color:#334155;font-size:13px;font-weight:800;height:38px!important;justify-content:flex-start;padding:0 10px!important;text-align:left;width:100%}.align-dropdown button:hover{background:#f1f5f9}.align-divider{background:#e2e8f0;height:1px;margin:8px 0}.grid-toggle-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#111827;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:8px;height:38px;padding:0 14px;-webkit-user-select:none;user-select:none}.grid-toggle-btn:hover{background:#f8fafc}.grid-toggle-btn input{accent-color:#2563eb;cursor:pointer;height:15px;margin:0;width:15px}.grid-toggle-btn span{white-space:nowrap}.save-menu-wrap{position:relative}.save-trigger-btn{align-items:center;display:inline-flex;gap:8px;justify-content:center}.save-trigger-btn span{color:#cbd5e1;font-size:12px}.save-dropdown{background:#fff;border-radius:16px;box-shadow:0 18px 44px #0f172a2e;padding:10px;position:absolute;top:46px;width:200px;z-index:1000}.save-dropdown button{align-items:center;background:#0000;border:none;border-radius:10px;color:#334155;display:flex;font-size:13px;font-weight:850;height:40px!important;justify-content:flex-start;padding:0 10px!important;text-align:left;width:100%}.save-dropdown button:hover{background:#f1f5f9}.export-trigger-btn{align-items:center;display:inline-flex;gap:8px;justify-content:center}.export-trigger-btn span{color:#cbd5e1;font-size:12px}.export-dropdown{background:#fff;border-radius:16px;box-shadow:0 18px 44px #0f172a2e;left:0;padding:10px;position:absolute;top:46px;width:210px;z-index:1000}.export-dropdown button{align-items:center;background:#0000;border:none;border-radius:10px;color:#334155;display:flex;font-size:13px;font-weight:850;height:40px!important;justify-content:flex-start;padding:0 10px!important;text-align:left;width:100%}.export-dropdown button:hover{background:#f1f5f9}.account-modal-backdrop{align-items:center;background:#0f172a70;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:999999}.account-modal{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 28px 80px #0f172a42;max-height:88vh;overflow:auto;padding:24px;position:relative;width:min(460px,96vw)}.account-modal-wide{width:min(820px,96vw)}.account-modal-close{background:#f1f5f9;border:none;border-radius:999px;color:#111827;cursor:pointer;font-size:22px;height:34px!important;line-height:1;padding:0!important;position:absolute;right:14px;top:14px;width:34px}.account-modal-header{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.account-modal-header h2{color:#111827;font-size:24px;letter-spacing:-.04em;margin:0}.account-modal-header p{color:#64748b;font-size:14px;font-weight:750;margin:0}.account-status-badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:950;padding:6px 11px;width:-webkit-fit-content;width:fit-content}.account-status-badge.pro{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.account-status-badge.free{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.account-status-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#334155;display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:14px}.account-status-card strong{color:#0f172a}.account-form{gap:14px}.account-form,.account-form label{display:flex;flex-direction:column}.account-form label{color:#334155;font-size:13px;font-weight:850;gap:7px}.account-form input{border:1px solid #cbd5e1;border-radius:12px;font-size:14px;font-weight:700;height:42px;outline:none;padding:0 12px}.account-form input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.account-primary-btn{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:900;height:44px!important}.account-primary-btn:hover{background:#1d4ed8}.account-empty-state,.account-modal-message{background:#eff6ff;border-radius:14px;color:#1d4ed8;font-weight:800;padding:12px 14px}.payment-history-table-wrap{border:1px solid #e2e8f0;border-radius:16px;overflow:auto}.payment-history-table{border-collapse:collapse;font-size:13px;width:100%}.payment-history-table td,.payment-history-table th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left;white-space:nowrap}.payment-history-table th{background:#f8fafc;color:#334155;font-weight:950}.payment-status{background:#f1f5f9;border-radius:999px;color:#334155;display:inline-flex;font-size:12px;font-weight:950;padding:4px 8px}.payment-status.active,.payment-status.captured,.payment-status.order_created,.payment-status.paid,.payment-status.success{background:#dcfce7;color:#166534}.payment-status.cancelled,.payment-status.failed{background:#fee2e2;color:#991b1b}.payment-status.pending{background:#fef3c7;color:#92400e}.toolbar-user-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 22px #0f172a0f;display:flex;gap:10px;padding:6px 8px 6px 6px}.toolbar-avatar{align-items:center;background:#111827;border-radius:12px;color:#fff;display:flex;font-weight:900;height:34px;justify-content:center;width:34px}.toolbar-user-meta{display:flex;flex-direction:column;min-width:120px}.toolbar-user-meta strong{color:#0f172a;font-size:13px}.toolbar-user-meta span{color:#64748b;font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:#ef4444;border-color:#ef4444;color:#fff;font-weight:800}.logout-btn:hover{background:#dc2626}.toolbar-drawing-title-card{background:#fff;border:1px solid #c7d2fe;border-radius:16px;box-shadow:0 12px 28px #2563eb1f;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;height:46px;justify-content:center;max-width:280px;min-width:220px;padding:6px 14px}.toolbar-drawing-title-card span{color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}.toolbar-drawing-title-card input{background:#0000;border:none;color:#111827;font-size:15px;font-weight:900;line-height:1.2;outline:none;padding:0;width:100%}.toolbar-drawing-title-card input::placeholder{color:#94a3b8}@media (max-width:1100px){.topbar{gap:10px;grid-template-columns:1fr;height:auto}.topbar-actions,.topbar-auth,.topbar-title{justify-self:start}.topbar-actions{flex-wrap:wrap}.legal-floating-menu-wrap{left:230px;top:16px}.profile-trigger{min-width:240px}}.account-profile-actions{display:flex;gap:10px;margin:14px 0}.account-secondary-btn{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#111827;cursor:pointer;font-weight:700;padding:11px 14px;width:100%}.account-secondary-btn:hover{background:#f3f4f6}.export-video-box{grid-gap:8px;border-top:1px solid #94a3b859;display:grid;gap:8px;margin-top:8px;padding-top:8px}.export-video-box label{grid-gap:4px;color:#475569;display:grid;font-size:11px;font-weight:800;gap:4px;letter-spacing:.04em;text-transform:uppercase}.export-video-box input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-weight:800;height:34px;outline:none;padding:0 10px;width:100%}.export-video-box input:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.grid-menu-wrap{position:relative}.grid-trigger-btn{align-items:center;display:inline-flex;gap:8px;justify-content:center}.grid-trigger-btn span{color:#cbd5e1;font-size:12px}.grid-dropdown{background:#fff;border-radius:16px;box-shadow:0 18px 44px #0f172a2e;left:0;padding:10px;position:absolute;top:46px;width:210px;z-index:1000}.grid-dropdown button{align-items:center;background:#0000;border:none;border-radius:10px;color:#334155;display:flex;font-size:13px;font-weight:850;height:40px!important;justify-content:flex-start;padding:0 10px!important;text-align:left;width:100%}.grid-dropdown button:hover{background:#f1f5f9}.grid-dropdown-divider{background:#94a3b859;height:1px;margin:7px 8px}.grid-dropdown-label{color:#64748b;font-size:12px;font-weight:900;letter-spacing:.05em;padding:8px 12px 4px;text-transform:uppercase}.grid-dropdown button:disabled{cursor:not-allowed;opacity:.45}.history-stack-counter{background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:11px;font-weight:850;gap:6px;padding:5px 8px;white-space:nowrap}.history-stack-counter,.history-stack-counter span{align-items:center;display:inline-flex}.history-stack-counter span+span:before{color:#cbd5e1;content:"•";margin-right:6px}.frames-toolbar-btn{background:#fff;border:1px solid #dbe3ef;border-radius:999px!important;color:#334155;font-size:11px;font-weight:850;height:30px!important;padding:0 12px!important;white-space:nowrap}.frames-toolbar-btn:hover{background:#f8fafc}.social-creator-control{align-items:center;background:linear-gradient(135deg,#fff7ed,#fdf2f8 48%,#eef2ff);border:1px solid #dbe4f0;display:flex;gap:8px;min-width:205px;padding:5px 7px 5px 10px}.social-creator-label{color:#7c2d12;font-size:11px;font-weight:900;white-space:nowrap}.social-creator-control select{background:#ffffffe6;border:1px solid #7c2d122e;color:#1f2937;flex:1 1;font-size:11px;font-weight:800;min-width:0;outline:none;padding:0 7px}.social-creator-control select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.topbar{border:1px solid #e2e8f0;box-shadow:0 8px 24px #0f172a0f;box-sizing:border-box;display:flex;gap:12px;padding:10px 12px;position:relative;z-index:80}.topbar-actions{max-width:100%;padding:2px 3px 5px;scroll-behavior:smooth;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.topbar-actions::-webkit-scrollbar{height:4px}.topbar-actions::-webkit-scrollbar-track{background:#0000}.topbar-actions::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.topbar-auth{border-left:1px solid #e2e8f0;padding-left:10px}.toolbar-align-trigger,.topbar-actions>button,.topbar-actions>div>button{border-radius:10px!important;flex:0 0 auto;height:38px!important;min-width:0;padding:0 14px!important;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease;white-space:nowrap}.frames-toolbar-btn,.toolbar-align-trigger,.topbar-actions>button:not(.danger):not(.toolbar-primary-action):not(.toolbar-dark-action){background:#fff;border:1px solid #d7e0ec;box-shadow:0 1px 2px #0f172a08;color:#172033}.topbar-actions>button:not(:disabled):hover,.topbar-actions>div>button:not(:disabled):hover{box-shadow:0 5px 12px #0f172a14;transform:translateY(-1px)}.social-creator-control select:focus-visible,.topbar-actions button:focus-visible{outline:3px solid #2563eb33;outline-offset:2px}.topbar-actions button:disabled{box-shadow:none;cursor:not-allowed;opacity:.42}.toolbar-dark-action,.toolbar-primary-action{background:#111827;border:1px solid #111827!important;box-shadow:0 4px 10px #0f172a1f;color:#fff;min-width:104px!important}.toolbar-dark-action:hover,.toolbar-primary-action:hover{background:#1e293b!important;border-color:#1e293b!important}.topbar-actions .danger{background:#fff1f2;border:1px solid #fecdd3;box-shadow:none;color:#be123c;font-weight:850}.topbar-actions .danger:hover{background:#ffe4e6;border-color:#fda4af}.topbar-separator{background:#dbe3ee;flex:0 0 auto;height:28px;margin:0 3px}.history-stack-counter{background:#f8fafc;border-color:#dbe3ee;box-sizing:border-box;color:#475569;flex:0 0 auto;height:30px;padding:0 10px}.frames-toolbar-btn{border-radius:10px!important;font-size:12px;height:38px!important;padding:0 14px!important}.social-creator-control{background:#fff8f1;border-color:#fed7aa;border-radius:11px;box-sizing:border-box;flex:0 0 auto;height:40px;min-width:246px;padding:4px 5px 4px 11px}.social-creator-label{color:#9a3412;letter-spacing:.02em;text-transform:uppercase}.social-creator-control select{background:#fff;border-color:#fed7aa;cursor:pointer;height:30px;min-width:142px}.align-menu-wrap,.export-menu-wrap,.grid-menu-wrap,.save-menu-wrap{flex:0 0 auto}.align-dropdown,.export-dropdown,.grid-dropdown,.save-dropdown{border:1px solid #e2e8f0;box-shadow:0 20px 50px #0f172a29;margin-top:5px}@media (max-width:1450px){.topbar{gap:8px;padding-inline:9px}.topbar-auth .profile-trigger{min-width:0;padding:0 5px!important;width:44px}.topbar-auth .profile-caret,.topbar-auth .profile-email,.topbar-auth .topbar-free-pill,.topbar-auth .topbar-pro-pill{display:none}}@media (max-width:1180px){.social-creator-control{min-width:188px}.history-stack-counter span+span:before,.history-stack-counter span:last-child,.social-creator-label{display:none}}@media (max-width:820px){.topbar{border-radius:12px;height:58px;padding:7px}.topbar-auth{display:none}.toolbar-align-trigger,.topbar-actions>button,.topbar-actions>div>button{height:36px!important;padding-inline:12px!important}.social-creator-control{height:38px}}.topbar{min-width:0}.toolbar-clear-action{background:#fff7f8!important;border:1px solid #fecdd3!important;color:#9f1239!important;font-weight:800}.toolbar-clear-action:hover{background:#ffe4e6!important}.presentation-cluster{align-items:center;background:linear-gradient(180deg,#fffdf8,#f9f4e8);border:1px solid #c6a15b6b;border-radius:14px;box-shadow:0 8px 24px #55401e14;display:inline-flex;flex:0 0 auto;gap:4px;padding:4px}.presentation-cluster button{border:0;border-radius:9px!important;height:32px!important;padding:0!important}.presentation-step{background:#0000;color:#76613a;font-family:Georgia,serif;font-size:22px;line-height:1}.presentation-step:hover:not(:disabled){background:#c6a15b24}.presentation-play{align-items:center;background:linear-gradient(135deg,#171717,#2b251c);box-shadow:0 8px 18px #1717172e;color:#fff;display:inline-flex;font-weight:850;gap:8px;justify-content:center;letter-spacing:-.01em;min-width:112px;padding:0 15px!important}.presentation-play:hover:not(:disabled){background:linear-gradient(135deg,#292524,#443720);transform:translateY(-1px)}.presentation-play-icon{color:#e5c989;font-size:11px}.presentation-count{border:1px solid #c6a15b59!important;color:#5f4a26;font-size:12px;font-weight:900;min-width:46px;padding:0 9px!important}.presentation-count span{color:#b09a72;margin:0 3px}@media (max-width:1280px){.presentation-play{min-width:92px;padding:0 11px!important}.presentation-count{min-width:42px}}.toolbar-dark-action,.toolbar-primary-action{background:#fff!important;border:1px solid #dbe3ee!important;box-shadow:0 4px 12px #0f172a0f!important;color:#172033!important}.toolbar-dark-action:hover,.toolbar-primary-action:hover{background:#f8fafc!important;border-color:#c8d2df!important;color:#0f172a!important}.presentation-cluster{background:#fff;border-color:#e6dcc7;box-shadow:0 8px 22px #372b1412}.presentation-step{color:#8a6f3d}.presentation-step:hover:not(:disabled){background:#faf6ec}.presentation-play{background:linear-gradient(180deg,#fffefb,#f7efdc);border:1px solid #d7bf87!important;box-shadow:0 7px 16px #76561f1a;color:#5c4520}.presentation-play:hover:not(:disabled){background:linear-gradient(180deg,#fffdf7,#f2e4c2);border-color:#c7a75f!important}.presentation-play-icon{color:#a77a2f}.presentation-count{background:#fff;border-color:#e3d5b5!important;color:#6b542d}.legal-floating-menu-wrap{display:none!important}.topbar{background:#fffffff5;border:1px solid #e5e9f0;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.055);display:flex!important;gap:10px;height:64px;padding:8px 10px;width:100%}.topbar,.topbar-actions{align-items:center;overflow:visible}.topbar-actions{display:flex;flex:1 1 auto;gap:7px;white-space:nowrap}.topbar-auth{border-left:1px solid #edf0f4;flex:0 0 auto;margin-left:auto;padding-left:8px}.login-btn,.logout-btn,.topbar button{border-radius:11px;font-size:13px;font-weight:750;height:40px;padding:0 13px}.toolbar-align-trigger,.toolbar-dark-action,.toolbar-primary-action,.topbar-actions>button:not(.toolbar-clear-action){background:#fff!important;border:1px solid #dce3ec!important;box-shadow:none!important;color:#172033!important}.toolbar-align-trigger:hover,.toolbar-dark-action:hover,.toolbar-primary-action:hover,.topbar-actions>button:hover:not(:disabled){background:#f8fafc!important;border-color:#cbd5e1!important}.topbar-separator{background:#e6eaf0;height:24px;margin:0 1px}.presentation-cluster{background:#fffdfa;border:1px solid #eadfc7;border-radius:13px;box-shadow:none;gap:2px;height:42px;padding:3px}.presentation-cluster button{height:34px!important}.presentation-step{background:#0000!important;border:0!important;color:#806a3f;font-size:20px!important;min-width:30px;width:30px}.presentation-play{background:#fbf5e8!important;border:1px solid #dcc58f!important;box-shadow:none!important;color:#5f4a25!important;gap:7px;min-width:92px;padding:0 13px!important}.presentation-play:hover:not(:disabled){background:#f7ecd3!important;border-color:#cbae68!important;transform:none}.presentation-count{background:#fff!important;border:1px solid #e4d8bd!important;color:#6b5730!important;min-width:42px}.toolbar-clear-action{background:#fff8f9!important;border:1px solid #f2cbd2!important;color:#b4233a!important}.toolbar-align-trigger,.toolbar-dark-action,.toolbar-primary-action{min-width:88px!important}.social-creator-control{background:#fffaf2;border:1px solid #ead4ae;border-radius:12px;box-shadow:none;height:42px;max-width:270px;min-width:235px;padding:4px 5px 4px 10px}.social-creator-label{font-size:10px;letter-spacing:.035em}.social-creator-control select{border-radius:9px;font-size:12px;height:32px;min-width:128px}.profile-trigger{border-color:#dce3ec;box-shadow:none;height:42px!important;min-width:44px!important;padding:4px!important;width:44px}.profile-trigger .profile-caret,.profile-trigger .profile-email,.profile-trigger .topbar-free-pill,.profile-trigger .topbar-pro-pill{display:none!important}.profile-avatar{height:32px;width:32px}.topbar-announcement{display:none}@media (max-width:1380px){.topbar{gap:7px;padding-inline:8px}.topbar-actions{gap:5px}.topbar button{padding-inline:10px}.toolbar-align-trigger,.toolbar-dark-action,.toolbar-primary-action{min-width:76px!important}.social-creator-control{max-width:225px;min-width:205px}.social-creator-label{display:none}.presentation-play{min-width:82px;padding-inline:10px!important}}@media (max-width:1120px){.topbar-actions{overflow-x:auto;overflow-y:visible;scrollbar-width:none}.topbar-actions::-webkit-scrollbar{display:none}.topbar-auth{display:none}}.topbar-auth.logged-out{align-items:center;background:#fff;border-left:1px solid #e7eaf0;display:inline-flex;flex:0 0 auto;gap:8px;min-width:-webkit-max-content;min-width:max-content}.topbar-auth.logged-out .login-btn{border-radius:12px;min-width:78px;padding:0 16px;white-space:nowrap}.topbar-auth.logged-out .login-btn:last-child{background:#2f6fed;border-color:#2f6fed;color:#fff;min-width:104px}@media (max-width:1180px){.topbar-auth.logged-out .login-btn:first-child{display:none}.topbar-auth.logged-out .login-btn:last-child{min-width:92px}}.export-dropdown.export-dropdown-wide{left:auto;max-height:min(72vh,680px);overflow-y:auto;overscroll-behavior:contain;padding:10px;right:0;width:min(320px,calc(100vw - 24px))}.export-dropdown-section-title{color:#8b6b2a;font-size:11px;font-weight:900;letter-spacing:.05em;padding:6px 10px 8px;text-transform:uppercase}.export-dropdown-divider{background:#edf0f4;height:1px;margin:8px 6px}.export-print-btn{background:#fffaf0!important;border:1px solid #d8b66a!important;color:#6f561f!important}.export-advanced-section{border-top:1px solid #edf0f4;margin-top:8px;padding-top:8px}.export-advanced-section>summary{border-radius:10px;color:#334155;cursor:pointer;font-size:13px;font-weight:850;list-style:none;padding:10px 12px}.export-advanced-section>summary::-webkit-details-marker{display:none}.export-advanced-section>summary:hover{background:#f8fafc}.export-advanced-section[open]>summary{background:#fffaf0;color:#6f561f}.export-dropdown .export-video-box{margin-top:8px}.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto}.topbar-actions{min-width:0;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.topbar-actions::-webkit-scrollbar{display:none}.topbar-auth.logged-out{background:#fffffff5;flex:none;gap:7px;min-width:auto;padding-left:10px;position:relative;z-index:6}.topbar-auth.logged-out .login-btn{background:#fff;border:1px solid #d9e1eb;border-radius:11px;box-shadow:none;color:#263247;font-size:12px;font-weight:850;height:40px;min-width:76px;padding:0 15px}.topbar-auth.logged-out .login-btn:hover{background:#fffdf8;border-color:#c8a85d;color:#654f24}.topbar-auth.logged-out .login-btn:last-child{background:#fff8e9;border-color:#c8a85d;box-shadow:0 8px 18px #89671c1a;color:#6d531e;min-width:96px}.topbar-auth.logged-out .login-btn:last-child:hover{background:#f8edd4;border-color:#b99542}@media (max-width:1320px){.topbar-auth.logged-out .login-btn:first-child{display:none}.topbar-auth.logged-out .login-btn:last-child{min-width:88px}}@media (max-width:1120px){.topbar-auth.logged-out{display:inline-flex!important}}.export-menu-wrap{position:relative;z-index:10020}.export-dropdown.export-dropdown-wide{left:auto!important;max-height:calc(100vh - 94px);pointer-events:auto!important;position:fixed!important;right:84px!important;top:78px!important;width:min(330px,calc(100vw - 24px));z-index:1000000!important}.export-dropdown.export-dropdown-wide button,.export-dropdown.export-dropdown-wide input,.export-dropdown.export-dropdown-wide select,.export-dropdown.export-dropdown-wide summary{pointer-events:auto}@media (max-width:900px){.export-dropdown.export-dropdown-wide{right:12px!important;top:72px!important}}.topbar,.topbar-actions{overflow:visible!important}.topbar-actions{position:relative}.export-menu-wrap,.grid-menu-wrap,.save-menu-wrap,.topbar-actions .export-menu-wrap{position:relative;z-index:10030}.grid-dropdown,.save-dropdown,.topbar-actions .export-dropdown{pointer-events:auto!important;z-index:1000001!important}.save-dropdown{left:0;right:auto}.grid-dropdown{left:auto;right:0}.grid-dropdown button,.grid-dropdown input,.grid-dropdown select,.save-dropdown button,.save-dropdown input{pointer-events:auto!important}.topbar-actions .export-menu-wrap .export-dropdown:not(.export-dropdown-wide){left:0;max-height:min(70vh,560px);overflow-y:auto;position:absolute;right:auto;top:46px}@media (min-width:1101px){.topbar-actions{overflow-x:visible!important;overflow-y:visible!important}}.legacy-toolbar-menu{display:none!important}.file-native-menu-wrap,.new-native-menu-wrap{flex:0 0 auto;position:relative}.native-menu-trigger{align-items:center;background:#fffaf0;border:1px solid #d7b56a;border-radius:11px;color:#5f491d;display:inline-flex;font-weight:850;gap:8px;height:40px;justify-content:center;min-width:68px;padding:0 14px}.native-new-trigger{background:#fff;border-color:#d8e0ea;color:#1f2937}.native-file-menu{background:#fffffffc;border:1px solid #dfe4eb;border-radius:12px;box-shadow:0 22px 55px #0f172a2e;left:0;padding:7px;position:absolute;top:calc(100% + 8px);width:250px;z-index:1000002}.native-file-menu button{align-items:center;background:#0000;border:0;border-radius:8px;color:#1f2937;display:flex;font-size:13px;font-weight:700;gap:16px;justify-content:space-between;min-height:36px;padding:7px 10px;text-align:left;white-space:nowrap;width:100%}.native-file-menu button:hover{background:#f3f6fa}.native-file-menu kbd{color:#98a2b3;font:600 11px/1 system-ui}.native-menu-divider{background:#e9edf2;height:1px;margin:6px 5px}.native-submenu-row{position:relative}.native-submenu{background:#fff;border:1px solid #dfe4eb;border-radius:12px;box-shadow:0 22px 55px #0f172a2e;display:none;left:calc(100% - 3px);max-height:70vh;padding:7px;position:absolute;top:-7px;width:230px}.native-submenu-row:focus-within>.native-submenu,.native-submenu-row:hover>.native-submenu{display:block}.submenu-arrow{color:#98a2b3;font-size:18px;line-height:1}.native-pro-badge{background:#fff9ea;border:1px solid #d7b56a;border-radius:999px;color:#795b1b;font-size:9px;font-weight:900;margin-left:auto;padding:2px 5px}.native-new-menu{width:220px}@media (max-width:900px){.native-file-menu{left:12px;position:fixed;top:72px}.native-submenu{left:274px;position:fixed;top:72px}}.creator-toolbar-control{align-items:center;background:#fff;border:1px solid #dfe4ec;border-radius:12px;box-shadow:0 4px 12px rgba(15,23,42,.035);display:inline-flex;flex:0 1 auto;gap:7px;height:40px;max-width:254px;min-width:188px;padding:0 8px 0 11px}.creator-toolbar-control:focus-within,.creator-toolbar-control:hover{background:#fffdf8;border-color:#d8b66a;box-shadow:0 0 0 3px #d8b66a1f}.creator-toolbar-control.active{background:#fffaf0;border-color:#d8b66a}.creator-toolbar-icon{color:#a77820;flex:0 0 auto;font-size:13px;line-height:1}.creator-toolbar-control select{background:#0000;border:0;color:#243044;cursor:pointer;font-size:12px;font-weight:800;height:36px;min-width:0;outline:0;width:100%}.toolbar-focus-button{align-items:center;background:#fff!important;border:1px solid #dfe4ec!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(15,23,42,.035);color:#243044!important;display:inline-flex!important;font-size:12px;font-weight:850;gap:7px;height:40px!important;justify-content:center;padding:0 13px!important;white-space:nowrap}.toolbar-focus-button:hover{background:#fffdf8!important;border-color:#d8b66a!important;color:#6d531f!important}@media (max-width:1180px){.creator-toolbar-control{max-width:190px;min-width:150px}.toolbar-focus-button span:last-child{display:none}.toolbar-focus-button{padding:0!important;width:40px}}.toolbar-save-status{align-items:center;background:#f8fafc;border:1px solid #dbe4ef;border-radius:10px;color:#475569;display:inline-flex;font-size:12px;font-weight:700;gap:6px;max-width:190px;min-height:36px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.toolbar-save-status.saving span:first-child{animation:sketchydraw-save-spin .9s linear infinite}.toolbar-save-status.saved{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.toolbar-save-status.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}@keyframes sketchydraw-save-spin{to{transform:rotate(1turn)}}.topbar-save-actions{display:inline-flex;gap:4px}.topbar-save-actions button{font-size:12px;font-weight:700;min-height:36px;padding:0 10px}.topbar-save-actions button:first-child{background:#fffaf0;border-color:#d6a23c}.toolbar-save-status.saved{animation:sketchydraw-autosaved-blink 1.1s ease both}@keyframes sketchydraw-autosaved-blink{0%{opacity:0;transform:translateY(-3px)}30%,75%{opacity:1;transform:translateY(0)}to{opacity:.72}}.native-file-menu{max-height:calc(100vh - 96px)}.native-file-menu,.native-submenu{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.native-submenu{max-height:calc(100vh - 112px)}.native-export-submenu{bottom:auto;left:min(calc(100vw - 286px),52vw);left:min(calc(100vw - 286px),var(--sketchydraw-export-menu-left,52vw));max-height:calc(100vh - 156px);position:fixed;top:76px;width:270px;z-index:1000005}.native-export-submenu:after{content:"";display:block;height:8px}@media (max-width:900px){.native-export-submenu{left:auto;max-height:calc(100vh - 96px);right:12px;top:72px}}.sketchy-login-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a7a;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.sketchy-login-modal{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 32px 90px #0f172a47;max-height:calc(100vh - 40px);overflow-y:auto;padding:26px;position:relative;width:min(440px,calc(100vw - 32px))}.sketchy-login-close{background:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#0f172a;cursor:pointer;font-size:24px;height:38px;line-height:1;position:absolute;right:14px;top:14px;width:38px}.sketchy-login-close:hover{background:#f8fafc}.sketchy-login-close:disabled{cursor:not-allowed;opacity:.5}.sketchy-login-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:20px;padding-right:38px}.sketchy-login-logo{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:18px;box-shadow:0 14px 34px #2563eb47;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:950;height:54px;justify-content:center;width:54px}.sketchy-login-header span{color:#2563eb;display:inline-flex;font-size:11px;font-weight:950;letter-spacing:.14em;margin-bottom:5px;text-transform:uppercase}.sketchy-login-header h2{color:#0f172a;font-size:25px;letter-spacing:-.04em;line-height:1.12;margin:0}.sketchy-login-header p{color:#64748b;font-size:14px;line-height:1.45;margin:8px 0 0}.google-login-wrap{display:flex;justify-content:center;margin:16px 0}.login-divider{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:800;gap:12px;margin:12px 0 16px;width:100%}.login-divider:after,.login-divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.login-divider span{white-space:nowrap}.sketchy-login-form{display:flex;flex-direction:column;gap:14px}.sketchy-login-form label{display:flex;flex-direction:column;gap:7px}.sketchy-login-form label span{color:#334155;font-size:13px;font-weight:850}.sketchy-login-form input{background:#fff;border:1px solid #cbd5e1;border-radius:15px;box-sizing:border-box;color:#0f172a;font-size:14px;outline:none;padding:12px 14px;width:100%}.sketchy-login-form input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.sketchy-login-message{border-radius:14px;font-size:13px;font-weight:800;line-height:1.35;padding:11px 13px}.sketchy-login-message.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.sketchy-login-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.sketchy-login-primary{background:#2563eb;border:none;border-radius:15px;box-shadow:0 14px 28px #2563eb38;color:#fff;cursor:pointer;font-size:14px;font-weight:950;height:46px;width:100%}.sketchy-login-primary:hover{background:#1d4ed8}.sketchy-login-primary:disabled{cursor:not-allowed;opacity:.65}.sketchy-login-footer{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:9px;justify-content:center;margin-top:16px}.resend-verification-btn,.sketchy-login-footer button{background:#0000;border:none;color:#2563eb;cursor:pointer;font-size:13px;font-weight:850;padding:0}.resend-verification-btn:hover,.sketchy-login-footer button:hover{text-decoration:underline}.resend-verification-btn:disabled,.sketchy-login-footer button:disabled{cursor:not-allowed;opacity:.55;text-decoration:none}.resend-verification-btn{color:#64748b;display:block;margin:12px auto 0}@media (max-width:520px){.sketchy-login-modal{border-radius:22px;padding:22px}.sketchy-login-header{gap:12px}.sketchy-login-logo{border-radius:16px;height:48px;width:48px}.sketchy-login-header h2{font-size:22px}}.sub-popup-backdrop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a61;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:1000000}.sub-popup{background:#fffefa;border:1px solid #e7e1d6;border-radius:24px;box-shadow:0 30px 90px #0f172a3d;box-sizing:border-box;color:#172033;max-height:min(88vh,820px);overflow-y:auto;overscroll-behavior:contain;padding:30px;position:relative;width:min(760px,calc(100vw - 32px))}.sub-popup-close{background:#fff;border:1px solid #dde3eb;border-radius:50%;color:#344054;cursor:pointer;display:grid;font-size:22px;height:36px;line-height:1;padding:0;place-items:center;position:absolute;right:18px;top:18px;width:36px}.sub-popup-close:hover{background:#f8fafc;border-color:#cbd5e1}.sub-popup-badge{background:#fff8e8;border:1px solid #ddc486;border-radius:999px;color:#765817;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:12px;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.sub-popup-badge.active{background:#effbf2;border-color:#a7d7b5;color:#18733a}.sub-popup h2{color:#111827;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1.08;margin:0;max-width:620px}.sub-popup-subtitle{color:#667085;font-size:14px;line-height:1.6;margin:12px 0 22px;max-width:620px}.sub-plan-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.sub-plan-card{align-items:flex-start;background:#fff;border:1px solid #e2e7ee;border-radius:16px;color:#172033;cursor:pointer;display:flex;gap:16px;justify-content:space-between;min-height:104px;padding:16px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sub-plan-card:hover:not(:disabled){border-color:#d7ba72;box-shadow:0 12px 24px #0f172a12;transform:translateY(-1px)}.sub-plan-card.active{background:#fffaf0;border-color:#c7a454;box-shadow:0 0 0 2px #c7a45424}.sub-plan-card>div:first-child{display:flex;flex-direction:column;gap:6px;min-width:0}.sub-plan-card strong{color:#111827;font-size:14px}.sub-plan-card span{color:#667085;font-size:12px;line-height:1.45}.sub-plan-price{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:3px}.sub-plan-price b{color:#111827;font-size:18px;white-space:nowrap}.sub-plan-price em{color:#8a6b28;font-size:11px;font-style:normal;font-weight:800;white-space:nowrap}.sub-popup-features{grid-gap:9px 18px;background:#fbfaf7;border:1px solid #ebe6dc;border-radius:16px;color:#344054;display:grid;font-size:13px;font-weight:700;gap:9px 18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0;padding:18px}.sub-popup-active-card,.sub-popup-message{background:#f8fafc;border:1px solid #dde5ef;border-radius:13px;color:#475467;font-size:13px;margin:14px 0;padding:13px 15px}.sub-popup-active-card{background:#f1fbf4;border-color:#b9dfc3;color:#176b35;display:flex;flex-direction:column;gap:5px}.sub-popup-active-card em{font-style:normal;font-weight:800}.sub-popup-primary,.sub-popup-secondary{border-radius:13px;cursor:pointer;font-size:14px;font-weight:850;height:46px;padding:0 18px}.sub-popup-primary{background:#c6a557;border:1px solid #c6a557;box-shadow:0 10px 22px #946f1f2e;color:#fff;min-width:180px}.sub-popup-primary:hover:not(:disabled){background:#b69343;border-color:#b69343}.sub-popup-primary:disabled{cursor:not-allowed;opacity:.55}.sub-popup-secondary{background:#fff;border:1px solid #dbe2ea;color:#344054;margin-left:8px}.sub-popup-secondary:hover{background:#f8fafc}@media (max-width:720px){.sub-popup-backdrop{align-items:end;padding:12px}.sub-popup{border-radius:22px 22px 16px 16px;max-height:92vh;padding:24px 18px 20px;width:100%}.sub-plan-list,.sub-popup-features{grid-template-columns:1fr}.sub-plan-card{min-height:92px}.sub-popup-primary,.sub-popup-secondary{margin:8px 0 0;width:100%}}.properties-panel{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0f172a14;padding:14px}.properties-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.properties-header h3{color:#111827;margin:0}.properties-header p{color:#64748b;font-size:12px;margin:4px 0 0}.empty-properties{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:13px;padding:12px}.property-section{margin-top:12px}.property-section label{color:#334155;display:block;font-size:12px;font-weight:800;margin-bottom:7px}.property-section select{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#111827;font-weight:700;height:36px;padding:0 10px;width:100%}.property-color-row{display:flex;flex-wrap:wrap;gap:8px}.property-color{border:3px solid #fff;border-radius:999px;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer;height:28px;padding:0;width:28px}.property-color.selected{box-shadow:0 0 0 2px #111827}.segmented-row{display:flex;flex-wrap:wrap;gap:7px}.segmented-row button{background:#f8fafc;border:1px solid #d1d5db;border-radius:10px;color:#334155;cursor:pointer;font-size:12px;font-weight:800;padding:7px 9px}.segmented-row button.active{background:#2563eb;border-color:#2563eb;color:#fff}.delete-selected-btn{border-radius:12px;font-weight:800;margin-top:14px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.delete-selected-btn:hover{background:#dc2626;box-shadow:0 8px 18px #ef444440;color:#fff;transform:translateY(-1px)}.delete-selected-btn:active{background:#b91c1c;color:#fff;transform:translateY(0)}.delete-selected-btn:focus{outline:2px solid #ef444459;outline-offset:2px}.delete-selected-btn:disabled{background:#fca5a5;box-shadow:none;color:#fff;cursor:not-allowed;transform:none}.custom-color-row{align-items:center;display:flex;gap:8px}.custom-color-row input[type=color]{cursor:pointer;padding:2px;width:40px}.custom-color-row input[type=color],.custom-color-row input[type=text]{background:#fff;border:1px solid #d1d5db;border-radius:10px;height:34px}.custom-color-row input[type=text]{color:#111827;flex:1 1;font-size:12px;font-weight:700;padding:0 9px}.property-color-row-spaced{margin-top:10px}.mini-action-btn{background:#f8fafc;border:1px solid #d1d5db;border-radius:10px;color:#334155;cursor:pointer;font-size:12px;font-weight:800;height:34px;padding:0 10px}.mini-action-btn:hover{background:#e2e8f0;color:#111827}.custom-font-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;color:#111827;font-size:12px;font-weight:700;height:34px;margin-top:8px;padding:0 10px;width:100%}.custom-font-size-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:8px;margin-top:9px;padding:8px}.custom-font-size-row em,.custom-font-size-row span{color:#475569;font-size:12px;font-style:normal;font-weight:800}.custom-font-size-row input{background:#fff;border:1px solid #d1d5db;border-radius:9px;color:#111827;font-size:12px;font-weight:800;height:30px;padding:0 8px;width:72px}.animation-property-section{background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;padding:10px}.animation-property-section>label{color:#1e3a8a}.animation-settings-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:8px}.animation-settings-grid label{grid-gap:5px;display:grid;gap:5px;margin:0}.animation-settings-grid span{color:#475569;font-size:11px;font-weight:900}.animation-helper-text{color:#475569;font-size:11px;font-weight:750;line-height:1.35;margin:8px 0 0}.animation-section-heading{gap:12px;margin-bottom:10px}.animation-section-heading label{display:block;margin:0}.animation-section-heading small{color:#64748b;font-size:11px;line-height:1.35;margin-top:4px}.animation-section-heading strong{background:#eff6ff;border-radius:999px;color:#1d4ed8;font-size:11px;padding:5px 8px;white-space:nowrap}.animation-timing-preview{align-items:stretch;background:#e2e8f0;border-radius:999px;display:flex;height:10px;margin-top:10px;overflow:hidden}.animation-timing-preview span{background:#0000;flex:0 0 auto}.animation-timing-preview b{background:linear-gradient(90deg,#60a5fa,#7c3aed);border-radius:999px;display:block;min-width:10px}.properties-panel{background:linear-gradient(180deg,#fff,#fdfcf9);border-radius:18px;box-shadow:0 10px 28px #0f172a0f}.properties-header{border-bottom:1px solid #eeeae2;margin-bottom:8px;padding-bottom:10px}.properties-header h3{font-size:15px;letter-spacing:-.02em}.properties-header p{color:#7b8492;font-size:11px;font-weight:700}.properties-mode-tabs{background:#f7f5ef;border:1px solid #e7e3da;margin:4px 0 10px}.properties-mode-tabs button{border-radius:10px;color:#697386;cursor:pointer;font-size:11.5px;font-weight:900}.properties-mode-tabs button.active{box-shadow:0 5px 14px #70531c14;color:#6c521e}.properties-mode-tabs button:disabled{opacity:.48}.properties-tab-content{min-width:0}.animation-property-section{background:linear-gradient(180deg,#fffdf8,#fff9ed);border-color:#ead9ae;margin-top:4px;padding:12px}.animation-property-section>label,.animation-section-heading label{color:#5f4819}.animation-section-heading strong{background:#fff;border:1px solid #ead9ae;color:#76591c}.segmented-row button.active{background:#2f6fed;border-color:#2f6fed}.properties-panel{background:linear-gradient(180deg,#fff,#fffefa);border:1px solid #e8e4dc;box-shadow:0 10px 28px #0f172a12}.properties-mode-tabs{grid-gap:5px;background:#f7f5f0;border:1px solid #e9e5dc;border-radius:13px;display:grid;gap:5px;grid-template-columns:1fr 1fr;margin:0 0 12px;padding:4px}.properties-mode-tabs button{background:#0000;border:1px solid #0000;border-radius:9px;color:#687284;font-size:12px;font-weight:850;height:34px}.properties-mode-tabs button.active{background:#fff;border-color:#d8b66a;box-shadow:0 4px 12px #7e5e1f1f;color:#201b12}.properties-mode-tabs button:disabled{cursor:not-allowed;opacity:.42}.animation-inspector{display:flex;flex-direction:column;gap:10px}.animation-card{background:#fff;border:1px solid #e6e1d7;border-radius:14px;padding:12px}.animation-card-hero{background:linear-gradient(145deg,#fffdf8,#fff);border-color:#e3c980}.animation-section-heading{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.animation-section-heading label{color:#1f2937;font-size:13px;margin:2px 0 3px}.animation-section-heading small{color:#7b8492;display:block;font-size:10px;line-height:1.4}.animation-section-heading>strong{background:#fff8e8;border-radius:8px;color:#795b1d;flex:0 0 auto;font-size:10px;padding:5px 7px}.animation-eyebrow{color:#997321;display:block;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.animation-card-title{margin-bottom:10px}.animation-card-title strong{color:#1f2937;display:block;font-size:12px}.animation-card-title span{color:#7b8492;display:block;font-size:10px;line-height:1.35;margin-top:3px}.animation-field{display:block;margin:0}.animation-field>span{color:#566173;display:block;font-size:10px;font-weight:850;margin-bottom:5px}.animation-field input,.animation-field select{box-sizing:border-box;width:100%}.animation-number-input{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:10px;display:flex;overflow:hidden}.animation-number-input input{border:0!important;border-radius:0!important;height:34px;outline:none;padding:0 8px}.animation-number-input em{color:#8490a0;font-size:10px;font-style:normal;font-weight:800;padding:0 8px}.animation-preset-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-top:9px}.animation-preset-row button{background:#faf9f6;border:1px solid #e1ddd5;border-radius:9px;color:#505a69;font-size:10px;font-weight:800;height:31px}.animation-preset-row button:hover{background:#fffaf0;border-color:#d8b66a;color:#71551c}.animation-help-note{background:#f8fafc;border-radius:10px;color:#687284;margin-top:10px;padding:9px}.animation-help-note span,.animation-help-note strong{display:block;font-size:10px;line-height:1.4}.animation-help-note strong{color:#3e4857;margin-bottom:2px}.photo-adjust-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:74px 1fr 46px;margin:9px 0}.photo-adjust-row span{color:#475569;font-size:12px}.photo-adjust-row em{color:#64748b;font-size:11px;font-style:normal;text-align:right}.photo-adjust-row input{width:100%}.wrap-row{flex-wrap:wrap}.animation-selected-object{align-items:center;background:#f8fafc;border:1px solid #dbe3ee;border-radius:13px;display:flex;gap:10px;padding:10px}.animation-selected-object>div:last-child{min-width:0}.animation-selected-object span{color:#64748b;display:block;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.animation-selected-object strong{color:#172033;display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animation-selected-object small{color:#8490a0;display:block;font-size:9px;margin-top:2px}.object-diagram{align-items:center;background:#fff;border:2px solid #334155;border-radius:7px;box-sizing:border-box;display:inline-flex;flex:0 0 46px;height:34px;justify-content:center;position:relative;width:46px}.object-diagram.compact{border-radius:5px;border-width:1.5px;flex-basis:30px;height:22px;width:30px}.object-diagram-text{flex-direction:column;gap:3px;padding:6px}.object-diagram-text i{background:#475569;border-radius:99px;display:block;height:2px;width:100%}.object-diagram-text i:last-child{align-self:flex-start;width:68%}.object-diagram-ellipse{border-radius:50%}.object-diagram-diamond{border-radius:4px;height:29px;transform:rotate(45deg);width:29px}.object-diagram-arrow,.object-diagram-line,.object-diagram-pencil{background:#0000;border:0}.object-diagram-arrow i,.object-diagram-line i,.object-diagram-pencil i{background:#334155;display:block;height:2px;transform:rotate(-12deg);width:42px}.object-diagram-arrow i:after{border-right:2px solid #334155;border-top:2px solid #334155;content:"";height:7px;position:absolute;right:1px;top:12px;transform:rotate(33deg);width:7px}.object-diagram-user{background:#0000;border:0}.object-diagram-user .head{border:2px solid #334155;border-radius:50%;height:12px;position:absolute;top:3px;width:12px}.object-diagram-user .body{border:2px solid #334155;border-bottom:0;border-radius:18px 18px 0 0;bottom:2px;height:14px;position:absolute;width:25px}.object-diagram-image .sun{border:1.5px solid #334155;border-radius:50%;height:6px;position:absolute;right:6px;top:5px;width:6px}.object-diagram-image .mountain{background:#64748b;bottom:5px;-webkit-clip-path:polygon(0 100%,38% 25%,55% 65%,72% 42%,100% 100%);clip-path:polygon(0 100%,38% 25%,55% 65%,72% 42%,100% 100%);height:15px;left:7px;position:absolute;width:27px}.object-diagram i:not(.sun):not(.mountain):not(.head):not(.body){font-style:normal}.object-diagram b{color:#334155;font-size:9px}.animation-group-label{align-items:center;display:flex;gap:9px;padding:2px}.animation-group-label>span{background:#1d4ed8;border-radius:50%;color:#fff;display:grid;font-size:11px;font-weight:900;height:23px;place-items:center;width:23px}.animation-group-label small,.animation-group-label strong{display:block}.animation-group-label strong{color:#172033;font-size:12px}.animation-group-label small{color:#7b8492;font-size:9px;margin-top:1px}.animation-group-label.frame-level>span{background:#7c3aed}.animation-effect-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.animation-effect-grid button{background:#fff;border:1px solid #e1ddd5;border-radius:10px;color:#475569;min-width:0;padding:8px 6px}.animation-effect-grid button.active{background:#fff8e7;border-color:#d3a941;box-shadow:0 0 0 2px #d3a94121}.animation-effect-grid b{display:block;font-size:10px;margin-top:5px}.effect-preview{align-items:center;display:flex;height:28px;justify-content:center}.animation-start-rule-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.animation-start-rule-grid button{background:#f8fafc;border:1px solid #e2e6ed;border-radius:10px;padding:8px 4px}.animation-start-rule-grid button.active{background:#eff6ff;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1f}.animation-start-rule-grid small,.animation-start-rule-grid strong{display:block}.animation-start-rule-grid strong{color:#334155;font-size:9px;margin-top:4px}.animation-start-rule-grid small{color:#8490a0;font-size:8px;line-height:1.2;margin-top:2px}.start-rule-icon{display:block;height:15px;margin:auto;position:relative;width:34px}.start-rule-icon:after,.start-rule-icon:before{border:2px solid #64748b;border-radius:3px;content:"";height:9px;position:absolute;top:3px;width:9px}.start-rule-icon:before{left:0}.start-rule-icon:after{right:0}.start-rule-icon.afterEnd{border-bottom:2px solid #60a5fa}.start-rule-icon.afterStart:after,.start-rule-icon.afterStart:before{top:3px}.start-rule-icon.absolute:after{border-radius:50%}.dependency-picker{border-top:1px dashed #d8dee8;margin-top:10px;padding-top:10px}.dependency-picker-title{color:#566173;display:block;font-size:10px;font-weight:900;margin-bottom:7px}.dependency-object-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:190px;overflow:auto}.dependency-object-grid button{align-items:center;background:#fff;border:1px solid #e2e6ed;border-radius:10px;display:flex;gap:7px;min-width:0;padding:7px;position:relative;text-align:left}.dependency-object-grid button.active{background:#eff6ff;border-color:#60a5fa}.dependency-object-grid button>span{color:#475569;font-size:9px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dependency-object-grid button>b{color:#2563eb;position:absolute;right:5px;top:4px}.visibility-choice-grid{grid-gap:7px;display:grid;gap:7px}.visibility-choice-grid>button{grid-column-gap:9px;align-items:center;background:#fff;border:1px solid #e2e6ed;border-radius:11px;column-gap:9px;display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto;padding:8px;text-align:left}.visibility-choice-grid>button.active{background:#f5f3ff;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61c}.visibility-choice-grid>button>span{grid-row:1/3}.visibility-choice-grid strong{align-self:end;color:#334155;font-size:10px}.visibility-choice-grid small{align-self:start;color:#8490a0;font-size:8px;margin-top:2px}.visibility-diagram{align-items:center;display:flex;justify-content:space-between;width:72px}.visibility-diagram i{background:#94a3b8;height:2px;position:relative;width:12px}.visibility-diagram i:after{border-right:1px solid #94a3b8;border-top:1px solid #94a3b8;content:"";height:4px;position:absolute;right:0;top:-2px;transform:rotate(45deg);width:4px}.visibility-diagram em{background:repeating-linear-gradient(135deg,#fff,#fff 4px,#f1f5f9 0,#f1f5f9 7px);border:1.5px dashed #cbd5e1;border-radius:5px;display:block;height:22px;width:30px}.sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:14px;height:100vh;max-height:100vh;min-width:280px;overflow-x:hidden;overflow-y:auto;padding-bottom:24px;width:280px}.sidebar-logo-box{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 24px #0f172a14;box-sizing:border-box;display:flex;gap:10px;height:58px;margin:0;padding:10px 14px;width:100%}.sidebar-logo-text{display:flex;flex-direction:column;line-height:1.1}.sidebar-logo-text strong{color:#111827;font-size:15px}.sidebar-logo-text span{color:#6b7280;font-size:11px;margin-top:3px}.left-toolbar-tabs{grid-gap:6px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0f172a0f;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px}.left-toolbar-tabs button{color:#64748b;cursor:pointer;font-size:12px;font-weight:950;height:34px}.left-toolbar-tabs button.active{background:#111827;border-color:#111827;color:#fff}.left-tool-card,.panel{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000f;padding:16px}.panel h3{font-size:16px;margin-bottom:12px;margin-top:0}.tool-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.tool-btn{align-items:center;display:flex;gap:8px;justify-content:flex-start}.tool-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.left-tab-panel{grid-gap:12px;display:grid;gap:12px}.left-tool-card{grid-gap:10px;border:1px solid #e2e8f0;display:grid;gap:10px}.left-card-heading strong{color:#111827;display:block;font-size:14px;font-weight:950}.left-card-heading span{color:#64748b;display:block;font-size:11px;font-weight:800;line-height:1.35;margin-top:4px}.left-tool-grid{grid-gap:8px;display:grid;gap:8px}.left-tool-grid.two{grid-template-columns:1fr 1fr}.left-full-btn,.left-primary-btn,.left-tool-card button{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-size:12px;font-weight:900;min-height:38px;padding:0 10px}.left-full-btn:disabled,.left-tool-card button:disabled{cursor:not-allowed;opacity:.45}.left-full-btn,.left-primary-btn.wide{width:100%}.left-primary-btn{background:#111827!important;border-color:#111827!important;color:#fff!important}.left-primary-btn.blue{background:#2563eb!important;border-color:#2563eb!important}.left-field{grid-gap:6px;color:#475569;display:grid;font-size:11px;font-weight:900;gap:6px;letter-spacing:.04em;text-transform:uppercase}.emoji-input,.left-field input,.left-field select,.left-field textarea{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;color:#0f172a;font-size:13px;font-weight:800;outline:none;padding:0 10px;width:100%}.emoji-input,.left-field input,.left-field select{height:36px}.left-field textarea{line-height:1.4;min-height:92px;padding:10px;resize:vertical}.emoji-grid,.left-primitive-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.left-primitive-btn{align-items:flex-start;display:flex;flex-direction:column;gap:2px;height:58px!important;justify-content:center;text-align:left}.left-primitive-btn strong{color:#111827;font-size:12px;font-weight:950}.left-primitive-btn span{color:#64748b;font-size:10px;font-weight:850}.left-primitive-btn.primary{background:#eff6ff!important;border-color:#93c5fd!important}.left-primitive-btn.primary strong{color:#1d4ed8}.left-primitive-btn.primary span{color:#2563eb}.emoji-grid button{border-radius:12px;font-size:20px;height:38px;padding:0}.emoji-grid button.active{background:#eff6ff;border-color:#2563eb}.rich-toggle-row{display:flex;gap:8px}.rich-toggle-row button{font-size:14px;height:36px;width:40px}.rich-toggle-row button.active{background:#2563eb;border-color:#2563eb;color:#fff}.left-muted-status{color:#64748b;display:block;font-size:12px;font-weight:850}.color-row{display:flex;flex-wrap:wrap;gap:10px}.color-dot{border:3px solid #fff;border-radius:50%;height:34px;padding:0;width:34px}.color-dot.selected{outline:2px solid #0f172a}.text-format-panel{margin-top:12px}.text-format-panel h4{font-size:14px;margin:0 0 10px}.text-format-panel p{color:#334155;font-size:13px;font-weight:700;margin:10px 0 6px}.text-format-row{display:flex;flex-wrap:wrap;gap:8px}.text-format-row button.active{background:#2563eb;border-color:#2563eb;color:#fff}.delete-selected-btn{background:#ef4444;border:0;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-top:12px;padding:10px 12px;width:100%}@media (max-width:900px){.sidebar{min-width:0;width:100%}}.code-illustrator-active{align-items:center;background:#2563eb14;border-radius:12px;color:#1f2937;display:flex;font-size:12px;font-weight:700;gap:8px;padding:10px 12px}.code-illustrator-help{grid-gap:8px;color:#4b5563;display:grid;font-size:12px;gap:8px;line-height:1.45}.code-illustrator-help p{margin:0}.code-illustrator-code-input{background:#0f172a;border-color:#1e293b;color:#e2e8f0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;min-height:190px;resize:vertical}.code-template-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.code-template-grid button{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;cursor:pointer;font-size:12px;font-weight:800;min-height:36px}.code-template-grid button:hover{background:#eff6ff;border-color:#2563eb}.left-system-btn.active{background:#eff6ff!important;border-color:#2563eb!important}.left-system-btn.active strong{color:#1d4ed8}.left-system-btn.active span{color:#2563eb}.frames-studio-panel{padding-bottom:22px}.frames-studio-hero{background:radial-gradient(circle at top right,#e5c98933,#0000 44%),linear-gradient(160deg,#181715,#29251f);border:1px solid #c6a15b59;border-radius:18px;box-shadow:0 16px 34px #18171529;color:#fff;margin:0 6px 14px;padding:18px}.frames-studio-kicker{color:#e5c989;display:block;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:7px;text-transform:uppercase}.frames-studio-hero h3{font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:600;letter-spacing:-.03em;margin:0}.frames-studio-hero p{color:#ffffffb3;font-size:12px;line-height:1.5;margin:8px 0 15px}.frames-studio-present{background:linear-gradient(135deg,#f5e7bd,#c9a65d);border:1px solid #e5c98980;border-radius:12px;color:#241d12;cursor:pointer;font-weight:900;height:40px;width:100%}.frames-studio-present span{font-size:10px;margin-right:7px}.frames-studio-header{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:0 8px 10px}.frames-studio-header>div{grid-gap:2px;display:grid;gap:2px}.frames-studio-header strong{color:#18181b;font-size:13px}.frames-studio-header span{color:#8a7a60;font-size:10px;font-weight:750}.frames-studio-header button{background:#fffdf8;border:1px solid #ddd3bd;border-radius:10px;color:#5f4a26;cursor:pointer;font-weight:850;height:34px;padding:0 13px}.frames-studio-list{grid-gap:8px;display:grid;gap:8px;padding:0 6px}.frames-studio-card{grid-gap:10px;align-items:center;background:#fff;border:1px solid #e8e2d7;border-radius:14px;color:#292524;cursor:pointer;display:grid;gap:10px;grid-template-columns:40px minmax(0,1fr) auto;min-height:64px;padding:9px 34px 9px 9px;position:relative;text-align:left;transition:.15s ease;width:100%}.frames-studio-card:hover{border-color:#ceb77f;box-shadow:0 10px 22px #4f3d1b14;transform:translateY(-1px)}.frames-studio-card.active{background:linear-gradient(135deg,#fffdf8,#fbf3df);border-color:#c6a15b;box-shadow:inset 3px 0 0 #c6a15b,0 10px 24px #7b5b1f1a}.frames-studio-number{align-items:center;background:#f4f1eb;border-radius:11px;color:#8a6d38;display:inline-flex;font-family:Georgia,serif;font-size:14px;font-weight:700;height:38px;justify-content:center;width:38px}.frames-studio-card.active .frames-studio-number{background:#1c1917;color:#e5c989}.frames-studio-card-copy{grid-gap:4px;display:grid;gap:4px;min-width:0}.frames-studio-card-copy small,.frames-studio-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frames-studio-card-copy strong{font-size:12px}.frames-studio-card-copy small{color:#8a8173;font-size:10px;font-weight:700}.frames-studio-current{background:#efe0b8;border-radius:999px;color:#674d1d;font-size:8px;font-weight:950;letter-spacing:.06em;padding:4px 7px;text-transform:uppercase}.frames-studio-delete{align-items:center;border-radius:7px;color:#a8a29e;display:inline-flex;font-size:16px;height:22px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;width:22px}.frames-studio-delete:hover{background:#fff1f2;color:#be123c}.frames-studio-footer{grid-gap:8px;border-top:1px solid #ebe6dc;display:grid;gap:8px;margin:13px 6px 0;padding-top:13px}.frames-studio-footer button{background:#fff;border:1px solid #d8c9a8;border-radius:11px;color:#4d3b1c;cursor:pointer;font-weight:850;height:38px}.frames-studio-footer span{color:#8a8173;font-size:10px;line-height:1.45;text-align:center}.frames-studio-hero{background:radial-gradient(circle at top right,#dbbe7e29,#0000 46%),linear-gradient(160deg,#fff,#fbf8f1);border-color:#e6dcc7;box-shadow:0 14px 30px #3d2f1714;color:#172033}.frames-studio-kicker{color:#a77a2f}.frames-studio-hero p{color:#6b7280}.frames-studio-present{background:linear-gradient(180deg,#fffefb,#f4e8cb);border-color:#d7bf87;box-shadow:0 7px 16px #76561f1a;color:#5c4520}.frames-studio-present:hover{background:linear-gradient(180deg,#fffdf7,#efdfb7)}.frames-studio-card.active .frames-studio-number{background:#fff8e8;border:1px solid #dfc98f;color:#966b24}.left-frames-list{background:#fff;border:1px solid #dfe5ee;border-radius:14px;display:block;margin:12px 0;overflow:hidden}.left-frame-row{align-items:stretch;background:#fff;border-bottom:1px solid #e8edf4;display:grid;grid-template-columns:minmax(0,1fr) 36px;margin:0}.left-frame-row:last-child{border-bottom:0}.left-frame-row.active{background:#fffaf0;box-shadow:inset 3px 0 0 #d6a950}.left-frame-select{grid-gap:8px;align-items:center;background:#0000;border:0;cursor:pointer;display:grid;gap:8px;grid-template-columns:24px minmax(0,1fr);min-height:48px;min-width:0;padding:8px 10px;text-align:left}.left-frame-select:hover{background:#faf8f3}.left-frame-number{color:#8a641f;font-size:12px;font-weight:900}.left-frame-meta{align-items:baseline;display:flex;gap:6px;min-width:0}.left-frame-meta strong{color:#172033;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left-frame-meta small{color:#7b8495;flex:0 0 auto;font-size:10px;font-weight:750}.left-frame-delete{background:#0000;border:0;border-left:1px solid #e8edf4;color:#98a2b3;cursor:pointer;font-size:16px;width:36px}.left-frame-delete:hover:not(:disabled){background:#fff1f2;color:#c2414f}.left-frame-delete:disabled{cursor:not-allowed;opacity:.35}.frames-summary-block{grid-gap:4px;background:#fffdf9;border:1px solid #e8e2d8;border-radius:14px;display:grid;gap:4px;padding:14px}.frames-summary-block strong{color:#172033;font-size:18px;font-weight:950}.frames-summary-block span{color:#667085;font-size:11px;font-weight:750;line-height:1.4}.tab-pro-badge{background:#fff7e6;border:1px solid #e7bd62;border-radius:999px;color:#7b5a16;font-size:8px;font-weight:900;margin-left:4px;padding:1px 4px}.left-toolbar-tabs{background:linear-gradient(180deg,#fff,#fcfbf8);border-radius:17px;box-shadow:0 10px 26px rgba(15,23,42,.055)}.left-toolbar-tabs button{border-radius:12px;color:#667085;font-size:11.5px;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.left-toolbar-tabs button:hover{background:#f7f5ef;color:#263244}.left-toolbar-tabs button.active{background:#fffaf0;border-color:#d7b467;box-shadow:inset 0 0 0 1px #d7b4671f,0 4px 12px #73561e14;color:#6b511e}.left-toolbar-tabs .tab-pro-badge{background:#fffaf0;border:1px solid #d7b467;color:#74571d;font-size:8px;min-width:22px;right:3px;top:-6px}.left-toolbar-tabs{grid-gap:5px;background:linear-gradient(180deg,#fffefb,#f8f6f1);border:1px solid #e7e3da;border-radius:16px;box-shadow:0 8px 22px #0f172a0f;display:grid;gap:5px;margin:8px 10px 14px;padding:5px}.left-toolbar-tabs button{background:#0000;border:1px solid #0000;border-radius:11px;color:#586274;font-size:11px;font-weight:850;height:38px;letter-spacing:-.01em;min-width:0;padding:0 7px}.left-toolbar-tabs button:hover{background:#fff;border-color:#ece7dd;color:#111827}.left-toolbar-tabs button.active{background:#fff;border-color:#d8b66a;box-shadow:0 5px 14px #7e5e1f21;color:#171717}.left-toolbar-tabs .tab-pro-badge{background:#fff9e9;border:1px solid #d7ae56;border-radius:999px;color:#795b1d;font-size:7px;line-height:1.2;padding:1px 4px;position:absolute;right:-2px;top:-7px}.sidebar{transition:width .18s ease,min-width .18s ease,padding .18s ease}.sidebar-logo-box{justify-content:space-between}.sidebar-display-controls{display:inline-flex;flex-shrink:0;gap:4px}.sidebar-display-controls button{background:#fff;border:1px solid #dbe2ec;border-radius:8px;color:#536174;cursor:pointer;font-size:9px;font-weight:850;height:26px;min-width:34px;padding:0 7px}.sidebar-display-controls button.active,.sidebar-display-controls button:hover{background:#fff9eb;border-color:#d0a84f;color:#604713}.sidebar-display-controls .sidebar-pin-button{font-size:12px;min-width:28px;padding:0;width:28px}.sidebar-tab-short{display:none}.focus-mode .sidebar,.sidebar.sidebar-thin{gap:8px;min-width:72px;overflow-x:hidden;padding-bottom:12px;width:72px}.focus-mode .sidebar .sidebar-logo-box,.sidebar.sidebar-thin .sidebar-logo-box{border-radius:14px;flex-direction:column;gap:5px;height:auto;justify-content:center;min-height:54px;padding:7px 5px}.focus-mode .sidebar .sidebar-logo-text,.sidebar.sidebar-thin .sidebar-logo-text{display:none}.focus-mode .sidebar .sidebar-display-controls,.sidebar.sidebar-thin .sidebar-display-controls{grid-gap:3px;display:grid;gap:3px;grid-template-columns:1fr 1fr;width:100%}.focus-mode .sidebar .sidebar-display-controls button,.sidebar.sidebar-thin .sidebar-display-controls button{font-size:8px;height:23px;min-width:0;padding:0 2px;width:100%}.focus-mode .sidebar .sidebar-display-controls .sidebar-pin-button,.sidebar.sidebar-thin .sidebar-display-controls .sidebar-pin-button{grid-column:1/-1}.focus-mode .sidebar .left-toolbar-tabs,.sidebar.sidebar-thin .left-toolbar-tabs{border-radius:14px;gap:4px;grid-template-columns:1fr;margin:0;padding:4px}.focus-mode .sidebar .left-toolbar-tabs button,.sidebar.sidebar-thin .left-toolbar-tabs button{height:35px;padding:0}.focus-mode .sidebar .sidebar-tab-full,.sidebar.sidebar-thin .sidebar-tab-full{display:none}.focus-mode .sidebar .sidebar-tab-short,.sidebar.sidebar-thin .sidebar-tab-short{display:inline;font-size:12px;font-weight:950}.focus-mode .sidebar .panel,.sidebar.sidebar-thin .panel{border-radius:14px;padding:7px 5px}.focus-mode .sidebar .left-tab-panel,.focus-mode .sidebar .left-tool-card,.focus-mode .sidebar .panel h3,.focus-mode .sidebar .properties-panel,.sidebar.sidebar-thin .left-tab-panel,.sidebar.sidebar-thin .left-tool-card,.sidebar.sidebar-thin .panel h3,.sidebar.sidebar-thin .properties-panel{display:none}.focus-mode .sidebar .tool-grid,.sidebar.sidebar-thin .tool-grid{gap:5px;grid-template-columns:1fr}.focus-mode .sidebar .tool-btn,.sidebar.sidebar-thin .tool-btn{border-radius:10px;height:36px;justify-content:center;min-width:0;padding:0;width:100%}.focus-mode .sidebar .tool-btn span,.sidebar.sidebar-thin .tool-btn span{display:none}.focus-mode .sidebar{flex-shrink:0}.sidebar-display-controls{grid-template-columns:1fr}.sidebar-display-controls .sidebar-pin-button{min-width:0;padding:0 8px;width:100%}.focus-mode .sidebar .sidebar-display-controls,.sidebar.sidebar-thin .sidebar-display-controls{grid-template-columns:1fr}.focus-mode .sidebar .sidebar-display-controls .sidebar-pin-button,.sidebar.sidebar-thin .sidebar-display-controls .sidebar-pin-button{font-size:0;grid-column:auto}.focus-mode .sidebar .sidebar-display-controls .sidebar-pin-button:first-letter,.sidebar.sidebar-thin .sidebar-display-controls .sidebar-pin-button:first-letter{font-size:12px}.floating-sidebar-host{height:52px;left:14px;pointer-events:auto;position:fixed;top:88px;width:52px;z-index:4200}.floating-sidebar-launcher{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 14px 34px #0f172a2e;color:#0f172a;display:grid;height:52px;left:0;padding:0;place-items:center;position:absolute;top:0;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;width:52px}.floating-sidebar-launcher:hover{box-shadow:0 18px 42px #0f172a38;transform:translateY(-1px)}.floating-sidebar-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafcfa;border:1px solid #cbd5e1eb;border-radius:20px;box-shadow:0 24px 60px #0f172a38;height:min(760px,calc(100vh - 104px));left:0;max-height:calc(100vh - 104px);padding:10px;position:absolute;top:0;transform-origin:top left;transition:opacity .16s ease,transform .18s ease,visibility .16s ease}.floating-sidebar-host.closed .floating-sidebar-panel{transform:translateY(-6px) scale(.96)}.floating-sidebar-host.open .floating-sidebar-panel,.floating-sidebar-host.pinned .floating-sidebar-panel{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.floating-sidebar-host.open .floating-sidebar-launcher,.floating-sidebar-host.pinned .floating-sidebar-launcher{opacity:0;pointer-events:none}.floating-sidebar-panel .sidebar-logo-box{flex-shrink:0}.sidebar-display-controls{align-items:center;display:flex;gap:6px;margin-left:auto}.sidebar-close-button,.sidebar-pin-button{border-radius:9px;font-size:10px;font-weight:900;height:30px;min-height:30px;padding:0 9px}.sidebar-close-button{display:grid;padding:0;place-items:center;width:30px}.left-toolbar-tabs{grid-template-columns:repeat(4,minmax(0,1fr));position:relative}.left-toolbar-tabs button{position:relative}.tab-pro-badge,.tool-pro-badge{align-items:center;background:#111827;border-radius:999px;color:#fff;display:inline-flex;font-size:7px;font-weight:950;height:14px;justify-content:center;letter-spacing:.03em;line-height:1;min-width:25px;padding:0 4px}.tab-pro-badge{position:absolute;right:3px;top:2px}.tool-btn{position:relative}.tool-pro-badge{margin-left:auto}@media (max-width:720px){.floating-sidebar-host{left:10px;top:78px}.floating-sidebar-panel{height:calc(100vh - 92px);max-height:calc(100vh - 92px);min-width:0;width:min(292px,calc(100vw - 20px))}}.floating-sidebar-host{height:min(650px,calc(100vh - 150px));left:12px;top:122px;width:66px}.floating-sidebar-launcher{align-items:stretch;border-radius:18px;display:flex;flex-direction:column;gap:7px;height:auto;max-height:calc(100vh - 150px);overflow-x:hidden;overflow-y:auto;padding:7px 6px;transform:none;width:66px}.floating-sidebar-main-button,.floating-sidebar-quick-tabs button,.floating-sidebar-quick-tools button{background:#fff;border:1px solid #d7dee8;border-radius:11px;color:#334155;cursor:pointer;display:grid;height:38px;padding:0;place-items:center;position:relative;width:52px}.floating-sidebar-main-button{background:#fffaf0;border-color:#d4b46d;color:#5f491d;height:42px}.floating-sidebar-quick-tabs,.floating-sidebar-quick-tools{grid-gap:6px;display:grid;gap:6px}.floating-sidebar-quick-tabs{border-bottom:1px solid #e5e9ef;padding-bottom:7px}.floating-sidebar-quick-tabs button{background:#0000;border-color:#0000;font-size:11px;font-weight:950;height:32px}.floating-sidebar-quick-tabs button.active,.floating-sidebar-quick-tools button.active{background:#2563eb;border-color:#2563eb;color:#fff}.floating-sidebar-main-button:hover,.floating-sidebar-quick-tabs button:hover,.floating-sidebar-quick-tools button:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.floating-sidebar-quick-tabs button.active:hover,.floating-sidebar-quick-tools button.active:hover{background:#2563eb;border-color:#2563eb;color:#fff}.quick-tool-pro-dot{background:#d59b22;border-radius:999px;box-shadow:0 0 0 2px #fff;height:6px;position:absolute;right:5px;top:4px;width:6px}.floating-sidebar-panel{left:74px;min-width:292px;width:292px}.floating-sidebar-host.open .floating-sidebar-launcher,.floating-sidebar-host.pinned .floating-sidebar-launcher{opacity:1;pointer-events:auto}@media (max-width:720px){.floating-sidebar-host{height:calc(100vh - 112px);left:8px;top:92px}.floating-sidebar-launcher{max-height:calc(100vh - 112px)}.floating-sidebar-panel{left:70px;width:min(292px,calc(100vw - 86px))}}.floating-sidebar-host.normal-sidebar{height:min(650px,calc(100vh - 150px));left:12px;top:122px;width:292px}.floating-sidebar-host.normal-sidebar .floating-sidebar-launcher{display:none}.floating-sidebar-host.normal-sidebar .floating-sidebar-panel{left:0;opacity:1!important;pointer-events:auto!important;transform:none!important;visibility:visible!important}.floating-sidebar-host.normal-sidebar .sidebar-close-button,.floating-sidebar-host.normal-sidebar .sidebar-pin-button{display:none}.floating-sidebar-host.fullscreen-sidebar{height:min(650px,calc(100vh - 44px));left:12px;top:22px;width:66px}.floating-sidebar-host.fullscreen-sidebar .floating-sidebar-launcher{display:flex;max-height:calc(100vh - 44px)}.floating-sidebar-host.fullscreen-sidebar .floating-sidebar-panel{left:74px}@media (max-width:720px){.floating-sidebar-host.normal-sidebar{height:calc(100vh - 112px);left:8px;top:92px;width:min(292px,calc(100vw - 16px))}.floating-sidebar-host.normal-sidebar .floating-sidebar-panel{min-width:0;width:min(292px,calc(100vw - 16px))}.floating-sidebar-host.fullscreen-sidebar{height:calc(100vh - 24px);left:8px;top:12px}}.floating-sidebar-host.normal-sidebar{height:calc(100vh - 112px);left:14px;top:92px;width:270px;z-index:80}.floating-sidebar-host.normal-sidebar .floating-sidebar-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafcf5;border:1px solid #cbd5e1f2;border-radius:18px;box-shadow:0 18px 42px #0f172a29;gap:10px;height:calc(100vh - 112px);max-height:calc(100vh - 112px);min-width:270px;padding:10px;width:270px}.floating-sidebar-host.normal-sidebar .sidebar-logo-box{border:1px solid #e2e8f0;height:52px;padding:9px 12px}.floating-sidebar-host.normal-sidebar .left-toolbar-tabs{box-shadow:none;gap:4px;padding:5px}.floating-sidebar-host.normal-sidebar .left-toolbar-tabs button{font-size:11px;height:32px}.floating-sidebar-host.normal-sidebar .left-tool-card,.floating-sidebar-host.normal-sidebar .panel{border:1px solid #e2e8f0;border-radius:14px;box-shadow:none;padding:12px}.floating-sidebar-host.normal-sidebar .panel h3{font-size:14px;margin-bottom:10px}.floating-sidebar-host.normal-sidebar .tool-grid{gap:6px}.floating-sidebar-host.normal-sidebar .tool-btn{border-radius:9px;font-size:12px;min-height:36px}.floating-sidebar-host.normal-sidebar .floating-sidebar-panel::-webkit-scrollbar,.floating-sidebar-host.normal-sidebar::-webkit-scrollbar{width:7px}.floating-sidebar-host.normal-sidebar .floating-sidebar-panel::-webkit-scrollbar-thumb,.floating-sidebar-host.normal-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}@media (max-width:720px){.floating-sidebar-host.normal-sidebar{height:calc(100vh - 90px);left:8px;top:78px;width:min(270px,calc(100vw - 16px))}.floating-sidebar-host.normal-sidebar .floating-sidebar-panel{height:calc(100vh - 90px);max-height:calc(100vh - 90px);min-width:0;width:min(270px,calc(100vw - 16px))}}.floating-sidebar-host.normal-sidebar{height:calc(100vh - 174px);left:16px;max-height:none;top:82px;width:252px;z-index:3600}.floating-sidebar-host.normal-sidebar .floating-sidebar-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #cbd5e1e0;border-radius:20px;box-shadow:0 18px 48px #0f172a29,0 2px 8px #0f172a0f;gap:8px;height:100%;max-height:100%;min-width:252px;padding:8px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;width:252px}.floating-sidebar-host.normal-sidebar .sidebar-logo-box{background:linear-gradient(135deg,#111827,#263449);border:0;border-radius:14px;box-shadow:none;height:46px;margin:0;padding:8px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:4}.floating-sidebar-host.normal-sidebar .sidebar-logo-text strong{color:#fff;font-size:14px}.floating-sidebar-host.normal-sidebar .sidebar-logo-text span{color:#cbd5e1;font-size:10px}.floating-sidebar-host.normal-sidebar .left-toolbar-tabs{background:#f8fafcfa;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 5px 14px #0f172a0f;gap:3px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;position:-webkit-sticky;position:sticky;top:54px;z-index:4}.floating-sidebar-host.normal-sidebar .left-toolbar-tabs button{border-radius:9px;font-size:10.5px;height:31px;padding:0 4px}.floating-sidebar-host.normal-sidebar .left-toolbar-tabs button.active{background:#111827;border-color:#111827}.floating-sidebar-host.normal-sidebar .left-tool-card,.floating-sidebar-host.normal-sidebar .panel,.floating-sidebar-host.normal-sidebar .properties-panel{background:#f8fafc;border:0;border-radius:14px;box-shadow:none;padding:10px}.floating-sidebar-host.normal-sidebar .panel h3{font-size:13px;margin:0 0 9px}.floating-sidebar-host.normal-sidebar .tool-grid{gap:5px}.floating-sidebar-host.normal-sidebar .tool-btn{background:#fff;border:1px solid #dbe2ea;border-radius:10px;font-size:11px;font-weight:800;gap:7px;min-height:34px;padding:0 8px}.floating-sidebar-host.normal-sidebar .tool-btn:hover{background:#f8fafc;border-color:#94a3b8}.floating-sidebar-host.normal-sidebar .tool-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.floating-sidebar-host.normal-sidebar .left-tab-panel{gap:8px}.floating-sidebar-host.normal-sidebar .left-card-heading strong{font-size:12px}.floating-sidebar-host.normal-sidebar .left-card-heading span{font-size:10px}@media (max-width:820px){.floating-sidebar-host.normal-sidebar{height:calc(100vh - 158px);left:8px;top:76px;width:min(246px,calc(100vw - 16px))}.floating-sidebar-host.normal-sidebar .floating-sidebar-panel{min-width:0;width:100%}}.floating-sidebar-host.fullscreen-sidebar,.floating-sidebar-host.normal-sidebar{height:min(690px,calc(100vh - 108px));left:14px;max-height:calc(100vh - 108px);position:fixed;top:84px;width:64px;z-index:4200}.floating-sidebar-host.fullscreen-sidebar,.focus-mode .floating-sidebar-host{height:calc(100vh - 40px);max-height:calc(100vh - 40px);top:20px}.floating-sidebar-host.fullscreen-sidebar .floating-sidebar-launcher,.floating-sidebar-host.normal-sidebar .floating-sidebar-launcher{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #cbd5e1f2;border-radius:18px;box-shadow:0 16px 38px #0f172a24,0 2px 8px #0f172a0d;display:flex;gap:6px;height:auto;max-height:100%;opacity:1;overflow-x:hidden;overflow-y:auto;padding:7px 5px;pointer-events:auto;transform:none;visibility:visible;width:64px}.floating-sidebar-host.fullscreen-sidebar .floating-sidebar-panel,.floating-sidebar-host.normal-sidebar .floating-sidebar-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #cbd5e1f2;border-radius:20px;box-shadow:0 22px 54px #0f172a2b,0 3px 10px #0f172a0d;gap:9px;height:min(700px,calc(100vh - 108px));left:72px;max-height:calc(100vh - 108px);min-width:286px;padding:10px;top:0;width:286px}.floating-sidebar-host.fullscreen-sidebar .floating-sidebar-panel,.focus-mode .floating-sidebar-host .floating-sidebar-panel{height:calc(100vh - 40px);max-height:calc(100vh - 40px)}.floating-sidebar-host.closed .floating-sidebar-panel{opacity:0;pointer-events:none;transform:translateX(-8px) scale(.985);visibility:hidden}.floating-sidebar-host.open .floating-sidebar-panel,.floating-sidebar-host.pin-expanded .floating-sidebar-panel{opacity:1;pointer-events:auto;transform:translateX(0) scale(1);visibility:visible}.floating-sidebar-host.pin-compact .floating-sidebar-panel{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.floating-sidebar-host .sidebar-logo-box{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:14px;box-shadow:none;height:50px;padding:8px 10px}.floating-sidebar-host .sidebar-logo-text strong{color:#172033;font-size:14px}.floating-sidebar-host .sidebar-logo-text span{color:#718096;font-size:10px}.floating-sidebar-host .left-toolbar-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;box-shadow:none;gap:3px;padding:4px;position:static}.floating-sidebar-host .left-toolbar-tabs button.active{background:#fff8e8;border-color:#d8b56a;color:#3d2e12}.floating-sidebar-host .left-tool-card,.floating-sidebar-host .panel,.floating-sidebar-host .properties-panel{background:#fbfcfe;border:1px solid #e5eaf0;border-radius:14px;box-shadow:none}.floating-sidebar-host .tool-btn.active{background:#2f6fec;border-color:#2f6fec;color:#fff}.floating-sidebar-host .sidebar-pin-button{background:#fff;border:1px solid #d9e0e8;border-radius:8px;color:#475569;font-size:9px;font-weight:800;height:28px;min-height:28px;padding:0 7px}.floating-sidebar-host .sidebar-pin-button.active{background:#fff7e3;border-color:#d2ab55;color:#6b4e16}.floating-sidebar-host .sidebar-close-button{display:grid;height:28px;min-height:28px;width:28px}@media (max-width:720px){.floating-sidebar-host.fullscreen-sidebar,.floating-sidebar-host.normal-sidebar{height:calc(100vh - 92px);left:8px;top:76px}.floating-sidebar-host.fullscreen-sidebar .floating-sidebar-panel,.floating-sidebar-host.normal-sidebar .floating-sidebar-panel{height:calc(100vh - 92px);left:70px;max-height:calc(100vh - 92px);min-width:0;width:min(286px,calc(100vw - 86px))}}.floating-sidebar-host.fullscreen-sidebar,.floating-sidebar-host.normal-sidebar{height:min(700px,calc(100vh - 108px))!important;left:14px!important;max-height:calc(100vh - 108px)!important;pointer-events:auto;position:fixed!important;top:84px!important;width:54px!important;z-index:4200!important}.floating-sidebar-host.fullscreen-sidebar,.focus-mode .floating-sidebar-host{height:calc(100vh - 36px)!important;max-height:calc(100vh - 36px)!important;top:18px!important}.floating-sidebar-host .floating-sidebar-launcher{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa!important;border:1px solid #dfe5ec!important;border-radius:16px!important;box-shadow:0 14px 34px #0f172a21!important;box-sizing:border-box;display:flex!important;flex-direction:column;gap:5px!important;height:100%!important;overflow-x:hidden;overflow-y:auto;padding:6px 4px!important;width:54px!important}.floating-sidebar-main-button,.floating-sidebar-quick-tabs button,.floating-sidebar-quick-tools button{flex:0 0 auto}.floating-sidebar-host .floating-sidebar-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:hsla(0,0%,100%,.985)!important;border:1px solid #dfe5ec!important;border-radius:18px!important;box-shadow:0 20px 48px #0f172a29!important;box-sizing:border-box;gap:9px!important;height:min(700px,calc(100vh - 108px))!important;left:62px!important;max-height:calc(100vh - 108px)!important;min-width:276px!important;overflow-x:hidden!important;padding:9px!important;position:absolute!important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;width:276px!important}.floating-sidebar-host.fullscreen-sidebar .floating-sidebar-panel,.focus-mode .floating-sidebar-host .floating-sidebar-panel{height:calc(100vh - 36px)!important;max-height:calc(100vh - 36px)!important}.floating-sidebar-host.closed .floating-sidebar-panel,.floating-sidebar-host.pin-compact .floating-sidebar-panel{transform:translateX(-8px) scale(.99)!important}.floating-sidebar-host .sidebar-logo-box{background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid #e5e9ef!important;border-radius:13px!important;box-shadow:0 4px 12px #0f172a0d!important;height:48px!important;padding:7px 9px!important;position:-webkit-sticky!important;position:sticky!important;z-index:5}.floating-sidebar-host .sidebar-logo-text strong{color:#172033!important}.floating-sidebar-host .sidebar-logo-text span{color:#748094!important}.floating-sidebar-host .sidebar-display-controls{display:flex;gap:4px}.floating-sidebar-host .sidebar-pin-button{color:#0000!important;height:28px!important;min-height:28px!important;min-width:28px!important;overflow:hidden;padding:0!important;position:relative;width:28px!important}.floating-sidebar-host .sidebar-pin-button:first-child:after{content:"▮"}.floating-sidebar-host .sidebar-pin-button:nth-child(2):after{content:"▣"}.floating-sidebar-host .sidebar-pin-button:after{color:#64748b;display:grid;font-size:12px;font-weight:900;inset:0;place-items:center;position:absolute}.floating-sidebar-host .sidebar-pin-button.active:after{color:#7a5b17}.floating-sidebar-host .left-toolbar-tabs{background:#f8fafcfa!important;border:1px solid #e4e8ee!important;border-radius:12px!important;box-shadow:none!important;gap:3px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:4px!important;position:-webkit-sticky!important;position:sticky!important;z-index:4}.floating-sidebar-host .left-toolbar-tabs button.active{background:#fff8e8!important;border-color:#d8b56a!important;color:#5f4717!important}.floating-sidebar-host .left-tool-card,.floating-sidebar-host .panel,.floating-sidebar-host .properties-panel{background:#fbfcfe!important;border:1px solid #e7ebf0!important;border-radius:13px!important;box-shadow:none!important;padding:10px!important}@media (max-width:720px){.floating-sidebar-host.fullscreen-sidebar,.floating-sidebar-host.normal-sidebar{height:calc(100vh - 92px)!important;left:8px!important;top:76px!important}.floating-sidebar-host .floating-sidebar-panel{height:calc(100vh - 92px)!important;left:60px!important;max-height:calc(100vh - 92px)!important;min-width:0!important;width:min(276px,calc(100vw - 76px))!important}}.floating-sidebar-host.open .floating-sidebar-launcher,.floating-sidebar-host.pin-expanded .floating-sidebar-launcher{transform:translateX(-10px) scale(.98)!important}.floating-sidebar-host .floating-sidebar-launcher{scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important}.floating-sidebar-host.open .floating-sidebar-panel,.floating-sidebar-host.pin-expanded .floating-sidebar-panel{left:0!important}.floating-sidebar-host.closed .floating-sidebar-panel,.floating-sidebar-host.pin-compact .floating-sidebar-panel{left:62px!important}.floating-sidebar-host .floating-sidebar-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:#b9c3d0 #0000;scrollbar-gutter:stable;scrollbar-width:thin}.floating-sidebar-host .floating-sidebar-panel::-webkit-scrollbar{width:7px}.floating-sidebar-host .floating-sidebar-panel::-webkit-scrollbar-track{background:#0000}.floating-sidebar-host .floating-sidebar-panel::-webkit-scrollbar-thumb{background:#b9c3d0;background-clip:padding-box;border:2px solid #0000;border-radius:999px}.floating-sidebar-host .floating-sidebar-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:padding-box}@media (max-width:720px){.floating-sidebar-host.open .floating-sidebar-panel,.floating-sidebar-host.pin-expanded .floating-sidebar-panel{left:0!important}}.floating-sidebar-quick-tabs{display:none!important}.floating-sidebar-rail-pin{background:#fff;border:1px solid #d9e0e8;border-radius:10px;color:#64748b;cursor:pointer;display:grid;flex:0 0 auto;height:36px;min-height:36px;min-width:38px;place-items:center;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease;width:38px}.floating-sidebar-rail-pin:hover{background:#fff8e8;border-color:#d8b56a;color:#6b4e16;transform:translateY(-1px)}.floating-sidebar-rail-pin.active{background:#fff3d4;border-color:#d2ab55;color:#6b4e16}.floating-sidebar-host .sidebar-logo-box{position:-webkit-sticky;position:sticky;top:0;z-index:8}.floating-sidebar-host .sidebar-display-controls{align-items:center;display:flex!important;flex:0 0 auto;gap:6px;margin-left:auto}.floating-sidebar-host .sidebar-panel-pin{align-items:center;background:#fff!important;border:1px solid #d9e0e8!important;border-radius:9px!important;color:#526070!important;display:inline-flex!important;font-size:11px!important;font-weight:800!important;gap:5px;height:30px;justify-content:center;min-width:58px;padding:0 9px!important;width:auto!important}.floating-sidebar-host .sidebar-panel-pin:after{content:none!important}.floating-sidebar-host .sidebar-panel-pin.active{background:#fff9eb!important;border-color:#d5b665!important;color:#725718!important}.floating-sidebar-host .sidebar-close-button{display:grid!important;flex:0 0 30px;place-items:center}:root{--sketchydraw-topbar-safe:82px;--sketchydraw-storyboard-safe:70px}.floating-sidebar-host.fullscreen-sidebar,.floating-sidebar-host.normal-sidebar,.focus-mode .floating-sidebar-host{max-height:none!important}.floating-sidebar-host .floating-sidebar-launcher,.floating-sidebar-host .floating-sidebar-panel{height:100%!important;max-height:100%!important}.floating-sidebar-host .floating-sidebar-panel{overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}.floating-sidebar-host .sidebar-logo-box{background:#fff!important;top:0!important}.floating-sidebar-host .left-toolbar-tabs{top:56px!important}@media (max-width:720px){:root{--sketchydraw-topbar-safe:74px;--sketchydraw-storyboard-safe:66px}}:root{--sketchydraw-topbar-safe:96px;--sketchydraw-storyboard-safe:74px}.floating-sidebar-host.fullscreen-sidebar,.floating-sidebar-host.normal-sidebar,.focus-mode .floating-sidebar-host{bottom:74px!important;bottom:var(--sketchydraw-storyboard-safe)!important;height:auto!important;top:96px!important;top:var(--sketchydraw-topbar-safe)!important}.floating-sidebar-host .floating-sidebar-panel{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;overflow:hidden!important;top:0!important}.floating-sidebar-host .left-toolbar-tabs,.floating-sidebar-host .sidebar-logo-box{background:#fff!important;flex:0 0 auto!important;position:relative!important;top:auto!important;z-index:5!important}.floating-sidebar-host .left-toolbar-tabs{background:#f8fafc!important}.floating-sidebar-scroll-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:14px;scrollbar-gutter:stable}.floating-sidebar-scroll-body::-webkit-scrollbar{width:7px}.floating-sidebar-scroll-body::-webkit-scrollbar-track{background:#0000}.floating-sidebar-scroll-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.floating-sidebar-scroll-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:720px){:root{--sketchydraw-topbar-safe:82px;--sketchydraw-storyboard-safe:68px}}.floating-sidebar-host .floating-sidebar-launcher,.floating-sidebar-host .floating-sidebar-panel{transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s!important;will-change:opacity,transform}.floating-sidebar-host.closed .floating-sidebar-panel,.floating-sidebar-host.pin-compact .floating-sidebar-panel{opacity:0!important;pointer-events:none!important;transform:translateX(-10px) scale(.985)!important;visibility:hidden!important}.floating-sidebar-host.open .floating-sidebar-panel,.floating-sidebar-host.pin-expanded .floating-sidebar-panel{opacity:1!important;pointer-events:auto!important;transform:translateX(0) scale(1)!important;transition-delay:0s!important;visibility:visible!important}.floating-sidebar-host.open .floating-sidebar-launcher,.floating-sidebar-host.pin-expanded .floating-sidebar-launcher{opacity:0!important;pointer-events:none!important;transform:translateX(-8px) scale(.98)!important;visibility:hidden!important}.floating-sidebar-host.closed .floating-sidebar-launcher,.floating-sidebar-host.pin-compact .floating-sidebar-launcher,.floating-sidebar-host.pin-none .floating-sidebar-launcher{opacity:1!important;pointer-events:auto!important;transform:translateX(0) scale(1)!important;transition-delay:0s!important;visibility:visible!important}.floating-sidebar-host.fullscreen-sidebar,.floating-sidebar-host.normal-sidebar,.focus-mode .floating-sidebar-host{left:14px!important;left:var(--floating-sidebar-x,14px)!important;top:84px!important;top:var(--floating-sidebar-y,84px)!important}.sidebar-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dragging-floating-sidebar .sidebar-drag-handle,.sidebar-drag-handle:active{cursor:grabbing}.dragging-floating-sidebar{-webkit-user-select:none!important;user-select:none!important}.dragging-floating-sidebar canvas,.dragging-floating-sidebar iframe{pointer-events:none!important}.floating-sidebar-host.fullscreen-sidebar .floating-sidebar-panel{display:none!important}.floating-sidebar-host.fullscreen-sidebar{width:64px!important}.drawings-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a47;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.drawings-modal{background:#fff;border:1px solid #dbe4f0;border-radius:22px;box-shadow:0 18px 55px #0f172a2e;display:grid;grid-template-columns:238px 1fr;height:min(720px,calc(100vh - 36px));overflow:hidden;position:relative;width:min(1080px,calc(100vw - 36px))}.drawings-close{background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 6px 18px #0f172a14;color:#475569;cursor:pointer;font-size:22px;height:34px;position:absolute;right:18px;top:18px;width:34px;z-index:5}.drawings-close:hover{background:#f8fafc;color:#111827}.drawings-sidebar{background:linear-gradient(180deg,#f3f7fc,#eef3f9);border-right:1px solid #dbe4f0;color:#111827;display:flex;flex-direction:column;gap:18px;min-width:0;padding:22px 18px}.drawings-logo-row{align-items:center;display:flex;gap:12px}.drawings-logo{align-items:center;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:14px;box-shadow:0 10px 22px #60a5fa47;color:#fff;display:flex;font-weight:950;height:42px;justify-content:center;width:42px}.drawings-logo-row strong{color:#111827;font-size:16px;font-weight:900}.drawings-logo-row span{color:#64748b;display:block;font-size:12px;margin-top:2px}.drawings-sidebar-head{align-items:center;display:flex;justify-content:space-between}.drawings-sidebar-head span{color:#64748b;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.drawings-sidebar-head button{background:#fff;border:1px solid #dbeafe;border-radius:11px;color:#2563eb;cursor:pointer;font-size:17px;font-weight:950;height:32px;width:32px}.drawings-sidebar-head button:hover{background:#eff6ff}.drawings-new-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr auto}.drawings-new-group input{background:#fff;border:1px solid #dbe3ef;border-radius:12px;color:#111827;min-width:0;outline:none;padding:10px}.drawings-new-group input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd40}.drawings-new-group button{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:0 12px}.drawings-new-group button:hover{background:#1d4ed8}.drawings-group-list{display:flex;flex-direction:column;gap:7px;overflow:auto;padding-right:2px}.drawings-group-row{grid-gap:4px;align-items:center;background:#0000;border:1px solid #0000;border-radius:13px;display:grid;gap:4px;grid-template-columns:1fr auto}.drawings-group-row.active{background:#fff;border-color:#bfdbfe;box-shadow:0 8px 20px #2563eb14}.drawings-group-row:hover{background:#fff;border-color:#e2e8f0}.drawings-group-select{align-items:center;background:#0000;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;gap:8px;justify-content:space-between;min-width:0;padding:10px 8px 10px 12px;text-align:left}.drawings-group-row.active .drawings-group-select{color:#1d4ed8;font-weight:850}.drawings-group-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawings-group-select em{background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;color:#2563eb;font-size:12px;font-style:normal;font-weight:800;height:22px;min-width:24px}.drawings-group-delete,.drawings-group-select em{align-items:center;display:inline-flex;justify-content:center}.drawings-group-delete{background:#0000;border:none;border-radius:9px;color:#94a3b8;cursor:pointer;font-size:13px;height:28px;line-height:1;margin-right:6px;opacity:0;width:28px}.drawings-group-row:hover .drawings-group-delete{opacity:1}.drawings-group-delete:hover{background:#fee2e2;color:#991b1b}.drawings-version-card{background:#fff;border:1px solid #e0e7ff;border-radius:16px;box-shadow:0 8px 20px #0f172a0a;margin-top:auto;padding:13px}.drawings-version-card strong{color:#334155;display:block;font-size:13px;margin-bottom:5px}.drawings-version-card p{color:#64748b;font-size:12px;line-height:1.45;margin:0}.drawings-main{background:linear-gradient(180deg,#f8fafc,#fff 42%);overflow:auto;padding:30px}.drawings-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;padding-right:52px}.drawings-header span{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.drawings-header h2{color:#0f172a;font-size:30px;letter-spacing:-.03em;margin:6px 0 4px}.drawings-header p{color:#64748b;font-size:14px;margin:0}.drawings-header button{background:#2563eb;border:none;border-radius:13px;box-shadow:0 8px 20px #2563eb2e;color:#fff;cursor:pointer;font-weight:850;padding:11px 15px}.drawings-header button:hover{background:#1d4ed8}.drawings-header button:disabled{cursor:not-allowed;opacity:.65}.drawings-toolbar{align-items:center;display:flex;gap:12px;margin:22px 0 16px}.drawings-toolbar input{background:#fff;border:1px solid #d5deea;border-radius:15px;box-shadow:0 4px 14px rgba(15,23,42,.035);flex:1 1;font-size:14px;outline:none;padding:13px 15px}.drawings-toolbar input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd40}.drawings-count{background:#f1f5f9;border-radius:13px;color:#334155;font-weight:850;padding:11px 12px;white-space:nowrap}.drawings-message{background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;color:#1d4ed8;font-size:13px;font-weight:750;margin-bottom:14px;padding:10px 12px}.drawings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.drawing-card{background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 10px 26px #0f172a0f;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.drawing-card:hover{border-color:#b8c7ff;box-shadow:0 14px 32px #0f172a17}.drawing-preview{background:linear-gradient(#94a3b81a 1px,#0000 0),linear-gradient(90deg,#94a3b81a 1px,#0000 0),#fbfdff;background-size:18px 18px,18px 18px,auto;border-bottom:1px solid #eef2f7;height:118px;position:relative}.drawing-preview span{background:#60a5fa14;border:2px solid #60a5fa;border-radius:11px;position:absolute}.drawing-preview span:first-child{height:32px;left:42px;top:34px;width:54px}.drawing-preview span:nth-child(2){background:#a78bfa14;border-color:#a78bfa;bottom:28px;height:36px;right:42px;width:60px}.drawing-preview span:nth-child(3){background:#64748b;border-color:#64748b;border-radius:999px;height:2px;left:96px;top:63px;transform:rotate(18deg);width:54px}.drawing-card-body{padding:14px}.drawing-badges{display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.drawing-badges b,.drawing-badges em{border-radius:999px;font-size:11px;font-style:normal;font-weight:800;padding:5px 8px}.drawing-badges em{background:#eff6ff;color:#2563eb;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawing-badges b{background:#f0fdf4;color:#15803d}.drawing-card h3{color:#111827;font-size:16px;font-weight:850;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawing-card p{color:#64748b;font-size:12px;margin:7px 0 14px}.drawing-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr auto}.drawing-actions button{border:none;border-radius:12px;cursor:pointer;font-weight:850;padding:10px 12px}.drawing-actions button:first-child{background:#2563eb;color:#fff}.drawing-actions button:first-child:hover{background:#1d4ed8}.drawing-actions button.danger{background:#fff1f2;color:#be123c}.drawing-actions button.danger:hover{background:#ffe4e6}.drawing-actions button:disabled{cursor:not-allowed;opacity:.65}.drawings-empty{background:#fbfdff;border:1px dashed #cbd5e1;border-radius:20px;color:#64748b;flex-direction:column;gap:8px;min-height:300px;text-align:center}.drawings-empty,.drawings-empty div{align-items:center;display:flex;justify-content:center}.drawings-empty div{background:#eff6ff;border-radius:16px;color:#2563eb;font-size:26px;height:52px;width:52px}.drawings-empty strong{color:#111827;font-size:18px}.drawing-card.skeleton{height:230px;padding:14px}.drawing-card.skeleton div,.drawing-card.skeleton span{animation:skPulse 1.2s infinite;background:linear-gradient(90deg,#edf2f7,#f8fafc,#edf2f7);background-size:200% 100%;border-radius:14px;display:block}.drawing-card.skeleton div{height:118px;margin-bottom:14px}.drawing-card.skeleton span{height:18px;margin-bottom:10px}@keyframes skPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:900px){.drawings-modal{border-radius:18px;grid-template-columns:1fr;height:calc(100vh - 22px);width:calc(100vw - 22px)}.drawings-sidebar{display:none}.drawings-main{padding:22px}.drawings-header{padding-right:44px}.drawings-header h2{font-size:27px}.drawings-toolbar{align-items:stretch;flex-direction:column}.drawings-count{width:-webkit-fit-content;width:fit-content}}.canvas-wrap{height:calc(100vh - 86px)}.canvas-stage,.canvas-wrap{min-height:0;overflow:hidden;position:relative;width:100%}.canvas-stage{border-radius:18px;height:100%}.board-canvas{display:block;height:100%;width:100%}.canvas-stage.notebook-slide-next .board-canvas{animation:notebookSlideNext .24s ease both}.canvas-stage.notebook-slide-prev .board-canvas{animation:notebookSlidePrev .24s ease both}@keyframes notebookSlideNext{0%{opacity:.32;transform:translateX(38px)}to{opacity:1;transform:translateX(0)}}@keyframes notebookSlidePrev{0%{opacity:.32;transform:translateX(-38px)}to{opacity:1;transform:translateX(0)}}.object-animation-widget{pointer-events:auto;position:absolute;z-index:40}.object-animation-trigger{align-items:center;background:#fff;border:2px solid #f59e0b;border-radius:999px;box-shadow:0 12px 30px #0f172a2e;color:#92400e;display:inline-flex;font-size:16px;font-weight:950;height:34px;justify-content:center;padding:0;width:34px}.object-animation-trigger.active,.object-animation-trigger:hover{background:#f59e0b;color:#fff}.object-animation-popover{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 50px #0f172a33;padding:10px;position:absolute;top:40px;width:260px}.object-animation-popover-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.object-animation-popover-head strong{color:#111827;font-size:13px;font-weight:950}.object-animation-popover-head span{color:#64748b;font-size:11px;font-weight:850}.object-animation-preset-grid{grid-gap:7px;display:grid;gap:7px;max-height:330px;overflow:auto}.object-animation-preset-grid button{grid-gap:2px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;display:grid;gap:2px;min-height:44px;padding:7px 9px;text-align:left;width:100%}.object-animation-preset-grid button.active,.object-animation-preset-grid button:hover{background:#fffbeb;border-color:#f59e0b}.object-animation-preset-grid button strong{color:#111827;font-size:12px;font-weight:950}.object-animation-preset-grid button span{color:#64748b;font-size:10px;font-weight:750;line-height:1.25}.social-guide-layer{inset:0;pointer-events:none;position:absolute;z-index:18}.social-guide-frame{border:2px solid #ec4899eb;border-radius:8px;box-shadow:0 0 0 9999px #0f172a29,0 16px 50px #0f172a29;position:absolute}.social-guide-frame.has-overflow{border-color:#ef4444}.social-guide-safe{background:hsla(0,0%,100%,.025);border:2px dashed #2563ebe0;border-radius:6px;position:absolute}.social-guide-thirds{background:#ffffff94;filter:drop-shadow(0 0 1px rgba(15,23,42,.65));position:absolute}.social-guide-thirds.vertical{bottom:0;top:0;width:1px}.social-guide-thirds.horizontal{height:1px;left:0;right:0}.social-guide-thirds.vertical.first{left:33.333%}.social-guide-thirds.vertical.second{left:66.666%}.social-guide-thirds.horizontal.first{top:33.333%}.social-guide-thirds.horizontal.second{top:66.666%}.social-guide-status,.social-guide-title{align-items:center;border-radius:999px;box-shadow:0 8px 22px #0f172a33;color:#fff;display:flex;font-size:10px;font-weight:850;gap:7px;left:10px;line-height:1;padding:5px 9px;position:absolute}.social-guide-title{background:#111827d6;top:10px}.social-guide-title span{opacity:.72}.social-guide-status{bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap}.social-guide-status.ready{background:#059669e6}.social-guide-status.warning{background:#dc2626eb}@media (max-width:760px){.social-guide-status{line-height:1.25;max-width:calc(100% - 18px);text-align:center;white-space:normal}}.object-animation-popover{background:#fffdfa;border:1px solid #e6e1d8;border-radius:18px;box-shadow:0 22px 60px #1f29372e;max-height:min(520px,calc(100vh - 120px));overflow:auto;padding:14px;width:min(360px,calc(100vw - 32px))}.object-animation-popover-head{border-bottom:1px solid #eee9df;padding-bottom:11px}.object-animation-preset-grid button{background:#fff;border-color:#e7e3dc;border-radius:13px}.object-animation-preset-grid button.active,.object-animation-preset-grid button:hover{background:#fff8e8;border-color:#d5ad60;color:#5f4318}.social-carousel-dots{align-items:center;background:#ffffffeb;border:1px solid #0f172a1f;border-radius:999px;box-shadow:0 5px 16px #0f172a24;display:flex;gap:7px;justify-content:center;padding:6px 9px;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:44}.social-carousel-dots button{background:#cbd5e1;border:0;border-radius:999px;cursor:pointer;height:7px;min-width:7px;padding:0;transition:width .15s ease,background .15s ease,transform .15s ease;width:7px}.social-carousel-dots button:hover{background:#94a3b8;transform:scale(1.18)}.social-carousel-dots button.active{background:#2563eb;width:20px}.object-animation-widget{align-items:center;display:flex;gap:7px}.object-duplicate-trigger{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:999px;box-shadow:0 12px 30px #0f172a29;color:#1f2937;cursor:pointer;display:inline-flex;font-size:18px;font-weight:900;height:34px;justify-content:center;line-height:1;padding:0;width:34px}.object-duplicate-trigger:focus-visible,.object-duplicate-trigger:hover{background:#eff6ff;border-color:#2563eb;color:#1d4ed8;outline:none}.object-animation-popover{right:0}.canvas-title-floating{left:22px;top:16px}.canvas-title-floating,.canvas-zoom-floating{align-items:center;display:flex;position:absolute;z-index:25}.canvas-zoom-floating{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff29;border:1px solid #cbd5e138;border-radius:18px;bottom:12px;box-shadow:none;gap:5px;left:10%;padding:4px 8px;transform:translateX(-50%)}.drawing-name-field{background:#fff;border:1px solid #bfdbfe;border-radius:16px;box-shadow:0 8px 20px #2563eb1a;display:flex;flex-direction:column;height:46px;justify-content:center;max-width:320px;min-width:230px;padding:6px 13px}.drawing-name-field span{color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1;margin-bottom:4px;text-transform:uppercase}.drawing-name-field input{background:#0000;border:none;color:#111827;font-size:14px;font-weight:800;line-height:18px;margin:0;outline:none;padding:0;width:100%}.drawing-name-field input::placeholder{color:#94a3b8}.drawing-name-field:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f,0 8px 20px #2563eb1f}.zoom-control{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff94;border:1px solid #e2e8f0b8;border-radius:14px;display:flex;height:42px;min-width:126px;overflow:hidden}.zoom-btn{background:#0000;border:none;color:#0f172a;cursor:pointer;font-size:18px;height:42px;padding:0;width:36px}.zoom-btn:hover{background:#f1f5f9d1}.zoom-value{color:#0f172a;font-size:14px;min-width:30px;padding:0 10px;-webkit-user-select:none;user-select:none}.reset-btn,.zoom-value{cursor:pointer;font-weight:800;text-align:center}.reset-btn{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0f172ac7;border:none;border-radius:14px;box-shadow:0 10px 24px #0f172a2e;color:#fff;display:inline-flex;font-size:13px;height:42px;justify-content:center;line-height:1.1;min-width:90px;padding:0 18px;white-space:nowrap}.reset-btn:hover{background:#0f172aeb;color:#fff}.export-video-control{align-items:center;display:flex;gap:8px}.export-video-control select{background:#ffffffb8;border:1px solid #d1d5db;border-radius:10px;font-weight:700;height:38px;padding:0 8px}.export-video-control button{background:#111827d6;border:none;border-radius:10px;color:#fff;font-weight:800;height:38px;padding:0 12px}.export-video-progress{background:#0f172ae0;border-radius:999px;bottom:68px;color:#fff;font-size:12px;font-weight:800;left:50%;padding:8px 14px;position:absolute;transform:translateX(-50%)}.canvas-video-floating{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #0f172a1f;border-radius:16px;bottom:18px;box-shadow:0 14px 34px #0f172a24;display:flex;gap:8px;padding:8px;position:absolute;right:18px;z-index:15}.canvas-video-floating select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-weight:700;height:34px;padding:0 8px}.video-export-btn{background:#111827;border:0;border-radius:10px;color:#fff;cursor:pointer;font-weight:900;height:34px;padding:0 12px}.canvas-video-floating select:disabled,.video-export-btn:disabled{cursor:not-allowed;opacity:.7}.canvas-map-overlay{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:28px;position:fixed;z-index:9999}.canvas-map-panel{animation:canvasMapIn .18s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:26px;box-shadow:0 32px 90px #0f172a47,0 0 0 1px #0f172a0a;display:flex;flex-direction:column;height:min(760px,calc(100vh - 42px));overflow:hidden;width:min(1120px,calc(100vw - 42px))}.canvas-map-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:18px;justify-content:space-between;min-height:82px;padding:18px 22px}.canvas-map-title{color:#0f172a;font-size:20px;font-weight:950;line-height:1.15}.canvas-map-subtitle{color:#64748b;font-size:13px;font-weight:750;line-height:1.35;margin-top:5px}.canvas-map-close{align-items:center;background:#f1f5f9;border:none;border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:25px;font-weight:700;height:38px;justify-content:center;line-height:1;width:38px}.canvas-map-close:hover{background:#e2e8f0}.canvas-map-shell{background:#fff;border:1px solid #dbe3ee;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffffd9,0 10px 28px #0f172a14;cursor:crosshair;flex:1 1;margin:18px;min-height:0;overflow:hidden;position:relative;touch-action:none}.canvas-map-canvas{background:#fff;display:block;height:100%;width:100%}.canvas-map-current-view{background:#2563eb0f;border:3px solid #2563eb;border-radius:16px;box-shadow:0 0 0 9999px #ffffff1a,0 14px 34px #2563eb2e;box-sizing:border-box;pointer-events:none;position:absolute}.canvas-map-current-view span{background:#2563eb;border-radius:999px;box-shadow:0 8px 18px #2563eb3d;color:#fff;font-size:11px;font-weight:900;left:10px;padding:5px 10px;position:absolute;top:10px;white-space:nowrap}.canvas-map-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;min-height:74px;padding:14px 18px}.canvas-map-footer-btn{background:#fff;border:1px solid #cbd5e1;border-radius:14px;color:#0f172a;cursor:pointer;font-size:13px;font-weight:900;height:42px;padding:0 16px}.canvas-map-footer-btn:hover{background:#f8fafc}.canvas-map-footer-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.canvas-map-footer-btn.primary:hover{background:#1d4ed8}@keyframes canvasMapIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:760px){.canvas-map-overlay{padding:10px}.canvas-map-panel{border-radius:20px;height:calc(100vh - 20px);width:calc(100vw - 20px)}.canvas-map-header{min-height:78px;padding:14px 16px}.canvas-map-title{font-size:18px}.canvas-map-subtitle{font-size:12px}.canvas-map-shell{border-radius:18px;margin:12px}.canvas-map-footer{gap:8px;justify-content:stretch;padding:10px 12px}.canvas-map-footer-btn{flex:1 1;font-size:12px;padding:0 8px}}.notebook-page-controls{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #cbd5e1c7;border-radius:18px;box-shadow:0 14px 36px #0f172a1f;display:flex;gap:8px;left:50%;padding:7px 9px;position:absolute;top:18px;transform:translateX(-50%);z-index:28}.notebook-page-controls strong{color:#0f172a;font-size:13px;font-weight:900;min-width:82px;text-align:center;white-space:nowrap}.notebook-page-controls button{background:#fff;border:1px solid #cbd5e1f2;border-radius:11px;color:#0f172a;cursor:pointer;font-size:12px;font-weight:850;height:32px;padding:0 10px;white-space:nowrap}.notebook-page-controls button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.notebook-page-controls button:disabled{cursor:not-allowed;opacity:.45}.notebook-page-controls label{align-items:center;color:#475569;display:inline-flex;font-size:11px;font-weight:900;gap:4px}.notebook-page-controls input{background:#fff;border:1px solid #cbd5e1f2;border-radius:10px;color:#0f172a;font-size:12px;font-weight:800;height:32px;outline:none;padding:0 7px;width:62px}.notebook-page-controls input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}@media (max-width:980px){.notebook-page-controls{justify-content:flex-start;left:12px;overflow-x:auto;right:12px;transform:none}}.save-drawing-backdrop{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.save-drawing-modal{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 32px 90px #0f172a42;padding:24px;position:relative;width:min(420px,calc(100vw - 32px))}.save-drawing-close{align-items:center;background:#f1f5f9;border:none;border-radius:999px;color:#0f172a;cursor:pointer;display:flex;font-size:22px;font-weight:800;height:34px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;width:34px}.save-drawing-close:hover{background:#e2e8f0}.save-drawing-header{margin-bottom:22px;padding-right:44px}.save-drawing-header h2{color:#0f172a;font-size:28px;letter-spacing:-.04em;line-height:1.1;margin:0}.save-drawing-header p{color:#64748b;font-size:14px;margin:7px 0 0}.save-drawing-form{gap:14px}.save-drawing-form,.save-field{display:flex;flex-direction:column}.save-field{gap:7px}.save-field span{color:#334155;font-size:13px;font-weight:850}.save-field input,.save-field select{background:#fff;border:1px solid #cbd5e1;border-radius:13px;color:#0f172a;font-size:14px;font-weight:650;height:44px;outline:none;padding:0 13px;width:100%}.new-workspace-box input:focus,.save-field input:focus,.save-field select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.workspace-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr auto}.new-workspace-btn{background:#0f172a;border:none;border-radius:13px;color:#fff;cursor:pointer;font-weight:900;height:44px;padding:0 14px;white-space:nowrap}.new-workspace-btn:hover{background:#111827}.new-workspace-box{grid-gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;display:grid;gap:10px;grid-template-columns:1fr auto;padding:10px}.new-workspace-box input{background:#fff;border:1px solid #cbd5e1;border-radius:11px;color:#0f172a;font-size:14px;height:40px;min-width:0;outline:none;padding:0 12px}.new-workspace-box button{background:#2563eb;border:none;border-radius:11px;color:#fff;cursor:pointer;font-weight:900;height:40px;padding:0 14px}.save-drawing-message{background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;color:#1e40af;font-size:13px;font-weight:800;padding:10px 12px}.save-drawing-primary{background:#2563eb;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:14px;font-weight:900;height:46px}.save-drawing-primary:hover{background:#1d4ed8}.new-workspace-btn:disabled,.save-drawing-cancel:disabled,.save-drawing-close:disabled,.save-drawing-primary:disabled{cursor:not-allowed;opacity:.6}.save-drawing-cancel{background:#0000;border:none;color:#475569;cursor:pointer;font-size:14px;font-weight:850;height:40px}.save-drawing-cancel:hover{background:#f8fafc;border-radius:12px;color:#0f172a}@media (max-width:520px){.save-drawing-modal{border-radius:20px;padding:20px}.workspace-row{grid-template-columns:1fr}}.frames-panel-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141b2647;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:10000}.frames-manager-dialog{background:#fffefc;border:1px solid #fffc;border-radius:22px;box-shadow:0 28px 80px #0f172a38;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:min(1050px,96vw)}.frames-manager-head{border-bottom:1px solid #ece8df;display:flex;gap:20px;justify-content:space-between;padding:22px 24px 18px}.frames-manager-head span{color:#9b782c;font-size:10px;font-weight:950;letter-spacing:.12em}.frames-manager-head h2{font-size:24px;margin:5px 0 4px}.frames-manager-head p{color:#687386;font-size:12px;font-weight:650;margin:0}.frames-close-btn{border-radius:50%;font-size:20px;height:34px;padding:0;width:34px}.frames-manager-toolbar{border-bottom:1px solid #efede8;display:flex;gap:8px;padding:12px 24px}.frames-manager-toolbar button{font-size:11px;font-weight:850;height:36px}.frames-manager-toolbar .frames-gold-btn{background:#fff9eb;border-color:#d4b366;color:#674e1d}.frames-common-list{border:1px solid #e5e2dc;border-radius:14px;margin:18px 24px;overflow:auto}.frames-common-head,.frames-common-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:92px 142px minmax(155px,1fr) 92px 82px 112px 166px}.frames-common-head{background:#faf9f6;border-bottom:1px solid #e8e5de;color:#6b7484;font-size:10px;font-weight:900;letter-spacing:.05em;min-height:42px;padding:0 14px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.frames-common-row{border-bottom:1px solid #efede8;cursor:pointer;min-height:96px;padding:8px 14px}.frames-common-row:last-child{border-bottom:0}.frames-common-row.active,.frames-common-row:hover{background:#fffaf0}.frames-common-row.active{box-shadow:inset 3px 0 #c7a75d}.frames-order-controls,.frames-row-actions{align-items:center;display:flex;gap:5px}.frames-order-controls strong{background:#f3efe5;border-radius:8px;color:#715820;display:grid;font-size:11px;height:26px;place-items:center;width:26px}.frames-order-controls button{height:25px;padding:0;width:25px}.frames-name-cell{display:flex;flex-direction:column;gap:4px}.frames-name-cell input{background:#0000;border:0;color:#151b26;font-weight:850;outline:none;padding:0}.frames-name-cell small{color:#8590a0;font-size:10px;font-weight:750}.frames-common-row label{position:relative}.frames-common-row label input,.frames-common-row select{background:#fff;border:1px solid #dfe2e7;border-radius:9px;font-weight:750;height:34px;padding:0 23px 0 9px;width:100%}.frames-common-row label span{color:#8a94a3;font-size:10px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.frames-row-actions button{font-size:10px;font-weight:800;height:30px;padding:0 9px}.frames-row-actions .danger-link{background:#fff7f6;border-color:#ffd5d2;color:#b42318}.frames-manager-footer{align-items:center;background:#faf9f6;border-top:1px solid #ece8df;display:flex;gap:12px;justify-content:space-between;padding:13px 24px}.frames-manager-footer span{color:#737d8c;font-size:11px;font-weight:700}.frames-manager-footer button{font-weight:850;min-width:90px}@media (max-width:900px){.frames-common-head{display:none}.frames-common-row{grid-template-columns:72px 118px minmax(130px,1fr)}.frames-common-row>:nth-child(n+4){display:none}.frames-row-actions{justify-content:flex-end}.frame-thumbnail{width:112px}}.frame-thumbnail{aspect-ratio:16/9;background:#fff;border:1px solid #dfe3ea;border-radius:10px;box-shadow:0 4px 14px #0f172a12;overflow:hidden;position:relative;width:132px}.frame-thumbnail.active{border-color:#c9a75c;box-shadow:0 0 0 2px #c9a75c2e,0 5px 16px #0f172a14}.frame-thumbnail canvas{background:#fff;display:block;height:100%;object-fit:contain;width:100%}.frame-thumbnail-play{background:#fffffff0;border:1px solid #ffffffeb;border-radius:50%;bottom:7px;box-shadow:0 4px 12px #0f172a29;color:#6d531c;display:grid;height:28px;opacity:0;padding:0 0 0 2px;place-items:center;position:absolute;right:7px;transform:translateY(3px);transition:opacity .16s ease,transform .16s ease;width:28px}.frame-thumbnail.active .frame-thumbnail-play,.frame-thumbnail:hover .frame-thumbnail-play{opacity:1;transform:translateY(0)}.frame-player-screen{background:radial-gradient(circle at 50% 14%,#dec68e29,#0000 34%),linear-gradient(180deg,#fbfaf7,#f3f5f8);color:#172033;display:grid;grid-template-rows:auto minmax(0,1fr) auto;inset:0;position:fixed;z-index:100000}.frame-player-topbar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #e4e8ef;box-shadow:0 8px 26px #0f172a0f;display:flex;gap:20px;justify-content:space-between;min-height:76px;padding:14px 24px}.frame-player-topbar>div:first-child{grid-gap:4px;display:grid;gap:4px}.frame-player-topbar strong{color:#172033;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:600}.frame-player-topbar span{color:#7b8494;font-size:11px;font-weight:700}.frame-player-actions{align-items:end;display:flex;gap:8px}.frame-player-actions label{grid-gap:4px;color:#9a7430;display:grid;font-size:9px;font-weight:900;gap:4px;letter-spacing:.08em;text-transform:uppercase}.frame-player-actions button,.frame-player-actions select{background:#fff;border:1px solid #dbe3ee;border-radius:10px;box-shadow:0 4px 12px #0f172a0d;color:#263244;font-weight:800;height:36px;padding:0 11px}.frame-player-actions button{cursor:pointer}.frame-player-actions button:hover{background:#fffaf0;border-color:#c9b273}.frame-player-actions .frame-player-next-btn{background:linear-gradient(180deg,#fffefb,#f1dfb6);border-color:#d2b66f;color:#5b431d}.frame-player-actions .frame-player-close-btn{border-radius:50%;font-size:21px;padding:0;width:36px}.frame-player-stage{align-items:center;display:flex;justify-content:center;min-height:0;overflow:hidden;padding:24px 42px}.frame-player-stage canvas{background:#fff;border-radius:16px;box-shadow:0 28px 76px #0f172a24,0 0 0 1px #e2e8f0;max-height:100%;max-width:100%}.frame-player-hint{align-items:center;background:#ffffffb8;border-top:1px solid #e4e8ef;color:#7b8494;display:flex;font-size:12px;justify-content:center;min-height:48px;padding:10px 20px;text-align:center}.frame-player-hint strong{color:#9a7430}@media (max-width:900px){.frame-player-topbar{align-items:flex-start;flex-direction:column}.frame-player-actions{overflow-x:auto;width:100%}.frame-player-stage{padding:16px}}.storyboard-bar{border:1px solid #e4e7ec;border-radius:16px 16px 0 0;box-shadow:0 -10px 28px #0f172a0f;flex:0 0 auto;margin-top:-4px;max-height:132px;transition:max-height .24s ease,box-shadow .24s ease}.storyboard-head{align-items:center;display:flex;gap:10px}.storyboard-collapse{border-radius:9px;height:30px;padding:0;width:30px}.storyboard-title{align-items:baseline;display:flex;gap:8px;min-width:150px}.storyboard-title strong{font-size:13px}.storyboard-title span{font-size:11px;font-weight:700}.storyboard-pin{background:#fff;border:1px solid #dbe2ea;border-radius:9px;color:#64748b;font-size:11px;font-weight:800;height:30px;padding:0 10px;white-space:nowrap}.storyboard-pin:hover{background:#f8fafc;color:#334155}.storyboard-actions{display:flex;gap:7px;margin-left:auto}.storyboard-actions button{font-size:11px;font-weight:800;height:32px;padding:0 11px}.storyboard-actions .storyboard-present{background:#fffaf0;color:#694f1d}.storyboard-track{border-top:1px solid #f0f1f3}.storyboard-frame{align-items:center;border:1px solid #e1e5eb;display:flex;gap:9px;padding:7px 9px;text-align:left}.storyboard-frame.active{box-shadow:0 0 0 2px #c8a85d29}.storyboard-frame-number{border-radius:8px;display:grid;font-size:11px;font-weight:900;height:26px;place-items:center;width:26px}.storyboard-frame-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.storyboard-frame-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storyboard-frame-copy small{font-size:10px;font-weight:800}.storyboard-gap{align-items:center;display:flex;flex:0 0 30px;flex-direction:column;font-weight:900}.storyboard-gap small{font-size:9px}.storyboard-add{border-style:dashed;flex:0 0 116px;font-size:11px;font-weight:800}.storyboard-bar.collapsed .storyboard-head{min-height:42px}.storyboard-bar.peek{box-shadow:0 -6px 18px #0f172a14;max-height:44px}.storyboard-bar.peek .storyboard-title span,.storyboard-bar.peek .storyboard-track{display:none}.storyboard-bar.peek:focus-within,.storyboard-bar.peek:hover{box-shadow:0 -10px 28px #0f172a14;max-height:132px}.storyboard-bar.peek .storyboard-head:after{color:#8b95a5;content:"Auto-hidden · hover to open";font-size:11px;font-weight:700;margin-left:8px}@media (max-width:1100px){.storyboard-title{display:none}.storyboard-frame{flex-basis:132px}.storyboard-bar.peek .storyboard-head:after{display:none}}.storyboard-bar.pinned .storyboard-head:after{display:none!important}.storyboard-bar.pinned{max-height:132px}@media (max-width:900px){.storyboard-pin{color:#0000;overflow:hidden;padding:0;position:relative;width:30px}.storyboard-pin:after{color:#64748b;content:"📌";display:grid;inset:0;place-items:center;position:absolute}.storyboard-pin.active:after{color:#6f561f}}.storyboard-pro-badge{background:#fff7e6;border:1px solid #e7bd62;border-radius:999px;color:#7b5a16;font-size:8px;font-weight:900;margin-left:5px;padding:1px 5px}.storyboard-bar.pro-locked .storyboard-add,.storyboard-bar.pro-locked .storyboard-frame{cursor:pointer}.storyboard-bar.pro-locked .storyboard-track{opacity:.72}.storyboard-actions{align-items:center}.storyboard-actions button{white-space:nowrap}.storyboard-actions .storyboard-merge-all{border-color:#dcc58f;color:#6f561f}.storyboard-actions .storyboard-merge-all:hover:not(:disabled){background:#fffaf0}.storyboard-actions .storyboard-merge-all:disabled{cursor:not-allowed;opacity:.42}.storyboard-track{scrollbar-color:#d8dde6 #0000}.storyboard-frame{box-shadow:0 3px 10px rgba(15,23,42,.035)}.storyboard-bar{box-shadow:0 18px 46px #0f172a2e;left:92px;right:14px;width:auto}.storyboard-bar.peek{max-height:46px}.storyboard-bar.peek:focus-within,.storyboard-bar.peek:hover,.storyboard-bar.pinned{max-height:132px}@media (max-width:720px){.storyboard-bar{bottom:8px;left:80px;right:8px}.storyboard-actions button:not(.storyboard-present){display:none}}.storyboard-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.985);border:1px solid #dfe5ec;border-radius:16px;bottom:12px;box-shadow:0 18px 44px #0f172a29;color:#111827;left:50%;margin:0;max-height:142px;overflow:hidden;position:fixed;right:auto;transform:translateX(-50%);width:min(1180px,calc(100vw - 120px));z-index:3900}.storyboard-head{gap:9px;min-height:44px;padding:6px 10px}.storyboard-actions button,.storyboard-collapse,.storyboard-pin{background:#fff;border:1px solid #dbe2ea;color:#334155}.storyboard-actions button:hover:not(:disabled),.storyboard-collapse:hover,.storyboard-pin:hover{background:#f8fafc}.storyboard-title strong{color:#111827}.storyboard-title span{color:#667085}.storyboard-pin.active{background:#fffaf0;border-color:#d8b66a;color:#6f561f}.storyboard-actions .storyboard-present{background:#fff8e8;border-color:#d8b66a;color:#654b18}.storyboard-actions .storyboard-merge-all{background:#fff;border-color:#dbe2ea;color:#475569}.storyboard-track{align-items:center;background:#f8fafcb8;border-top:1px solid #eef1f4;display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:8px 12px 12px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.storyboard-frame{background:#fff;border:1px solid #dfe5ec;border-radius:12px;box-shadow:0 3px 10px #0f172a0a;color:#111827;flex:0 0 150px;height:58px}.storyboard-frame.active,.storyboard-frame:hover{background:#fffdf8;border-color:#c8a85d}.storyboard-frame.active{box-shadow:0 0 0 2px #c8a85d26}.storyboard-frame-number{background:#f4f1ea;color:#715821}.storyboard-frame-copy strong{color:#111827}.storyboard-frame-copy small{color:#7a8493}.storyboard-gap{color:#a58a4a}.storyboard-gap small{color:#8b95a5}.storyboard-add{background:#fff;border-color:#cfd6df;color:#5c6573;height:58px}.storyboard-add:hover{background:#fffdf8;border-color:#c8a85d;color:#715821}.storyboard-bar.collapsed,.storyboard-bar.peek{max-height:46px;width:min(760px,calc(100vw - 120px))}.storyboard-bar.peek .storyboard-head:after{display:none!important}.storyboard-bar.peek:focus-within,.storyboard-bar.peek:hover,.storyboard-bar.pinned{max-height:142px;width:min(1180px,calc(100vw - 120px))}.storyboard-bar.peek:focus-within .storyboard-track,.storyboard-bar.peek:hover .storyboard-track{display:flex}.storyboard-bar.collapsed .storyboard-track{display:none}@media (max-width:980px){.storyboard-bar,.storyboard-bar.collapsed,.storyboard-bar.peek,.storyboard-bar.peek:focus-within,.storyboard-bar.peek:hover,.storyboard-bar.pinned{width:calc(100vw - 24px)}.storyboard-actions .storyboard-merge-all{display:none}}.storyboard-bar.collapsed:hover,.storyboard-bar.hover-open,.storyboard-bar:focus-within{max-height:142px;width:min(1180px,calc(100vw - 120px))}.storyboard-bar.collapsed:hover .storyboard-track,.storyboard-bar.hover-open .storyboard-track,.storyboard-bar:focus-within .storyboard-track{display:flex}.storyboard-bar{transition:max-height .2s ease,width .2s ease,box-shadow .2s ease}.storyboard-track{overscroll-behavior-x:contain;scroll-behavior:smooth}@media (max-width:980px){.storyboard-bar.collapsed:hover,.storyboard-bar.hover-open,.storyboard-bar:focus-within{width:calc(100vw - 24px)}}.storyboard-bar{transition:max-height .28s cubic-bezier(.22,1,.36,1),box-shadow .24s ease,transform .24s cubic-bezier(.22,1,.36,1),opacity .2s ease!important;will-change:max-height,transform,opacity}.storyboard-track{opacity:0;transform:translateY(8px);transition:opacity .21s ease,transform .26s cubic-bezier(.22,1,.36,1)!important}.storyboard-bar.expanded .storyboard-track,.storyboard-bar.hover-open .storyboard-track,.storyboard-bar.pinned .storyboard-track{opacity:1;transform:translateY(0)}.sketchy-alert-backdrop{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10000}.sketchy-alert-card{animation:sketchy-alert-enter .16s ease-out;background:#fff;border:1px solid #94a3b859;border-radius:20px;box-shadow:0 24px 70px #0f172a47;box-sizing:border-box;padding:24px;width:min(440px,calc(100vw - 32px))}.sketchy-alert-icon{align-items:center;background:#fef2f2;border-radius:14px;display:flex;font-size:24px;height:48px;justify-content:center;line-height:1;margin-bottom:16px;width:48px}.sketchy-alert-content h3{color:#111827;font-size:21px;font-weight:750;line-height:1.25;margin:0}.sketchy-alert-content p{color:#64748b;font-size:14px;line-height:1.55;margin:10px 0 0}.sketchy-alert-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.sketchy-alert-actions button{border-radius:11px;cursor:pointer;font:inherit;font-size:14px;font-weight:700;min-height:42px;padding:0 18px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.sketchy-alert-actions button:hover{transform:translateY(-1px)}.sketchy-alert-actions button:active{transform:translateY(0)}.sketchy-alert-secondary{background:#fff;border:1px solid #d7dee8;color:#334155}.sketchy-alert-secondary:hover{background:#f8fafc}.sketchy-alert-primary{background:#2563eb;border:1px solid #2563eb;box-shadow:0 8px 18px #2563eb38;color:#fff}.sketchy-alert-danger{background:#dc2626;border:1px solid #dc2626;box-shadow:0 8px 18px #dc262638;color:#fff}.sketchy-alert-danger:hover{background:#b91c1c}@keyframes sketchy-alert-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:520px){.sketchy-alert-backdrop{align-items:flex-end;padding:12px}.sketchy-alert-card{border-radius:18px;padding:20px;width:100%}.sketchy-alert-actions{flex-direction:column-reverse}.sketchy-alert-actions button{width:100%}}.md-viewer-backdrop{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a94;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:5000}.md-viewer{background:#f8fafc;border:1px solid #ffffffb3;border-radius:18px;box-shadow:0 32px 100px #0f172a61;display:flex;flex-direction:column;height:min(860px,94vh);overflow:hidden;width:min(1380px,97vw)}.md-viewer-header{align-items:center;background:#fff;border-bottom:1px solid #dfe6ef;display:flex;gap:18px;justify-content:space-between;min-height:72px;padding:12px 16px 12px 20px}.md-viewer-heading{display:flex;flex-direction:column;gap:3px;min-width:220px}.md-title-input{background:#0000;border:0;color:#111827;font-size:17px;font-weight:750;outline:none;padding:0;width:min(360px,35vw)}.md-viewer-heading span{color:#64748b;font-size:12px}.md-view-switch,.md-viewer-actions{align-items:center;display:flex;gap:7px}.md-viewer button{background:#fff;border:1px solid #d8e0ea;border-radius:8px;color:#334155;cursor:pointer;font-weight:650;min-height:34px;padding:7px 11px}.md-viewer button:hover{background:#f1f5f9}.md-view-switch{background:#eef2f7;border-radius:10px;padding:3px}.md-view-switch button{background:#0000;border:0;min-height:30px}.md-view-switch button.active{background:#fff;box-shadow:0 1px 4px #0f172a21;color:#4338ca}.md-close-button{font-size:17px;padding:0!important;width:36px}.md-grid{grid-gap:1px;background:#dfe6ef;display:grid;flex:1 1;gap:1px;min-height:0}.md-grid-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.md-grid-editor,.md-grid-preview{grid-template-columns:minmax(0,1fr)}.md-pane{background:#fff;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.md-pane-label{align-items:center;background:#f8fafc;border-bottom:1px solid #e5eaf0;color:#64748b;display:flex;font-size:11px;font-weight:800;height:34px;letter-spacing:.09em;padding:0 18px}.md-editor{background:#111827;border:0;color:#dbeafe;flex:1 1;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;min-height:0;outline:none;padding:24px 26px 80px;resize:none;tab-size:2;width:100%}.md-preview{color:#172033;flex:1 1;line-height:1.7;margin:0;min-height:0;overflow:auto;padding:32px 46px 90px}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4,.md-preview h5,.md-preview h6{color:#0f172a;line-height:1.25;margin:1.25em 0 .55em}.md-preview h1:first-child,.md-preview h2:first-child,.md-preview h3:first-child{margin-top:0}.md-preview p{margin:.65em 0}.md-preview ol,.md-preview ul{padding-left:25px}.md-preview pre{background:#0f172a;border-radius:12px;color:#e2e8f0;overflow:auto;padding:18px;white-space:pre}.md-preview code{background:#f1f5f9;border-radius:5px;color:#7c3aed;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:2px 5px}.md-preview pre code{background:#0000;color:inherit;padding:0}.md-preview blockquote{background:#f8fafc;border-left:4px solid #818cf8;color:#475569;margin-left:0;padding:8px 0 8px 16px}.md-preview a{color:#4f46e5}.md-preview hr{border:0;border-top:1px solid #dbe3ed;margin:26px 0}.md-spacer{height:.45rem}.md-empty-state{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;gap:7px;justify-content:center;min-height:0}.md-empty-state strong{color:#334155}@media (max-width:900px){.md-viewer-backdrop{padding:8px}.md-viewer{border-radius:12px;height:98vh;width:100%}.md-viewer-header{align-items:flex-start;flex-direction:column}.md-viewer-actions{overflow-x:auto;width:100%}.md-grid-split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.md-title-input{width:80vw}.md-preview{padding:24px}}.md-workspace{border:1px solid #dfe6ef;border-radius:14px;box-shadow:none;flex:1 1;height:auto;margin:10px;min-height:0;width:auto}@media print{body *{visibility:hidden!important}.md-preview-pane,.md-preview-pane *{visibility:visible!important}.md-preview-pane{background:#fff;inset:0;position:absolute}.md-preview{overflow:visible!important;padding:24px 34px!important}.md-editor-pane,.md-pane-label,.md-viewer-header{display:none!important}}.sheet-workspace{background:#f8fafc;border:1px solid #dbe3ee;border-radius:14px;display:flex;flex:1 1;flex-direction:column;margin:10px;min-height:0;overflow:hidden}.sheet-toolbar{align-items:center;background:#fff;border-bottom:1px solid #dbe3ee;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.sheet-title{border:0;font-size:16px;font-weight:750;min-width:220px;outline:0}.sheet-actions{display:flex;flex-wrap:wrap;gap:8px}.sheet-actions button{background:#fff;border:1px solid #d6dee9;border-radius:8px;cursor:pointer;font-weight:650;padding:8px 11px}.sheet-formula-bar{align-items:center;background:#f8fafc;border-bottom:1px solid #dbe3ee;display:flex;gap:12px;padding:7px 12px}.sheet-formula-bar strong{color:#475569;width:55px}.sheet-formula-bar input{border:1px solid #cbd5e1;border-radius:6px;flex:1 1;padding:7px 10px}.sheet-scroll{background:#fff;flex:1 1;min-height:0;outline:none;overflow:auto}.sheet-grid{align-content:start;display:grid;min-width:-webkit-max-content;min-width:max-content}.sheet-column-header,.sheet-corner,.sheet-row-header{align-items:center;background:#f1f5f9;border-bottom:1px solid #cbd5e1;border-right:1px solid #cbd5e1;color:#475569;display:flex;font-size:12px;font-weight:700;justify-content:center;position:-webkit-sticky;position:sticky;z-index:3}.sheet-corner{left:0;z-index:5}.sheet-column-header,.sheet-corner{height:32px;top:0}.sheet-row-header{height:34px;left:0;z-index:4}.sheet-column-header.active,.sheet-row-header.active{background:#e0e7ff;color:#4338ca}.sheet-cell{background:#fff;border-bottom:1px solid #dbe3ee;border-right:1px solid #dbe3ee;height:34px;min-width:120px;outline:none;overflow:hidden;padding:0 8px;position:relative}.sheet-cell span{display:block;line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-cell.selected{box-shadow:inset 0 0 0 2px #6366f1;overflow:visible;z-index:2}.sheet-cell input{background:#fff;border:2px solid #4f46e5;font:inherit;height:100%;inset:0;outline:0;padding:0 7px;position:absolute;width:100%;z-index:3}.sheet-actions .sheet-save-button{background:#111827;border-color:#111827;color:#fff}.sheet-cell.selected{overflow:hidden}.sheet-grid{grid-auto-columns:180px}
/*# sourceMappingURL=main.af019aec.css.map*/