:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;background:#eef1f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#1f2937;background:#eef1f6}button{font:inherit}img,svg{max-width:100%;display:block}:root{color:#1f2937;background:#eef1f6;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px}button{cursor:pointer;background:0 0;border:none}@keyframes settingsModalPanelIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.app-shell{--page-padding-block:5.5dvh;--page-padding-inline:4dvw;background:#f8fafc;width:100dvw;height:100dvh;position:relative;overflow:hidden}.desktop-only-notice{color:#0f172a;background:radial-gradient(circle at 0 0,#8b5cf62e,#0000 34%),linear-gradient(135deg,#0f172a 0%,#111827 52%,#1e1b4b 100%);place-items:center;min-height:100dvh;padding:28px;display:grid}.desktop-only-notice__card{-webkit-backdrop-filter:blur(18px);text-align:center;background:#ffffffe0;border:1px solid #ffffffad;border-radius:28px;width:min(520px,100%);padding:34px 30px 32px;box-shadow:0 24px 70px #02061742}.desktop-only-notice__mark{color:#6d28d9;letter-spacing:.08em;text-transform:uppercase;background:#8b5cf61a;border-radius:999px;width:fit-content;margin:0 auto 18px;padding:8px 13px;font-size:.82rem;font-weight:850}.desktop-only-notice h1{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,7vw,2.25rem);line-height:1.08}.desktop-only-notice p{color:#475569;margin:16px 0 0;font-size:.98rem;line-height:1.65}.desktop-only-notice__cn{color:#334155}.modal-shell{width:min(1240px, calc(100dvw - (2 * var(--page-padding-inline))));height:min(860px, calc(100dvh - (2 * var(--page-padding-block))));transform-origin:50%;will-change:transform, opacity;background:#fffffff5;border:1px solid #0f172a14;border-radius:34px;margin:0 auto;animation:.24s cubic-bezier(.16,1,.3,1) both settingsModalPanelIn;overflow:hidden;box-shadow:0 28px 80px #0f172a1f}.close-button{color:#0f172a;background:#0f172a0d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.35rem;line-height:1;display:inline-flex}.modal-layout{grid-template-columns:minmax(0,2fr) minmax(420px,3fr);align-items:stretch;height:100%;min-height:0;display:grid}.preview-column{background-color:#f7f7f7;background-image:linear-gradient(45deg,#ececec 25%,#0000 25%),linear-gradient(-45deg,#ececec 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ececec 75%),linear-gradient(-45deg,#0000 75%,#ececec 75%);background-position:0 0,0 18px,18px -18px,-18px 0;background-size:36px 36px;min-width:0;min-height:0;padding:34px 28px 30px;display:flex}.preview-content-group{justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.preview-panel{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.preview-stage-group{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:18px;width:fit-content;max-width:100%;display:flex}.preview-title{color:#111827;text-align:center;font-size:1.08rem;font-weight:700}.composition-stage{justify-content:center;align-items:center;width:fit-content;height:fit-content;display:flex}.composition-frame{filter:drop-shadow(0 12px 24px #0f172a1a);flex:none;justify-content:center;align-items:center;width:auto;height:auto;display:flex}.composition-background{border-radius:0;width:100%;height:100%;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a14}.whiteboard-canvas{width:100%;height:100%;box-shadow:none;background:#fff;border-radius:0;flex-direction:column;display:flex;position:absolute;overflow:hidden}.preview-content-lines{flex-direction:column;justify-content:flex-start;gap:clamp(7px,2.5%,15px);height:100%;padding:clamp(18px,8%,52px) clamp(18px,7%,46px) 34%;display:flex}.preview-cursor{pointer-events:none;width:18px;height:18px;position:absolute;top:58%;left:48%;transform:translate(-50%,-50%)}.preview-cursor--cursor{clip-path:polygon(0 0,0 100%,30% 74%,48% 100%,64% 90%,47% 65%,84% 65%);background:#111827}.preview-cursor--highlight{background:#ef44441f;border:2px solid #ef4444d1;border-radius:999px;width:26px;height:26px}.preview-content-line{background:#0f172a1f;border-radius:999px;height:clamp(6px,2.4%,13px)}.camera-preview{color:#fff;background:#0f172a;border-radius:18px;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex;position:absolute;overflow:hidden}.camera-preview--circle{border-radius:999px}.camera-preview--square{border-radius:18px}.camera-preview__video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-preview__placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.settings-column{background:#ffffffe6;border-left:1px solid #0f172a14;flex-direction:column;min-width:0;min-height:0;padding:24px 30px 30px;display:flex}.settings-header{flex:none;padding-bottom:18px}.settings-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-title{color:#111827;margin:0;font-size:2.05rem;font-weight:850;line-height:1.04}.settings-content{flex:1;min-height:0;display:flex}.settings-scroll{flex:1;min-height:0;padding-right:8px;overflow:auto}.settings-group--section{padding:30px 0 34px;position:relative}.settings-group--section+.settings-group--section:before{content:"";background:#0f172a0f;height:1px;position:absolute;top:0;left:0;right:0}.section-title{color:#111827;margin-bottom:18px;font-size:1rem;font-weight:700}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.option-button{color:#111827;background:#f8f9fb;border:1px solid #0f172a14;border-radius:14px;width:100%;padding:14px 16px;transition:transform .2s,border-color .2s,background-color .2s}.option-button:hover{border-color:#0f172a26;transform:translateY(-1px)}.option-button--active{color:#fff;background:#111827;border-color:#1118272e}.category-tabs{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.tab-button{color:#111827;background:#f8f9fb;border:1px solid #0f172a14;border-radius:999px;padding:10px 16px;transition:border-color .2s,background-color .2s}.tab-button--active{color:#fff;background:#111827;border-color:#11182738}.background-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.background-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:18px;width:100%;transition:border-color .2s,transform .2s;position:relative}.background-swatch:hover{border-color:#0f172a1a;transform:translateY(-1px)}.background-swatch--selected{border-color:#111827}.background-swatch--random{color:#111827;text-align:left;background:linear-gradient(#fff 0%,#f6f8fb 100%);border-color:#0f172a14;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:16px;display:flex;box-shadow:inset 0 0 0 1px #ffffffbf}.background-swatch-random-icon{color:#fff;background:#111827;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;font-weight:700;display:inline-flex}.background-swatch-random-label{font-size:.92rem;font-weight:700;line-height:1.3}.swatch-check{border-radius:14px;position:absolute;inset:12px;box-shadow:inset 0 0 0 999px #ffffff40}.camera-control{justify-content:space-between;align-items:center;gap:16px;display:flex}.camera-label{font-size:.95rem;font-weight:600}.camera-note{color:#475569;margin:6px 0 0;font-size:.9rem}.camera-settings-grid{gap:18px;margin-top:22px;display:grid}.camera-setting-field{color:#334155;gap:10px;font-size:.86rem;font-weight:750;display:grid}.camera-setting-field select,.camera-setting-field input[type=range]{width:100%}.camera-setting-field select{color:#0f172a;background:#fff;border:1px solid #0f172a1a;border-radius:12px;height:38px;padding:0 10px;font-weight:650}.camera-setting-field--range{grid-template-columns:1fr auto;align-items:center;margin-bottom:10px}.camera-setting-field--range span,.camera-setting-field--range input{grid-column:1/-1}.camera-setting-field--range>span:not(.setting-field-title),.camera-setting-field--range>strong{display:none}.setting-field-title{color:#334155}.camera-setting-field--range strong{color:#475569;font-size:.82rem}.camera-shape-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.camera-shape-option{color:#334155;background:#f8fafcf0;border-radius:12px;height:38px;font-weight:800}.camera-shape-option--active{color:#fff;background:#111827}.camera-error{color:#b91c1c;margin:12px 0 0;font-size:.84rem;font-weight:700}.toggle-switch{background:#cbd5e1;border:1px solid #0f172a24;border-radius:999px;flex:none;justify-content:flex-start;align-items:center;width:52px;height:30px;padding:3px;transition:background-color .18s,border-color .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px 2px #0f172a1f}.toggle-switch:hover{border-color:#0f172a3d;box-shadow:inset 0 1px 2px #0f172a24,0 4px 12px #0f172a14}.toggle-switch:focus-visible{outline-offset:3px;outline:3px solid #7c3aed38}.toggle-switch--on{background:#111827;border-color:#111827b8;box-shadow:inset 0 1px 2px #ffffff14,0 6px 16px #1118272e}.toggle-switch--on:hover{border-color:#111827e6}.toggle-thumb{background:#fff;border-radius:999px;width:22px;height:22px;transition:transform .18s;transform:translate(0);box-shadow:0 3px 8px #0f172a3d}.toggle-switch--on .toggle-thumb{transform:translate(22px)}.toggle-switch:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.settings-column{padding:20px 24px 24px}.settings-header{padding-bottom:12px}.settings-title{font-size:1.72rem;line-height:1.08}.close-button{width:36px;height:36px;font-size:1.15rem}.settings-scroll{padding-right:6px}.section-title{margin-bottom:12px;font-size:.94rem}.settings-subsection-title{color:#64748b;letter-spacing:.04em;margin-bottom:10px;font-size:.78rem;font-weight:850}.section-block+.section-block{margin-top:22px}.option-grid{gap:8px}.option-button{border-radius:11px;min-height:34px;padding:9px 12px;font-size:.86rem;font-weight:750}.category-tabs{gap:8px;margin-bottom:12px}.tab-button{padding:7px 12px;font-size:.82rem}.background-grid{gap:9px}.background-swatch--random{padding:12px}.background-swatch-random-icon{width:28px;height:28px;font-size:.98rem}.background-swatch-random-label{font-size:.8rem}.camera-label{font-size:.9rem}.camera-note{margin-top:4px;font-size:.82rem}.camera-setting-field{gap:7px;font-size:.8rem}.camera-setting-field select{border-radius:10px;height:34px;font-size:.84rem}.camera-setting-field--range+.camera-setting-field,.camera-setting-field--range+.camera-shape-options{margin-top:4px}.setting-field-title{font-size:.8rem}.camera-shape-options{gap:7px}.camera-shape-option{border-radius:10px;height:34px;font-size:.82rem}@media (width<=1024px){.modal-layout{grid-template-columns:1fr;height:100%}.preview-column{min-height:300px;padding-bottom:22px}.settings-column{border-top:1px solid #0f172a14;border-left:none;padding-top:18px}.option-grid,.background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.canvas-background-color{color:#0f172a;border:2px solid #0f172a1a;border-radius:12px;min-height:38px;font-size:.72rem;font-weight:850;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:inset 0 0 0 1px #ffffff8c}.canvas-background-color:hover{border-color:#0f172a38;transform:translateY(-1px)}.settings-field-label{color:#64748b;margin:0 0 8px;font-size:.76rem;font-weight:850}.canvas-pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.canvas-pattern-option{color:#334155;background:#f8fafcf0;border:1px solid #0f172a17;border-radius:12px;place-items:center;gap:4px;min-height:58px;padding:8px 6px;font-size:.75rem;font-weight:850;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.canvas-pattern-option:hover{border-color:#0f172a2e;transform:translateY(-1px)}.canvas-pattern-option--active{color:#fff;background:#111827;border-color:#11182733}.canvas-pattern-preview{background:#fff;border:1px solid #0f172a1a;border-radius:7px;width:42px;height:22px;overflow:hidden}.canvas-pattern-option--active .canvas-pattern-preview{border-color:#ffffff4d}.canvas-pattern-option--none .canvas-pattern-preview{background:#fff}.canvas-pattern-option--ruled .canvas-pattern-preview{background:repeating-linear-gradient(#0000 0 6px,#3341556b 6px 7px,#0000 7px 12px),#fff}.canvas-pattern-option--grid .canvas-pattern-preview{background:repeating-linear-gradient(#0000 0 6px,#33415557 6px 7px,#0000 7px 12px),repeating-linear-gradient(90deg,#0000 0 6px,#33415557 6px 7px,#0000 7px 12px),#fff}.canvas-pattern-option--dots .canvas-pattern-preview{background:radial-gradient(circle,#33415580 1.4px,#0000 1.7px) 0 0/9px 9px,#fff}.canvas-background-spacing--disabled{opacity:.52}.canvas-background-spacing--disabled input{cursor:not-allowed}.canvas-background-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-background-color--custom{color:#fff;text-shadow:0 1px 4px #0f172a73;background:linear-gradient(135deg,#f87171,#facc15 34%,#34d399 67%,#60a5fa)!important}.canvas-background-color--custom span{background:#0f172a6b;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:1rem;line-height:1;display:inline-flex}.canvas-background-color--custom input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.canvas-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-pattern-option{background-color:var(--canvas-pattern-card-bg,#fff);color:#334155;background-image:none;background-size:24px 24px;align-content:end;min-height:74px;padding:0;position:relative;overflow:hidden}.canvas-pattern-option:before{content:"";opacity:.72;background:0 0;position:absolute;inset:0 0 24px}.canvas-pattern-label{z-index:1;color:#334155;background:#ffffffb8;border-top:1px solid #0f172a0f;width:100%;padding:6px 4px;position:relative}.canvas-pattern-option--active .canvas-pattern-label{color:#fff;background:#111827e6}.canvas-pattern-option--active{border-color:#111827;box-shadow:0 0 0 2px #11182714}.canvas-pattern-option--none:before{background:0 0}.canvas-pattern-option--ruled:before{background-image:repeating-linear-gradient(#0000 0 11px,#33415547 11px 12px,#0000 12px 24px)}.canvas-pattern-option--grid:before{background-image:repeating-linear-gradient(#0000 0 11px,#3341553d 11px 12px,#0000 12px 24px),repeating-linear-gradient(90deg,#0000 0 11px,#3341553d 11px 12px,#0000 12px 24px)}.canvas-pattern-option--dots:before{background-image:radial-gradient(circle,#33415557 1.5px,#0000 1.8px);background-size:12px 12px}.canvas-background-color{aspect-ratio:1.45;min-height:34px;padding:0;overflow:hidden}.canvas-background-color--custom{justify-content:center;align-items:center;display:inline-flex}.canvas-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.canvas-pattern-preview-card{border:1px solid #0f172a1f;border-radius:13px;width:100%;height:52px;transition:border-color .18s,box-shadow .18s,transform .18s;display:block;box-shadow:inset 0 0 0 1px #ffffff52}.canvas-pattern-option{color:#475569;min-height:0;box-shadow:none;border:0;border-radius:0;grid-template-rows:auto auto;gap:6px;padding:0;display:grid;overflow:visible;background:0 0!important}.canvas-pattern-preview-card{aspect-ratio:2/3;border:1px solid #0f172a1f;border-radius:13px;width:100%;min-height:72px;transition:border-color .18s,box-shadow .18s,transform .18s;display:block;box-shadow:inset 0 0 0 1px #ffffff52}.canvas-pattern-label{color:#64748b;text-align:center;border:0;width:auto;padding:0;font-size:.74rem;font-weight:850;line-height:1.2;background:0 0!important}.canvas-pattern-option:hover .canvas-pattern-preview-card{border-color:#0f172a38;transform:translateY(-1px)}.canvas-pattern-option--active{box-shadow:none;color:#111827;border-color:#0000}.canvas-background-color-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.canvas-background-color{aspect-ratio:auto;border-radius:8px;height:24px;min-height:24px;padding:0;overflow:hidden}.canvas-pattern-preview-card{aspect-ratio:2/3;min-height:82px}.canvas-background-color{aspect-ratio:auto;border-radius:10px;flex:none;width:46px;height:32px;min-height:32px;padding:0}.canvas-pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:9px}.canvas-pattern-preview-card{aspect-ratio:2/3;border-radius:13px;width:100%;min-height:86px}.canvas-pattern-label{border:0;margin-top:1px;background:0 0!important}.canvas-background-color-grid{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex!important}.canvas-background-color{border-radius:12px;flex:0 0 56px;padding:0;width:56px!important;height:40px!important;min-height:40px!important}.canvas-background-color--custom span{width:22px;height:22px;font-size:1.05rem}.canvas-pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;margin-bottom:12px;display:grid}.canvas-pattern-option{grid-template-rows:auto auto;gap:7px;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;display:grid!important;overflow:visible!important}.canvas-pattern-option:before{content:none!important}.canvas-pattern-preview-card{aspect-ratio:auto;border:1px solid #0f172a1f;border-radius:14px;width:100%;display:block;box-shadow:inset 0 0 0 1px #ffffff52;height:104px!important;min-height:104px!important}.canvas-pattern-label{color:#64748b;text-align:center;font-size:.75rem;font-weight:850;line-height:1.2;background:0 0!important;border:0!important;width:auto!important;padding:0!important}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.background-swatch--random:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.background-empty-note{color:#64748b;margin:10px 0 0;font-size:.78rem;font-weight:700;line-height:1.45}.composition-background{background-position:50%;background-repeat:no-repeat;background-size:cover}.background-section{flex-direction:column;gap:10px;display:flex}.background-random-button{color:#111827;background:linear-gradient(#fff 0%,#f6f8fb 100%);border:1px solid #0f172a14;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;font-size:.84rem;font-weight:800;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffc7}.background-random-button:hover:not(:disabled){border-color:#6d5dfc52;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.background-random-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.background-random-button__icon{color:#fff;background:#111827;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.92rem;line-height:1;display:inline-flex}.background-grid-scroll{scrollbar-width:thin;max-height:360px;padding-right:4px;overflow:hidden auto}.background-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.background-swatch{border-radius:13px}.background-swatch--image{background-position:50%;background-repeat:no-repeat;background-size:cover}@media (width<=720px){.background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.background-grid-scroll{max-height:300px}}.background-random-button{color:#4c1d95;background:linear-gradient(135deg,#8b5cf624,#6366f114),#fffffff0;border-color:#8b5cf638;box-shadow:inset 0 0 0 1px #ffffffc7,0 10px 22px #6d5dfc14}.background-random-button__icon{color:#6d5dfc;background:#8b5cf624;width:24px;height:24px;font-size:.9rem;font-weight:900;box-shadow:inset 0 0 0 1px #8b5cf62e}.background-swatch{border-color:#0f172a12;box-shadow:0 8px 18px #0f172a0f}.background-swatch:hover{border-color:#8b5cf647;box-shadow:0 10px 22px #0f172a14}.background-swatch--selected{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf62e,0 12px 26px #6d5dfc24}.background-swatch--selected:hover{border-color:#8b5cf6}.swatch-check{top:7px;right:7px;background:#8b5cf6;border-radius:999px;width:18px;height:18px;position:absolute;inset:auto;box-shadow:0 0 0 2px #ffffffeb,0 6px 14px #4c1d953d}.swatch-check:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:4px;left:6px;transform:rotate(45deg)}.background-random-button{isolation:isolate;-webkit-backdrop-filter:blur(14px)saturate(1.18);background:linear-gradient(135deg,#ffffffc7,#f4f0ffad),#ffffff9e;border-color:#8b5cf63d;justify-content:flex-start;min-height:44px;margin-bottom:6px;padding:0 16px;position:relative;overflow:hidden;box-shadow:0 16px 34px #6d5dfc21,inset 0 1px #ffffffe0,inset 0 0 0 1px #ffffff57}.background-random-button:before,.background-random-button:after{content:"";pointer-events:none;position:absolute}.background-random-button:before{filter:blur(5px);z-index:-2;background:radial-gradient(circle at 35% 45%,#a855f73d,#0000 58%),radial-gradient(circle at 72% 52%,#3b82f629,#0000 62%);border-radius:999px;width:150px;height:110px;inset:-40% auto auto 44%}.background-random-button:after{z-index:-1;background:linear-gradient(135deg,#ffffffad,#a78bfa47);border-radius:9px;width:46px;height:28px;top:50%;right:14px;transform:translateY(-50%)rotate(-5deg);box-shadow:-12px 5px 0 -3px #c4b5fd52,-22px -4px 0 -5px #818cf83d,inset 0 0 0 1px #ffffff80}.background-random-button:hover:not(:disabled){background:linear-gradient(135deg,#ffffffd6,#f1ecffc2),#ffffffad;border-color:#8b5cf680;box-shadow:0 18px 38px #6d5dfc2e,inset 0 1px #ffffffeb,inset 0 0 0 1px #ffffff61}.background-random-button__icon{color:#6d5dfc;-webkit-backdrop-filter:blur(8px);background:#ffffff8f;box-shadow:inset 0 0 0 1px #8b5cf633,0 8px 16px #6d5dfc1f}.swatch-check{width:22px;height:22px;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.swatch-check:after{width:5px;height:9px;top:5px;left:8px}.background-random-button{box-shadow:inset 0 1px #ffffffe0,inset 0 0 0 1px #ffffff57,0 6px 14px #6d5dfc0d}.background-random-button:before{opacity:.28;filter:blur(8px)}.background-random-button:after{box-shadow:-12px 5px 0 -3px #c4b5fd33,-22px -4px 0 -5px #818cf824,inset 0 0 0 1px #ffffff7a}.background-random-button:hover:not(:disabled){box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff5c,0 8px 18px #6d5dfc14}.canvas-background-color--custom,.board-properties-panel__color-swatch--custom{justify-content:center;align-items:center;line-height:1;display:inline-flex}.canvas-background-color--custom span,.board-properties-panel__color-swatch--custom span{justify-content:center;align-items:center;margin:0;line-height:1;display:inline-flex;transform:none}.option-grid--aspect-ratio{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.option-button--aspect-ratio{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;padding:9px 8px;display:inline-flex}.option-button__title{font-size:.95rem;font-weight:900;line-height:1}.option-button__subtitle{color:#64748bdb;white-space:nowrap;font-size:.68rem;font-weight:760;line-height:1.08}.option-button--active .option-button__subtitle{color:#ffffffb8}.canvas-background-color-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;margin-bottom:14px;display:grid!important}.canvas-background-color{border-radius:12px;flex:initial!important;width:100%!important;height:40px!important;min-height:40px!important}.canvas-background-color--custom{position:relative;justify-content:center!important;align-items:center!important;display:flex!important}.canvas-background-color--custom span{position:absolute;top:50%;left:50%;justify-content:center!important;align-items:center!important;width:auto!important;height:auto!important;margin:0!important;line-height:1!important;display:flex!important;transform:translate(-50%,-50%)!important}@media (width<=720px){.option-grid--aspect-ratio{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-background-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.settings-scroll{--settings-section-title-color:#0f172a;--settings-field-title-color:#334155;--settings-description-color:#64748b;--settings-field-gap:12px}.settings-group--section{padding:26px 0 28px}.settings-group--section:first-child{padding-top:8px}.settings-group--section+.settings-group--section:before{background:linear-gradient(90deg,#0000,#0f172a17,#0000)}.section-title{color:var(--settings-section-title-color);letter-spacing:-.015em;margin:0 0 16px;font-size:1.02rem;font-weight:900;line-height:1.2}.settings-subsection{gap:var(--settings-field-gap);display:grid}.settings-subsection+.settings-subsection{margin-top:22px}.settings-subsection-title,.settings-field-label,.camera-label,.camera-setting-field>span:first-child,.setting-field-title{color:var(--settings-field-title-color);letter-spacing:.01em;margin:0;font-size:.82rem;font-weight:860;line-height:1.25}.settings-subsection-title,.settings-field-label{margin-bottom:0}.settings-field-label:not(:first-child){margin-top:4px}.camera-note{color:var(--settings-description-color);margin:5px 0 0;font-size:.78rem;line-height:1.45}.camera-control{gap:18px;padding:2px 0 4px}.camera-settings-grid+.camera-control{margin-top:22px}.camera-settings-grid{gap:18px;margin-top:20px}.camera-setting-field{color:var(--settings-field-title-color);gap:9px;font-size:.82rem;font-weight:820}.camera-setting-field--range{margin-bottom:2px}.camera-shape-options,.canvas-background-color-grid,.canvas-pattern-grid{margin-top:0}.canvas-background-spacing{margin-top:2px}.background-section{gap:12px}.background-random-button{margin-bottom:8px}.background-grid-scroll{margin-top:2px}@media (width<=720px){.settings-group--section{padding:22px 0 24px}.section-title{margin-bottom:14px;font-size:.98rem}.settings-subsection+.settings-subsection{margin-top:20px}.camera-settings-grid{gap:15px}}.canvas-background-color--active{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf633,inset 0 0 0 1px #ffffff94!important}.canvas-background-color--active:hover{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf63d,inset 0 0 0 1px #ffffffa8!important}.canvas-pattern-option--active{color:#6d28d9!important;background:#fffffff5!important;border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf62e!important}.canvas-pattern-option--active:hover{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf638!important}.canvas-background-color--custom{overflow:hidden;text-shadow:none!important}.canvas-background-color--custom span{color:#5b21b6!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;text-shadow:none!important;background:#ffffffd1!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;font-size:1rem!important;font-weight:900!important;line-height:1!important;display:flex!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 4px 10px #4c1d9529,inset 0 0 0 1px #8b5cf633!important}.canvas-background-color--active,.canvas-background-color--active:hover{filter:none!important;border-color:#8b5cf6!important;outline:none!important;box-shadow:inset 0 0 0 1px #ffffff94!important}.canvas-background-color--custom span{display:none!important}.canvas-pattern-option--active,.canvas-pattern-option--active:hover{box-shadow:none!important;background:0 0!important;border-color:#0000!important;outline:none!important}.canvas-pattern-option--active .canvas-pattern-preview-card{border-color:#8b5cf6!important;box-shadow:inset 0 0 0 1px #ffffff8a!important}.canvas-pattern-option--active .canvas-pattern-label{color:#6d28d9!important}.canvas-pattern-option--active .canvas-pattern-preview-card{box-sizing:border-box;border-width:2px!important;border-color:#8b5cf6!important}.board-page{position:absolute;inset:0;overflow:hidden}.board-page__stage{position:absolute;inset:0}.board-toolbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0f172a14;border-radius:24px;align-items:stretch;gap:0;padding:10px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 20px 48px #0f172a17}.board-toolbar__group,.board-toolbar__properties{align-items:center;gap:6px;padding:0 10px;display:flex;position:relative}.board-toolbar__group:first-child{padding-left:0}.board-toolbar__properties{padding-right:0}.board-toolbar__group+.board-toolbar__group:before,.board-toolbar__properties:before{content:"";background:#0f172a14;align-self:stretch;width:1px;margin:4px 10px 4px 0}.board-toolbar__button{color:#334155;background:0 0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:58px;min-height:58px;padding:8px 10px;transition:background-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.board-toolbar__button:hover:not(:disabled){background:#e2e8f0d1;transform:translateY(-1px)}.board-toolbar__button:disabled{cursor:not-allowed;color:#cbd5e1;opacity:.72}.board-toolbar__button--active{color:#4338ca;background:#6d5dfc29;box-shadow:inset 0 0 0 1px #6d5dfc29}.board-toolbar__icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.board-toolbar__label{font-size:.75rem;font-weight:750;line-height:1}.board-toolbar__input{display:none}.board-toolbar__layer-menu{position:relative}.board-toolbar__layer-popover{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #0f172a14;border-radius:16px;min-width:132px;padding:6px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 42px #0f172a24}.board-toolbar__layer-action{color:#334155;text-align:left;background:0 0;border-radius:11px;width:100%;padding:10px 12px;font-size:.84rem;font-weight:750}.board-toolbar__layer-action:hover{background:#e2e8f0c7}.board-toolbar__field{align-items:center;gap:7px;display:flex}.board-toolbar__field-label{color:#64748b;font-size:.76rem;font-weight:750}.board-toolbar__select{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:12px;height:36px;padding:0 11px;font-size:.86rem;font-weight:650}.board-toolbar__select--size{width:70px}.board-toolbar__palette{align-items:center;gap:8px;display:flex}.board-toolbar__color-swatch{background:var(--swatch-color);border:2px solid #fffffff0;border-radius:999px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0f172a14}.board-toolbar__color-swatch:hover{transform:translateY(-1px)}.board-toolbar__color-swatch--active{box-shadow:0 0 0 2px #6d5dfc47,inset 0 0 0 2px #fffffff0}.board-properties-panel{z-index:11;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#fffffff0;border:1px solid #0f172a14;border-radius:22px;flex-direction:column;gap:12px;width:188px;padding:12px;display:flex;position:absolute;top:106px;left:20px;overflow:visible;box-shadow:0 18px 42px #0f172a1a}.board-properties-panel__header{padding:0 2px 2px}.board-properties-panel__heading{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:900}.board-properties-panel__tool-name{color:#64748b;margin:4px 0 0;font-size:.78rem;font-weight:800}.board-properties-panel__empty{padding:4px 2px 10px}.board-properties-panel__empty--compact{padding-top:0}.board-properties-panel__empty-title{color:#0f172a;margin:0;font-size:.92rem;font-weight:850;line-height:1.35}.board-properties-panel__empty-description{color:#64748b;margin:8px 0 0;font-size:.78rem;font-weight:650;line-height:1.45}.board-properties-panel__section{flex-direction:column;gap:8px;display:flex}.board-properties-panel__section+.board-properties-panel__section{border-top:1px solid #0f172a12;padding-top:10px}.board-properties-panel__title{color:#334155;letter-spacing:.02em;margin:0 0 1px;font-size:.84rem;font-weight:900}.board-properties-panel__field{flex-direction:column;gap:6px;display:flex}.board-properties-panel__subfield{gap:8px}.board-properties-panel__field-label{color:#94a3b8;letter-spacing:.04em;font-size:.7rem;font-weight:800}.board-properties-panel__select{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:12px;width:100%;height:36px;padding:0 11px;font-size:.86rem;font-weight:650}.board-properties-panel__select:disabled,.board-properties-panel__action:disabled,.board-properties-panel__color-swatch:disabled{cursor:not-allowed;opacity:.45}.board-properties-panel__font-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.board-properties-panel__font-button{color:#334155;background:#ffffffdb;border:1px solid #0f172a14;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:62px;padding:8px 6px;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;display:flex;box-shadow:inset 0 0 0 1px #ffffff8f}.board-properties-panel__font-button:hover{background:#fff;border-color:#6d5dfc3d;transform:translateY(-1px)}.board-properties-panel__font-button--active{color:#4f46e5;background:#6d5dfc1a;border-color:#6d5dfcad;box-shadow:0 8px 18px #6d5dfc1f,inset 0 0 0 1px #6d5dfc24}.board-properties-panel__font-preview{font-size:1.05rem;font-weight:780;line-height:1.05;display:block}.board-properties-panel__font-label{color:#64748b;font-size:.68rem;font-weight:850;line-height:1;display:block}.board-properties-panel__font-button--active .board-properties-panel__font-label{color:#4f46e5}.board-properties-panel__palette{grid-template-columns:repeat(4,1fr);gap:7px;display:grid;position:relative}.board-properties-panel__color-swatch{background:var(--swatch-color);border:2px solid #fffffff0;border-radius:999px;justify-self:center;width:30px;height:30px;transition:transform .18s,box-shadow .18s;box-shadow:inset 0 0 0 1px #0f172a14}.board-properties-panel__color-swatch:hover:not(:disabled){transform:translateY(-1px)}.board-properties-panel__color-swatch--active{box-shadow:0 0 0 2px #6d5dfc47,inset 0 0 0 2px #fffffff0}.board-properties-panel__color-swatch--none{color:#475569;background-color:#fff;background-image:linear-gradient(45deg,#94a3b829 25%,#0000 25%),linear-gradient(-45deg,#94a3b829 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#94a3b829 75%),linear-gradient(-45deg,#0000 75%,#94a3b829 75%),none;background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;justify-content:center;align-items:center;font-size:.68rem;font-weight:950;display:inline-flex;position:relative;overflow:hidden}.board-properties-panel__color-swatch--custom{color:#fff;text-shadow:0 1px 2px #0f172a47;background:linear-gradient(135deg,#ef4444e6,#facc15e6,#22c55ee6,#3b82f6e6);justify-content:center;align-items:center;font-size:1.05rem;font-weight:900;display:inline-flex}.board-properties-panel__color-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.board-properties-panel__range{accent-color:#6d5dfc;cursor:pointer;width:100%}.board-properties-panel__range:disabled{cursor:not-allowed;opacity:.45}.board-properties-panel__segmented{grid-template-columns:1fr;gap:6px;display:grid}.board-properties-panel__segment{color:#334155;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:10px;min-height:32px;font-size:.76rem;font-weight:800;transition:background-color .18s,color .18s,box-shadow .18s}.board-properties-panel__stroke-style-button{justify-content:center;align-items:center;min-height:34px;padding:0 12px;display:inline-flex}.board-properties-panel__stroke-preview{background:currentColor;border:0;width:98px;height:8px;-webkit-mask:linear-gradient(#000 0 0) 50%/100% 2px no-repeat;mask:linear-gradient(#000 0 0) 50%/100% 2px no-repeat}.board-properties-panel__stroke-preview--dashed{background:repeating-linear-gradient(90deg,currentColor 0 13px,#0000 13px 20px);height:2px;-webkit-mask:none;mask:none}.board-properties-panel__stroke-preview--dotted{background:radial-gradient(circle,currentColor 0 2.2px,#0000 2.4px) 0/14px 8px repeat-x;width:92px;height:8px;-webkit-mask:none;mask:none}.board-properties-panel__segment:hover{color:#4338ca;background:#6d5dfc1a}.board-properties-panel__segment--active{color:#4338ca;background:#6d5dfc24;border-color:#6d5dfc59;box-shadow:inset 0 0 0 1px #6d5dfc1f}.board-properties-panel__action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.board-properties-panel__action{color:#334155;background:#fff;border:1px solid #0f172a14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;padding:7px 6px;font-size:.74rem;font-weight:850;line-height:1.12;transition:background-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.board-properties-panel__action-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.board-properties-panel__action:hover:not(:disabled){color:#4338ca;background:#6d5dfc1a;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #6d5dfc1f}.board-zoom-controls{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;pointer-events:auto;background:#fffffff0;border:1px solid #0f172a14;border-radius:18px;align-items:center;gap:6px;padding:8px;display:inline-flex;position:absolute;bottom:18px;left:18px;box-shadow:0 16px 36px #0f172a1a}.board-zoom-controls__button,.board-zoom-controls__fit,.board-zoom-controls__clear{color:#334155;background:#fff;border:1px solid #0f172a14;border-radius:11px;height:34px;font-weight:800}.board-zoom-controls__button{width:34px;font-size:1.1rem;line-height:1}.board-zoom-controls__fit,.board-zoom-controls__clear{padding:0 11px;font-size:.82rem}.board-zoom-controls__button:hover:not(:disabled),.board-zoom-controls__fit:hover:not(:disabled),.board-zoom-controls__clear:hover:not(:disabled){background:#e2e8f0c7}.board-zoom-controls__button:disabled,.board-zoom-controls__fit:disabled,.board-zoom-controls__clear:disabled{cursor:not-allowed;color:#cbd5e1;box-shadow:none;background:#f8fafcd1;border-color:#0f172a0f}.board-zoom-controls__value{cursor:text;text-align:center;color:#0f172a;background:0 0;border-radius:11px;min-width:54px;height:34px;padding:0 8px;font-size:.86rem;font-weight:850}.board-zoom-controls__value:hover{background:#e2e8f0c7}.board-zoom-controls__input{color:#0f172a;text-align:center;background:#fff;border:1px solid #6d5dfc47;border-radius:11px;outline:none;width:58px;height:34px;font-size:.86rem;font-weight:850;box-shadow:0 0 0 2px #6d5dfc1f}.board-zoom-controls__clear{color:#b91c1c}.board-zoom-controls__clear:disabled{color:#cbd5e1}.board-clear-confirm{z-index:13;pointer-events:auto;position:absolute;bottom:76px;left:18px}.board-clear-confirm__panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #0f172a17;border-radius:18px;width:260px;padding:14px;box-shadow:0 18px 44px #0f172a29}.board-clear-confirm__title{color:#0f172a;margin:0;font-size:.95rem;font-weight:850}.board-clear-confirm__description{color:#64748b;margin:6px 0 14px;font-size:.82rem;font-weight:650}.board-clear-confirm__actions{justify-content:flex-end;gap:8px;display:flex}.board-clear-confirm__button{color:#334155;background:#f8fafcf0;border-radius:11px;height:34px;padding:0 12px;font-size:.84rem;font-weight:800}.board-clear-confirm__button:hover{background:#e2e8f0d6}.board-clear-confirm__button--danger{color:#fff;background:#ef4444}.board-clear-confirm__button--danger:hover{background:#dc2626}.floating-controls{z-index:14;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#fffffff5;border:1px solid #0f172a14;border-radius:24px;align-items:center;gap:12px;padding:12px;display:inline-flex;position:absolute;top:20px;left:20px;box-shadow:0 18px 42px #0f172a1a}.floating-controls__button{color:#334155;background:#fff;border:1px solid #0f172a14;border-radius:18px;min-width:72px;padding:14px 16px;font-weight:700}.floating-controls__button--record{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 14px 24px #ef444438}.floating-controls__button--start{color:#fff;background:#22c55e;border-color:#22c55e;box-shadow:0 14px 24px #22c55e3d}.floating-controls__button--pause{color:#fff;background:#facc15;border-color:#facc15;box-shadow:0 14px 24px #facc1538}.floating-controls__button--stop{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 14px 24px #ef444438}.floating-controls__timer{color:#b91c1c;background:#fef2f2e6;border-radius:16px;align-items:center;gap:7px;min-width:72px;height:48px;padding:0 14px;font-size:.92rem;font-weight:900;display:inline-flex}.floating-controls__timer span{background:currentColor;border-radius:999px;width:8px;height:8px}.floating-controls__timer--paused{color:#a16207;background:#fef9c3f2}.floating-controls__button:disabled{cursor:wait;opacity:.72}.board-recording-error{z-index:14;color:#991b1b;pointer-events:none;background:#fef2f2f5;border:1px solid #ef444438;border-radius:14px;max-width:min(560px,100vw - 48px);padding:10px 14px;font-size:.86rem;font-weight:750;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 38px #7f1d1d24}@keyframes teleprompterPanelIn{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.teleprompter-panel{--teleprompter-bg-alpha:.85;--teleprompter-default-width:420px;--teleprompter-default-height:560px;z-index:30;width:min(var(--teleprompter-default-width), calc(100vw - 48px));height:min(var(--teleprompter-default-height), calc(100vh - 72px));min-width:min(var(--teleprompter-default-width), calc(100vw - 48px));min-height:min(var(--teleprompter-default-height), calc(100vh - 72px));pointer-events:auto;resize:both;border-radius:24px;max-width:calc(100vw - 48px);max-height:calc(100vh - 72px);display:block;position:fixed;overflow:hidden;box-shadow:0 18px 42px #0f172a29}.teleprompter-panel__surface{box-sizing:border-box;border-radius:inherit;background:rgba(255, 255, 255, var(--teleprompter-bg-alpha));transform-origin:0 0;will-change:transform, opacity;border:1px solid #0f172a1a;flex-direction:column;width:100%;height:100%;animation:.22s cubic-bezier(.16,1,.3,1) both teleprompterPanelIn;display:flex;overflow:hidden}.teleprompter-panel__header{cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 12px 8px 14px;display:flex}.teleprompter-dragging,.teleprompter-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.teleprompter-panel__title{color:#0f172a;align-items:center;gap:9px;font-size:.95rem;font-weight:900;display:inline-flex}.teleprompter-panel__title span{color:#fff;background:#0f172a;border-radius:10px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.76rem;font-weight:950;display:inline-flex}.teleprompter-panel__header-actions{align-items:center;gap:8px;display:inline-flex}.teleprompter-panel__header-button{color:#334155;background:#e2e8f0d1;border:1px solid #0f172a14;border-radius:10px;height:30px;padding:0 10px;font-size:.75rem;font-weight:850}.teleprompter-panel__close{color:#475569;background:#e2e8f0c2;border-radius:10px;width:30px;height:30px;font-size:1.16rem;line-height:1}.teleprompter-panel__script-surface{background:0 0;border:1px solid #0f172a17;border-radius:18px;flex:1;min-height:0;margin:0 14px;overflow:hidden}.teleprompter-panel__script{resize:none;color:#111827;background:0 0;border:0;outline:none;width:100%;height:100%;padding:18px 18px 22px;font-family:Georgia,Times New Roman,serif;font-size:1.28rem;font-weight:650;line-height:1.72}.teleprompter-panel__script:focus{box-shadow:inset 0 0 0 3px #0ea5e91f}.teleprompter-panel__script::placeholder{color:#64748bc7}.teleprompter-panel__controls{align-items:center;gap:16px;padding:14px 16px 16px;display:flex}.teleprompter-panel__play{color:#fff;background:#10b981;border-radius:999px;flex:none;width:52px;height:52px;font-size:1.02rem;font-weight:950;box-shadow:0 12px 22px #10b98133}.teleprompter-panel__play--active{background:#f59e0b;box-shadow:0 12px 22px #f59e0b33}.teleprompter-panel__sliders{flex:1;gap:10px;min-width:0;display:grid}.teleprompter-panel__range{color:#475569;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;font-size:.78rem;font-weight:850;display:grid}.teleprompter-panel__range input{accent-color:#0f172a;width:100%}.board-camera-capture-video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.board-stage{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 1px 1px,#94a3b82e 1px,#0000 0),linear-gradient(#ffffffe6,#f8fafcfa);background-size:var(--board-grid-size,24px) var(--board-grid-size,24px), 100% 100%;width:100%;height:100%;min-height:0;position:absolute;inset:0;overflow:hidden}.board-camera-overlay{z-index:7;cursor:move;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#0f172a;position:absolute;overflow:hidden}.board-camera-overlay--circle{border-radius:999px}.board-camera-overlay--square{border-radius:18px}.board-camera-overlay--dragging{cursor:grabbing}.board-camera-overlay__video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.board-camera-overlay__placeholder{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:.86rem;font-weight:800;display:flex}.board-stage--hand{cursor:grab}.board-stage--draw,.board-stage--rectangle,.board-stage--ellipse,.board-stage--arrow,.board-stage--line,.board-stage--text{cursor:crosshair}.board-stage--eraser{cursor:cell}.board-stage__svg{width:100%;height:100%;display:block}.board-element--shape{fill:none;stroke:#1f2937;stroke-width:2px}.board-element--line{fill:none;stroke:#1f2937;stroke-width:2.5px;stroke-linecap:round}.board-element--arrow-shaft{stroke-linecap:butt}.board-element--arrowhead{stroke-width:.75px;stroke-linejoin:round}.board-element--stroke{fill:none;stroke:#1f2937;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.board-slide-frame{fill:#fff;stroke:#0f172a2e;stroke-width:2px;filter:drop-shadow(0 18px 34px #0f172a1f);pointer-events:none}.board-slide-frame--active{stroke:#6d5dfcdb;stroke-width:3px;filter:drop-shadow(0 18px 34px #0f172a1f)drop-shadow(0 0 10px #6d5dfc2e)}.board-recording-frame{fill:none;stroke-width:2.75px;stroke-dasharray:none;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.board-recording-frame--preparing{stroke:#22c55e;filter:drop-shadow(0 0 7px #22c55e57)}.board-recording-frame--recording{stroke:#ef4444;filter:drop-shadow(0 0 7px #ef444457)}.board-recording-frame--paused{stroke:#facc15;filter:drop-shadow(0 0 7px #facc155c)}.board-recording-status-badge{z-index:13;color:#fff;letter-spacing:.08em;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:64px;height:28px;padding:0 11px;font-size:.78rem;font-weight:950;display:inline-flex;position:absolute;transform:translateY(-100%);box-shadow:0 10px 22px #0f172a2e}.board-recording-status-badge--recording{background:#ef4444;animation:1.2s ease-in-out infinite recordingBadgePulse}.board-recording-status-badge--paused{color:#713f12;background:#facc15}@keyframes recordingBadgePulse{0%,to{opacity:1}50%{opacity:.45}}.board-recording-dim{fill:#0f172a75;pointer-events:none}.board-recording-slide-button{z-index:13;color:#0f172a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#ffffffeb;border:1px solid #0f172a14;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:2rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;transform:translateY(-50%);box-shadow:0 16px 34px #0f172a29}.board-recording-slide-button__icon{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:block}.board-recording-slide-button:hover:not(:disabled){background:#fff;box-shadow:0 20px 42px #0f172a33}.board-recording-slide-button:disabled{cursor:not-allowed;opacity:.32}.board-slide-title{fill:#334155b8;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:28px;font-weight:800}.slide-navigator{z-index:11;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#fffffff0;border:1px solid #0f172a14;border-radius:20px;flex-direction:column;gap:10px;width:172px;max-height:calc(100dvh - 150px);padding:10px;display:flex;position:absolute;top:112px;right:18px;box-shadow:0 18px 42px #0f172a1a}.slide-navigator__header{justify-content:center;align-items:center;padding:0 2px 2px;display:flex}.slide-navigator__title{color:#0f172a;text-align:center;margin:0;font-size:.92rem;font-weight:900}.slide-navigator__empty{color:#4338ca;text-align:center;background:#6d5dfc0f;border:1px dashed #6d5dfc47;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:132px;padding:18px 12px;font-size:.84rem;font-weight:800;line-height:1.35;display:flex}.slide-navigator__empty:hover:not(:disabled){background:#6d5dfc1a;border-color:#6d5dfc61}.slide-navigator__empty:disabled{cursor:not-allowed;opacity:.48}.slide-navigator__empty-plus{color:#4338ca;background:#fff;border:1px solid #6d5dfc2e;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.3rem;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #6d5dfc1f}.slide-navigator__list{flex-direction:column;gap:10px;padding-right:2px;display:flex;overflow:auto}.slide-navigator__item{cursor:grab;background:#f8fafce0;border:1px solid #0f172a14;border-radius:16px;flex-direction:column;gap:7px;padding:8px;display:flex;position:relative}.slide-navigator__item--dragging{opacity:.58}.slide-navigator__thumbnail-button{background:#fff;border-radius:12px;width:100%;padding:0;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a14}.slide-navigator__thumbnail{background:#f8fafc;width:100%;height:82px;display:block}.slide-navigator__thumbnail-bg{fill:#fff}.slide-thumbnail-element--shape,.slide-thumbnail-element--line{fill:none;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.slide-thumbnail-element--arrow-shaft{stroke-linecap:butt}.slide-thumbnail-element--arrowhead{stroke-width:2px;stroke-linejoin:round}.slide-thumbnail-element--stroke{fill:none;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round}.slide-thumbnail-text{-webkit-user-select:none;user-select:none;pointer-events:none;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;width:100%;height:100%;padding:8px 10px;font-weight:500;line-height:1.4;overflow:hidden}.slide-thumbnail-text-node{-webkit-user-select:none;user-select:none;pointer-events:none}.slide-navigator__meta{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;display:grid}.slide-navigator__page{color:#475569;background:#fff;border-radius:9px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:900;display:inline-flex}.slide-navigator__name{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:#334155;min-width:0;font-size:.82rem;font-weight:800;overflow:hidden}.slide-navigator__name:disabled{cursor:not-allowed;color:#94a3b8}.slide-navigator__rename-input{color:#1e293b;background:#fff;border:1px solid #6d5dfc5c;border-radius:9px;outline:none;width:100%;min-width:0;height:26px;padding:0 7px;font-size:.8rem;font-weight:800}.slide-navigator__actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.slide-navigator__action{color:#475569;background:#ffffffdb;border-radius:10px;height:28px;font-size:.86rem;font-weight:900}.slide-navigator__action:hover{background:#e2e8f0c7}.slide-navigator__action:disabled,.slide-navigator__add:disabled{cursor:not-allowed;opacity:.45}.slide-navigator__action:disabled:hover,.slide-navigator__add:disabled:hover{background:#ffffffdb}.slide-navigator__action--danger{color:#b91c1c}.slide-navigator__action--danger:hover{background:#fee2e2f2}.slide-navigator__add{color:#334155;background:#fff;border:1px solid #0f172a14;border-radius:14px;height:36px;font-size:1.1rem;font-weight:900}.slide-navigator__add:hover{background:#e2e8f0c7}.board-stage__selection-area{fill:#94a3b81c;stroke:none}.board-stage__selection-box{fill:none;stroke:#6d5dfcd1;stroke-width:1.6px;stroke-dasharray:6 6}.board-stage__selected-bounds{fill:#0000;stroke:#6d5dfcbd;stroke-width:1.45px;stroke-dasharray:6 5;filter:drop-shadow(0 0 1px #fffffff2)drop-shadow(0 0 5px #6d5dfc3d)}.board-stage__selected-bounds--solid{stroke:#6d5dfcfa;stroke-width:2.4px;stroke-dasharray:none;filter:drop-shadow(0 0 1.2px #fffffffa)drop-shadow(0 0 7px #6d5dfc57)}.board-stage__group-bounds{fill:none;stroke:#6d5dfcb8;stroke-width:1.35px;stroke-dasharray:6 5}.board-element--preview-bounds{fill:none;stroke:#6d5dfcb8;stroke-width:1.2px;stroke-dasharray:5 4;pointer-events:none}.board-stage__handle{fill:#fff;stroke:#6d5dfc;stroke-width:1.7px;filter:drop-shadow(0 0 1px #fffffffa)drop-shadow(0 1px 4px #6d5dfc57)}.board-stage__handle--image{stroke:#6d5dfcfa;stroke-width:2px;filter:drop-shadow(0 0 1px #fffffffa)drop-shadow(0 1px 4px #6d5dfc5c)}.board-image-crop-dim{fill:#0f172a6b;pointer-events:none}.board-image-crop-box{fill:none;stroke:#22c55ef2;stroke-width:2px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;pointer-events:none}.board-image-crop-handle{fill:#fff;stroke:#22c55e;stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:all}.board-image-crop-actions{z-index:14;pointer-events:auto;gap:10px;display:inline-flex;position:absolute;transform:translate(-50%)}.board-image-crop-action{color:#fff;border:1px solid #0f172a14;border-radius:999px;width:36px;height:36px;font-size:1.15rem;font-weight:950;box-shadow:0 12px 28px #0f172a29}.board-image-crop-action--confirm{background:#22c55e}.board-image-crop-action--cancel{background:#ef4444}.board-image-crop-action:hover{transform:translateY(-1px)}.board-stage__rotate-control{pointer-events:none}.board-stage__rotate-stem{stroke:#6d5dfcb8;stroke-width:1.5px;stroke-dasharray:4 4}.board-stage__rotate-handle{fill:#fff;stroke:#6d5dfc;stroke-width:1.8px;filter:drop-shadow(0 0 1px #fffffffa)drop-shadow(0 2px 5px #6d5dfc57)}.board-stage__rotate-icon{fill:none;stroke:#6d5dfc;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.board-text-node{-webkit-user-select:none;user-select:none;pointer-events:none;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;width:100%;height:100%;padding:8px 10px;font-weight:500;line-height:1.4;overflow:hidden}.board-stage__editing-bounds{fill:#0000;stroke:#4f46e5d1;stroke-width:1.5px}.board-text-editor{-webkit-user-select:text;user-select:text;box-sizing:border-box;z-index:3;resize:none;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;padding:8px 10px;font-weight:500;line-height:1.4;position:absolute;overflow:hidden}.settings-overlay{z-index:30;padding:var(--page-padding-block) var(--page-padding-inline);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes settingsModalBackdropIn{0%{opacity:0}to{opacity:1}}.settings-overlay__backdrop{-webkit-backdrop-filter:blur(10px);background:#02061794;border:0;padding:0;animation:.18s ease-out both settingsModalBackdropIn;position:absolute;inset:0}.settings-overlay__content{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}@media (width<=1024px){.board-toolbar{flex-wrap:wrap;justify-content:center;width:calc(100% - 40px)}.board-toolbar__group,.board-toolbar__properties{flex-wrap:wrap;justify-content:center}.board-toolbar__button{min-width:54px;padding:8px 10px}.floating-controls{gap:8px;top:16px;left:16px}.floating-controls__button{min-width:64px;padding:12px 14px}}.slide-navigator__thumbnail-button{background:#ffffffb8}.slide-navigator__thumbnail{background:0 0}.slide-navigator__thumbnail-bg-html{width:100%;height:100%}.slide-navigator__thumbnail-outline{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none}.slide-navigator__thumbnail--dark{filter:drop-shadow(0 6px 12px #0003)}.board-recording-dim{fill:#0f172a3d}.slide-navigator__item{border-color:#0f172a1f}.slide-navigator__item--active{border-color:#6d5dfc8f;box-shadow:inset 0 0 0 1px #6d5dfc38,0 8px 20px #6d5dfc1f}.slide-navigator__thumbnail-button{box-shadow:inset 0 0 0 1px #0f172a24,0 6px 14px #0f172a14}.slide-navigator__item--active .slide-navigator__thumbnail-button{box-shadow:inset 0 0 0 2px #6d5dfc70,0 8px 18px #6d5dfc1f}.board-slide-frame{filter:none}.board-slide-frame--active{filter:drop-shadow(0 0 0 1px #6d5dfc2e)}.board-slide-frame,.board-slide-frame--active{filter:none!important;box-shadow:none!important;outline:none!important}.board-slide-frame{stroke:#0f172a42;stroke-width:2px}.board-slide-frame--active{stroke:#6d5dfcf5;stroke-width:3px}.slide-navigator__item{cursor:pointer;background:#ffffffe6;border-radius:18px;gap:9px;padding:10px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.slide-navigator__item:hover{background:#f8fafcfa;border-color:#6d5dfc38;box-shadow:0 10px 26px #0f172a14}.slide-navigator__item:active{cursor:pointer}.slide-navigator__item--active{background:#6d5dfc1a;border-color:#6d5dfc85;box-shadow:inset 0 0 0 1px #6d5dfc33,0 10px 24px #6d5dfc1f}.slide-navigator__thumbnail-button{width:100%;box-shadow:none;background:0 0;border:0;border-radius:14px;padding:0;display:block;overflow:hidden}.slide-navigator__thumbnail-button:hover{background:0 0}.slide-navigator__thumbnail{background:0 0;border-radius:14px;width:100%;height:112px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a1f}.slide-navigator__meta{grid-template-columns:28px minmax(0,1fr);padding-right:34px}.slide-navigator__page{color:#475569;background:#f1f5f9eb;width:28px;height:24px}.slide-navigator__item--active .slide-navigator__page{color:#4338ca;background:#6d5dfc29}.slide-navigator__name{color:#1e293b;font-size:.84rem}.slide-navigator__menu-wrap{z-index:3;position:absolute;top:12px;right:12px}.slide-navigator__more{color:#475569;background:#ffffffdb;border:1px solid #0f172a1a;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.15rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 8px 18px #0f172a14}.slide-navigator__more:hover:not(:disabled),.slide-navigator__more[aria-expanded=true]{color:#4338ca;background:#fff;border-color:#6d5dfc52}.slide-navigator__more:disabled{cursor:not-allowed;opacity:.45}.slide-navigator__menu{background:#fffffffa;border:1px solid #0f172a1a;border-radius:14px;min-width:124px;padding:6px;position:absolute;top:36px;right:0;box-shadow:0 16px 34px #0f172a29}.slide-navigator__menu-item{color:#334155;text-align:left;border-radius:10px;align-items:center;width:100%;height:32px;padding:0 10px;font-size:.82rem;font-weight:850;display:flex}.slide-navigator__menu-item:hover{background:#e2e8f0c7}.slide-navigator__menu-item--danger{color:#b91c1c}.slide-navigator__menu-item--danger:hover{background:#fee2e2f2}.slide-navigator__thumbnail-button{background:#f8fafc47;border-radius:12px;box-shadow:none!important}.slide-navigator__thumbnail{border-radius:12px;height:112px;box-shadow:inset 0 0 0 1px #0f172a0e}.slide-navigator__meta{padding-right:40px}.slide-navigator__menu-wrap{top:auto;bottom:10px;right:10px}.slide-navigator__more{width:32px;height:32px;box-shadow:none;background:#f8fafce0;border-radius:12px}.slide-navigator__more-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.slide-navigator__item:not(.slide-navigator__item--active):hover{background:#f8fafcfa;border-color:#6d5dfc38;box-shadow:0 10px 26px #0f172a14}.slide-navigator__item--active,.slide-navigator__item--active:hover{background:#6d5dfc1a;border-color:#6d5dfc85;box-shadow:inset 0 0 0 1px #6d5dfc33,0 10px 24px #6d5dfc1f}.slide-navigator__thumbnail-button,.slide-navigator__thumbnail-button:hover,.slide-navigator__item--active .slide-navigator__thumbnail-button{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.slide-navigator__thumbnail{border-radius:10px;box-shadow:none!important}.slide-navigator__item--active .slide-navigator__thumbnail{box-shadow:none!important}.slide-navigator__meta{grid-template-columns:28px minmax(0,1fr) 34px;align-items:center;gap:8px;padding-right:0;display:grid}.slide-navigator__menu-wrap{justify-self:end;position:relative;top:auto;bottom:auto;right:auto}.slide-navigator__more{width:32px;height:32px}.slide-navigator__menu{top:auto;bottom:38px;right:0}.slide-navigator__item--dragging{cursor:grabbing;opacity:.56;z-index:3;transform:scale(.985);box-shadow:0 14px 32px #0f172a29}.slide-navigator__item--drop-target:not(.slide-navigator__item--dragging){border-color:#6d5dfc57}.slide-navigator__item--drop-before:before,.slide-navigator__item--drop-after:after{content:"";pointer-events:none;background:#6d5dfcc7;border-radius:999px;height:3px;position:absolute;left:14px;right:14px}.slide-navigator__item--drop-before:before{top:-7px}.slide-navigator__item--drop-after:after{bottom:-7px}.slide-navigator__list{padding-top:8px;padding-bottom:8px}.slide-navigator__gap{pointer-events:none;height:0;margin:-5px 0;position:relative}.slide-navigator__gap--active{height:10px;margin:-2px 0}.slide-navigator__gap--active:before{content:"";background:#6d5dfcd1;border-radius:999px;height:3px;position:absolute;top:50%;left:14px;right:14px;transform:translateY(-50%)}.slide-navigator__item--drop-target:not(.slide-navigator__item--dragging),.slide-navigator__item--drop-before:before,.slide-navigator__item--drop-after:after{border-color:inherit;content:none;background:0 0}.slide-navigator__item--dragging{pointer-events:none;opacity:.72;background:#6d5dfc14;border-style:dashed;border-color:#6d5dfc73;transform:scale(.985);box-shadow:inset 0 0 0 1px #6d5dfc1f}.slide-navigator__gap,.slide-navigator__gap--active{display:none!important}.slide-navigator__gap--active:before,.slide-navigator__item--drop-before:before,.slide-navigator__item--drop-after:after{content:none!important;display:none!important}.slide-navigator__item--dragging{pointer-events:auto}.board-page{--board-top-safe-area:104px}.board-page__stage{height:auto!important;inset:0!important}.board-toolbar{box-sizing:border-box;scrollbar-width:none;z-index:22;white-space:normal!important;flex-wrap:nowrap!important;width:max-content!important;max-width:calc(100dvw - 32px)!important;top:16px!important;left:50%!important;right:auto!important;overflow:visible!important;transform:translate(-50%)!important}.board-toolbar::-webkit-scrollbar{display:none}.board-toolbar__group,.board-toolbar__properties{min-width:0}.board-left-rail{z-index:18;pointer-events:none;flex-direction:column;align-items:flex-start;gap:12px;width:252px;display:flex;position:absolute;left:20px;top:var(--board-top-safe-area)!important}.board-left-rail .floating-controls,.board-left-rail .board-properties-panel{pointer-events:auto;position:static!important;inset:auto!important;transform:none!important}.board-left-rail .floating-controls{white-space:nowrap;background:#ffffffeb;border:1px solid #0f172a14;border-radius:24px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;width:max-content;max-width:none;padding:8px;display:inline-flex;overflow:visible;box-shadow:0 14px 32px #0f172a1f}.board-left-rail .floating-controls__button{white-space:nowrap;border-radius:13px;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:7px;min-width:0;height:40px;padding:0 12px;font-size:.84rem;line-height:1;display:inline-flex}.board-left-rail .floating-controls__button--icon{width:auto;min-width:0}.board-left-rail .floating-controls__icon{flex:none;width:16px;height:16px}.floating-controls__icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.floating-controls__record-dot{background:currentColor;border-radius:999px;flex:none;width:8px;min-width:8px;height:8px;min-height:8px;display:inline-block;box-shadow:0 0 0 3px #ffffff3d}.board-left-rail .floating-controls__timer{flex:none;height:40px}.board-left-rail .board-properties-panel{width:252px;max-height:calc(100dvh - var(--board-top-safe-area) - 72px)!important}.board-left-rail .board-properties-panel__palette{grid-template-columns:repeat(5,minmax(0,1fr))}.board-left-rail .board-properties-panel__color-swatch{width:34px;height:34px}.board-properties-panel__action-label{white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:1px;line-height:1.08;display:inline-flex}.board-left-rail .board-properties-panel__action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.board-left-rail .board-properties-panel__action{min-height:60px;padding:8px 4px;font-size:.68rem}.slide-navigator{top:var(--board-top-safe-area)!important;max-height:calc(100dvh - var(--board-top-safe-area) - 24px)!important}@media (width<=1000px){.board-page{--board-top-safe-area:132px}.board-toolbar{flex-wrap:wrap!important;place-content:center!important;align-items:center!important;gap:6px!important;width:auto!important;max-width:calc(100dvw - 24px)!important;padding:8px!important;top:12px!important;left:12px!important;right:12px!important;transform:none!important}.board-toolbar__group,.board-toolbar__properties{flex-wrap:wrap!important;flex:0 auto!important;justify-content:center!important;gap:5px!important;min-width:0!important}.board-toolbar__group+.board-toolbar__group:before,.board-toolbar__properties:before{flex:0 0 1px;align-self:center;height:28px;margin:2px 4px 2px 0!important}.board-toolbar__button{flex:0 auto!important;gap:3px!important;min-width:36px!important;min-height:46px!important;padding:6px 7px!important}.board-toolbar__icon{width:17px;height:17px}.board-toolbar__label{line-height:1;font-size:.56rem!important}.board-left-rail{width:244px;left:12px}.board-left-rail .board-properties-panel{width:244px}}@media (width<=720px){.board-page{--board-top-safe-area:176px}.board-toolbar{gap:5px!important;padding:7px!important}.board-toolbar__group,.board-toolbar__properties{gap:4px!important}.board-toolbar__group+.board-toolbar__group:before,.board-toolbar__properties:before{display:none}.board-toolbar__button{min-width:32px!important;min-height:42px!important;padding:5px 6px!important}.board-toolbar__icon{width:15px!important;height:15px!important}.board-toolbar__label{max-width:34px;font-size:.5rem!important}.board-left-rail{width:226px}.board-left-rail .floating-controls__button{height:36px;padding:0 10px;font-size:.78rem}.board-left-rail .board-properties-panel{width:226px}.board-left-rail .board-properties-panel__palette{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=560px){.board-page{--board-top-safe-area:198px}.board-toolbar__button{min-width:30px!important;min-height:40px!important;padding:4px 5px!important}.board-toolbar__icon{width:14px!important;height:14px!important}.board-toolbar__label{max-width:32px;font-size:.48rem!important}}.board-properties-panel__color-swatch--custom{justify-content:center;align-items:center;line-height:1;display:inline-flex}.board-properties-panel__color-swatch--custom span{justify-content:center;align-items:center;margin:0;line-height:1;display:inline-flex;transform:none}