/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--ink:#18222e;--muted:#6f7b89;--line:#dfe4e8;--soft:#f5f7f8;--blue:#1967d2;--blue-soft:#eaf2ff;--lime:#b7f34a}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#edf1f3;margin:0}body{font-family:Arial,Noto Sans JP,sans-serif;overflow:auto}button,input,select{font:inherit}button{color:inherit}.studio-shell{background:#fff;grid-template-rows:52px auto minmax(0,1fr) 190px;height:100dvh;min-height:700px;display:grid;position:relative}.topbar{border-bottom:1px solid var(--line);z-index:2;background:#fff;grid-template-columns:minmax(235px,1fr) auto minmax(370px,1fr);align-items:center;gap:12px;padding:0 14px;display:grid}.brand,.header-identity,.top-actions,.selected-summary,.preview-actions,.timeline-head,.timeline-head>div{align-items:center;display:flex}.header-identity{gap:12px;min-width:0}.brand{gap:8px}.brand-mark{color:#162300;background:var(--lime);border-radius:7px;place-items:center;width:26px;height:26px;font-style:italic;font-weight:900;display:grid}.brand div{flex-direction:column;line-height:1.15;display:flex}.brand strong{letter-spacing:-.01em;white-space:nowrap;font-size:12px}.brand span:last-child{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:8px}.header-document{border-left:1px solid var(--line);flex-direction:column;min-width:0;padding-left:12px;line-height:1.2;display:flex}.header-document strong{color:#34404d;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;overflow:hidden}.header-document span{max-width:220px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.top-actions{justify-content:flex-end;gap:5px}.document-tools{justify-content:center;align-items:center;gap:5px;display:flex}.document-tools button{color:#596674;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;height:30px;padding:0 8px;font-size:10px}.document-tools button:hover:not(:disabled){background:var(--soft);border-color:var(--line)}.document-tools button:disabled{opacity:.35;cursor:default}.document-tools>span{background:var(--line);width:1px;height:18px;margin:0 3px}.document-tools .header-play{color:#fff;background:var(--blue);padding:0 11px;font-weight:700}.privacy-note{color:var(--muted);white-space:nowrap;font-size:9px}.privacy-note:before{content:"●";color:#39a35b;margin-right:7px;font-size:9px}.header-menu-link{color:#56636f;border-radius:6px;align-items:center;min-height:31px;padding:0 9px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.header-menu-link:hover{color:#4f43a6;background:#f1efff}.guide-page{color:#17202a;background:#f5f7f8;min-height:100vh}.guide-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid #dfe4e8;align-items:center;gap:28px;height:58px;padding:0 max(22px,50vw - 540px);display:flex;position:sticky;top:0}.guide-brand{color:inherit;align-items:center;gap:9px;margin-right:auto;text-decoration:none;display:flex}.guide-brand>span{color:#172300;background:#b8ea48;border-radius:8px;place-items:center;width:29px;height:29px;font-size:14px;font-style:italic;font-weight:900;display:grid}.guide-brand>div{flex-direction:column;gap:1px;display:flex}.guide-brand strong{font-size:12px}.guide-brand small{color:#8a949d;letter-spacing:.08em;text-transform:uppercase;font-size:7px}.guide-header nav{align-items:center;gap:18px;display:flex}.guide-header nav a{color:#64717d;font-size:9px;font-weight:700;text-decoration:none}.guide-header nav .guide-editor-link{color:#fff;background:#6557bc;border-radius:8px;align-items:center;height:34px;padding:0 13px;display:flex}.guide-hero{text-align:center;background:radial-gradient(circle at 50% 10%,#eeebff 0,#f5f7f8 55%);flex-direction:column;align-items:center;min-height:430px;padding:76px max(22px,50vw - 460px) 64px;display:flex}.guide-kicker{color:#5145a5;letter-spacing:.1em;background:#e8e4ff;border-radius:12px;padding:5px 9px;font-size:8px;font-weight:900}.guide-hero h1{color:#26214e;letter-spacing:-.055em;margin:18px 0 13px;font-size:clamp(36px,6vw,68px);line-height:1.06}.guide-hero>p{color:#697683;max-width:650px;margin:0;font-size:13px;line-height:1.85}.guide-hero>div{flex-direction:column;align-items:center;gap:8px;margin-top:26px;display:flex}.guide-hero>div a{color:#fff;background:#6557bc;border-radius:9px;align-items:center;height:44px;padding:0 20px;font-size:11px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 9px 24px #483b9e38}.guide-hero>div small{color:#8b959e;font-size:8px}.guide-section{max-width:1080px;margin:0 auto;padding:70px 24px}.guide-section-title{align-items:flex-start;gap:15px;display:flex}.guide-section-title>span,.guide-support>div>span{color:#7568c6;letter-spacing:.08em;font-size:9px;font-weight:900}.guide-section-title h2,.guide-support h2{color:#2d2852;letter-spacing:-.025em;margin:0;font-size:25px}.guide-section-title p{color:#7c8791;margin:6px 0 0;font-size:10px}.guide-step-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;display:grid}.guide-step-grid article{background:#fff;border:1px solid #dfe4e8;border-radius:12px;min-height:165px;padding:18px}.guide-step-grid article b{color:#fff;background:#6b5fc0;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.guide-step-grid h3{margin:22px 0 7px;font-size:13px}.guide-step-grid p{color:#77838e;margin:0;font-size:9px;line-height:1.65}.guide-ai{background:#fff;max-width:none;padding-left:max(24px,50vw - 540px);padding-right:max(24px,50vw - 540px)}.guide-ai-flow{grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:8px;margin-top:28px;display:grid}.guide-ai-flow>div{background:#f8f7ff;border:1px solid #ded9fa;border-radius:10px;flex-direction:column;gap:6px;min-height:88px;padding:15px;display:flex}.guide-ai-flow>div strong{color:#4d4387;font-size:11px}.guide-ai-flow>div span{color:#7d769e;font-size:9px;line-height:1.55}.guide-ai-flow>b{color:#9b93ca;text-align:center}.guide-privacy{color:#486052;background:#eff8f2;border-radius:10px;margin-top:18px;padding:17px 19px}.guide-privacy strong{font-size:10px}.guide-privacy ul{color:#62766a;gap:5px;margin:9px 0 0;padding-left:18px;font-size:9px;display:grid}.guide-support{text-align:center;padding-top:80px;padding-bottom:80px}.guide-support>div{background:#fff;border:1px solid #dcd8ef;border-radius:15px;max-width:660px;margin:auto;padding:36px;box-shadow:0 14px 50px #28234c14}.guide-support h2{margin-top:8px}.guide-support p{color:#727e89;margin:13px 0 20px;font-size:10px;line-height:1.75}.guide-support a,.guide-support button{color:#fff;background:#6557bc;border:0;border-radius:8px;align-items:center;height:39px;padding:0 15px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.guide-support button:disabled{color:#838d96;background:#e8ebee}.guide-support small{color:#969fa7;margin-top:10px;font-size:8px;display:block}.guide-ad{background:#eef1f3;border-radius:8px;max-width:1080px;min-height:90px;margin:26px auto;padding:8px}.guide-ad>span{color:#a2a9af;text-align:center;margin-bottom:4px;font-size:7px;display:block}.guide-footer{background:#fff;border-top:1px solid #dfe4e8;align-items:center;min-height:94px;padding:20px max(24px,50vw - 540px);display:flex}.guide-footer>div{flex-direction:column;gap:3px;margin-right:auto;display:flex}.guide-footer strong{font-size:11px}.guide-footer span{color:#89939c;font-size:8px}.guide-footer nav{align-items:center;gap:18px;display:flex}.guide-footer a{color:#5b4fad;font-size:9px;font-weight:700;text-decoration:none}.ad-consent{z-index:100;background:#fffffffa;border:1px solid #d6dce2;border-radius:12px;align-items:center;gap:20px;max-width:850px;margin:auto;padding:15px 16px;display:flex;position:fixed;bottom:18px;left:18px;right:18px;box-shadow:0 16px 45px #18212b38}.ad-consent>div:first-child{flex:1;min-width:0}.ad-consent strong{color:#27313c;margin-bottom:4px;font-size:11px;display:block}.ad-consent p{color:#67737e;margin:0;font-size:9px;line-height:1.65}.ad-consent p a{color:#5749ad}.ad-consent-actions{flex:none;gap:7px;display:flex}.ad-consent-actions button,.ad-consent-manage{color:#53606c;cursor:pointer;background:#fff;border:1px solid #cbd3da;border-radius:7px;height:32px;padding:0 11px;font-size:9px;font-weight:800}.ad-consent-actions button.primary{color:#fff;background:#6557bc;border-color:#6557bc}.ad-consent-manage{z-index:90;opacity:.72;height:27px;padding:0 8px;position:fixed;bottom:12px;left:12px;box-shadow:0 3px 12px #18212b1a}.ad-consent-manage:hover{opacity:1}.legal-page{color:#24303a;background:#f5f7f8;min-height:100vh}.legal-header{background:#fffffff2;border-bottom:1px solid #dfe4e8;align-items:center;height:58px;padding:0 max(22px,50vw - 460px);display:flex}.legal-header>a:last-child{color:#5b4fad;margin-left:auto;font-size:9px;font-weight:800;text-decoration:none}.legal-content{max-width:760px;margin:0 auto;padding:70px 24px 80px}.legal-kicker{color:#6557bc;letter-spacing:.13em;font-size:8px;font-weight:900}.legal-content h1{color:#29234e;letter-spacing:-.045em;margin:10px 0 8px;font-size:clamp(30px,5vw,48px)}.legal-lead{color:#75818b;margin:0 0 45px;font-size:11px}.legal-content section{border-top:1px solid #dfe4e8;padding:24px 0}.legal-content h2{color:#323d47;margin:0 0 10px;font-size:14px}.legal-content p,.legal-content li{color:#626f79;font-size:10px;line-height:1.9}.legal-content p{margin:8px 0 0}.legal-content ul{margin:5px 0 0;padding-left:20px}.legal-content a{color:#5749ad;font-weight:700}.legal-date{text-align:right;color:#8b959e!important;margin-top:32px!important}.legal-footer{background:#fff;border-top:1px solid #dfe4e8;justify-content:flex-end;align-items:center;gap:18px;min-height:72px;padding:18px max(24px,50vw - 380px);display:flex}.legal-footer a{color:#5b4fad;font-size:9px;font-weight:700;text-decoration:none}.upload-button,.secondary-upload,.project-open-button{cursor:pointer;border-radius:8px;font-weight:700}.upload-button{color:#fff;background:var(--ink);padding:10px 16px;font-size:13px}.upload-button:hover{background:#2e3c4b}.upload-button input,.drop-placeholder input,.project-open-button input{display:none}.project-open-button,.project-save-button{height:30px;color:var(--ink);background:#fff;border:1px solid #b9c5d0;border-radius:6px;padding:0 9px;font-size:10px;font-weight:700}.project-open-button{align-items:center;display:inline-flex}.project-open-button:hover,.project-save-button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.project-save-button{cursor:pointer}.project-save-button:disabled{opacity:.4;cursor:default}.export-button{height:30px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #b9c5d0;border-radius:6px;padding:0 11px;font-size:11px;font-weight:700}.export-button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.export-button:disabled{opacity:.4;cursor:default}.primary-export{color:#fff;background:var(--blue);border-color:var(--blue)}.primary-export:hover:not(:disabled){color:#fff;background:#155ab8}.ai-header-button{color:#4d42a8;cursor:pointer;background:#f2f0ff;border:1px solid #a9b7e8;border-radius:6px;height:30px;padding:0 11px;font-size:10px;font-weight:800}.ai-header-button:hover:not(:disabled){background:#eae6ff;border-color:#7365d3}.ai-header-button:disabled{opacity:.4;cursor:default}.header-menu{position:relative}.open-menu-button,.more-menu-button{height:30px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #b9c5d0;border-radius:6px;padding:0 9px;font-size:10px;font-weight:700}.open-menu-button{justify-content:center;align-items:center;gap:5px;line-height:1;display:inline-flex}.open-menu-button:hover,.more-menu-button:hover{color:var(--blue);border-color:var(--blue)}.open-menu-button span{width:10px;color:var(--muted);place-items:center;margin:0;font-size:9px;line-height:1;display:inline-grid;transform:translateY(-1px)}.header-menu-popover{z-index:30;background:#fff;border:1px solid #d5dce2;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 8px);box-shadow:0 14px 38px #18222e2e}.open-menu-popover{width:238px;right:0}.header-menu-popover label,.header-menu-popover button{width:100%;min-height:42px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px 10px;font-size:11px;display:flex}.header-menu-popover label:hover,.header-menu-popover button:hover:not(:disabled){background:var(--soft)}.header-menu-popover label strong{font-size:11px}.header-menu-popover label small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:400}.header-menu-popover input{display:none}.header-menu-popover button:disabled{opacity:.4;cursor:default}.header-menu-popover hr{border:0;border-top:1px solid var(--line);margin:5px}.more-menu{display:none}.more-menu-button{width:34px;padding:0;font-size:12px}.more-menu-popover{width:205px;right:0}.more-menu-popover button{flex-direction:row;justify-content:flex-start;align-items:center;min-height:36px}.apng-button{color:#1556ad;background:var(--blue-soft);border-color:#b8d2f7;min-width:62px}.gif-button{color:#7135a5;background:#f5edff;border-color:#dac3ef;min-width:54px}.color-select select{min-width:48px}.background-select{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;justify-content:center;height:36px;padding:4px 7px 3px;display:flex}.background-select span{color:#8b95a0;font-size:7px;line-height:1}.background-select select{color:#3f4c59;background:0 0;border:0;outline:0;min-width:60px;padding:0;font-size:10px;font-weight:700}.export-popover{z-index:20;background:#fff;border:1px solid #d5dce2;border-radius:12px;width:390px;max-height:calc(100vh - 80px);padding:14px;position:absolute;top:54px;right:14px;overflow-y:auto;box-shadow:0 22px 60px #18222e38}.export-popover-head{justify-content:space-between;align-items:flex-start;margin-bottom:13px;display:flex}.export-popover-head>div{flex-direction:column;display:flex}.export-popover-head strong{font-size:14px}.export-popover-head span{color:#87919b;margin-top:3px;font-size:9px}.export-popover-head button{color:#7f8993;cursor:pointer;background:0 0;border:0;font-size:18px}.export-trigger-notice{color:#665118;background:#fff9e7;border:1px solid #ead79a;border-radius:8px;flex-direction:column;gap:4px;margin:-2px 0 11px;padding:9px 10px;display:flex}.export-trigger-notice strong{font-size:9px}.export-trigger-notice span{font-size:8px;line-height:1.55}.export-mask-compatibility{background:#faf8ff;border:1px solid #d9d2eb;border-radius:7px;margin:8px 0;padding:9px}.export-mask-compatibility>strong{color:#5e4b91;margin-bottom:6px;font-size:9px;display:block}.export-mask-compatibility>div{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.export-mask-compatibility span{color:#66717b;background:#fff;border-radius:5px;padding:5px;font-size:7px;line-height:1.45}.export-mask-compatibility span b{color:#4e5963;font-size:8px;display:block}.export-mask-compatibility span.supported{color:#4f765c;background:#f2faf4}.export-mask-compatibility span.warning{color:#8a6231;background:#fff8e9}.export-mask-compatibility span.blocked{color:#8e4944;background:#fff1f0}.export-mask-compatibility>p{color:#786b89;margin:6px 1px 0;font-size:7px;line-height:1.5}.export-mask-compatibility>p.error{color:#983f39;background:#fff0ef;border-radius:4px;padding:5px 6px;font-weight:700}.export-options{background:#f5f7f8;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.export-field span{color:#737f8b;margin-bottom:5px;font-size:8px;font-weight:700;display:block}.export-field select{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;height:32px;padding:0 7px;font-size:10px}.format-list{gap:6px;margin-top:12px;display:grid}.format-group-heading{border-bottom:1px solid #e5e9ed;justify-content:space-between;align-items:baseline;gap:10px;margin-top:7px;padding:7px 2px 3px;display:flex}.format-group-heading:first-child{margin-top:0}.format-group-heading strong{color:#44515e;font-size:11px}.format-group-heading span{color:#8a959f;text-align:right;font-size:9px}.format-list>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:45px 1fr auto;align-items:center;gap:9px;width:100%;min-height:54px;padding:8px;display:grid}.format-list>button:hover:not(:disabled){background:#f8fbff;border-color:#9ebbe3}.format-list>button:disabled{opacity:.6;cursor:default}.format-list>button>span:nth-child(2){flex-direction:column;display:flex}.format-list strong{font-size:10px}.format-list small{color:#87919b;margin-top:3px;font-size:8px}.format-list b{color:var(--blue);font-size:9px}.format-icon{border-radius:6px;place-items:center;width:43px;height:34px;font-size:8px;font-weight:900;display:grid}.svg-format{color:#1556ad;background:#eaf2ff}.js-svg-format{color:#7a4b00;background:#fff3cf}.apng-format{color:#176b36;background:#eaf8ef}.gif-format{color:#7135a5;background:#f5edff}.png-sequence-format{color:#176b55;background:#e9f8f3}.webp-format{color:#17645f;background:#e7f7f5}.webm-format{color:#9a4d12;background:#fff1e7}.mp4-format{color:#9b342e;background:#fff0ef}.lottie-format{color:#006b72;background:#e8f8fa}.export-progress{background:#e8edf1;border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.export-progress span{background:var(--blue);height:100%;transition:width .15s;display:block}.export-hint{color:#8b95a0;text-align:center;margin:10px 0 0;font-size:8px}.error-banner{color:#8d251f;background:#fff0ef;border-bottom:1px solid #fac8c4;align-items:center;gap:12px;padding:9px 12px 9px 18px;font-size:13px;display:flex}.success-banner{color:#176b36;background:#edfaf1;border-bottom:1px solid #bde7c9;align-items:center;gap:12px;padding:9px 12px 9px 18px;font-size:12px;display:flex}.error-banner span,.success-banner span{min-width:0;margin-right:auto}.error-banner button,.success-banner button{width:28px;height:28px;color:inherit;cursor:pointer;background:#ffffffa6;border:0;border-radius:6px;flex:none;font-size:15px}.recovery-banner{color:#614b12;background:#fff9e7;border-bottom:1px solid #ead79a;align-items:center;gap:8px;min-height:52px;padding:8px 18px;display:flex}.recovery-banner>div{flex-direction:column;gap:3px;min-width:0;margin-right:auto;display:flex}.recovery-banner strong{font-size:12px}.recovery-banner span{color:#88733a;font-size:10px}.recovery-banner button{color:#614b12;cursor:pointer;background:#fff;border:1px solid #d2bd78;border-radius:7px;height:30px;padding:0 11px;font-size:10px;font-weight:700}.recovery-banner .recovery-primary{color:#fff;background:#826613;border-color:#826613}.ai-panel-backdrop{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141b237a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.ai-panel-backdrop.previewing{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:#141b2314;place-items:stretch end}.ai-panel-backdrop.previewing .ai-panel{pointer-events:auto;width:min(450px,42vw);max-height:100%;box-shadow:-12px 0 44px #0f172233}.ai-panel{background:#fff;border:1px solid #d9ddea;border-radius:15px;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 36px);display:flex;overflow:hidden;box-shadow:0 28px 90px #0f172252}.ai-panel:focus{outline:none}.ai-panel>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:59px;padding:11px 15px 11px 18px;display:flex}.ai-panel>header>div{flex-direction:column;gap:3px;min-width:0;margin-right:auto;display:flex}.ai-panel>header strong{color:#342d78;font-size:15px}.ai-panel>header span{color:#7e8794;font-size:10px}.ai-panel>header button{color:#697582;cursor:pointer;background:#f0f2f5;border:0;border-radius:7px;width:30px;height:30px;font-size:17px}.ai-panel>header .ai-settings-button{color:#5549aa;background:#efedff;margin-left:auto;font-size:15px}.ai-panel-body{min-height:0;padding:14px 18px 18px;overflow-y:auto}.ai-beta-note{color:#5348a4;background:#f6f4ff;border:1px solid #d9d3fb;border-radius:8px;flex-direction:column;gap:3px;padding:9px 11px;display:flex}.ai-beta-note strong{font-size:10px}.ai-beta-note span{color:#746caa;font-size:9px;line-height:1.45}.ai-credentials-section{background:#faf9ff;border:1px solid #d9d3fb;border-radius:10px;margin-top:13px;padding:13px}.ai-provider-choice{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ai-provider-choice button{color:#596674;cursor:pointer;background:#fff;border:1px solid #d8dce5;border-radius:7px;height:34px;font-size:10px;font-weight:700}.ai-provider-choice button.active{color:#4b3ea5;background:#f0edff;border-color:#887bd9;box-shadow:inset 0 0 0 1px #887bd9}.ai-credential-fields{grid-template-columns:1.3fr 1fr;gap:7px;margin-top:9px;display:grid}.ai-credential-fields label{min-width:0;display:block}.ai-credential-fields label>span{color:#606d79;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.ai-credential-fields input{box-sizing:border-box;color:#34414e;background:#fff;border:1px solid #cfd8e0;border-radius:7px;outline:0;width:100%;height:34px;padding:0 9px;font-size:10px}.ai-credential-fields input:focus{border-color:#786bd1;box-shadow:0 0 0 3px #786bd11f}.ai-session-note{color:#53606d;background:#fff;border:1px solid #dce3e8;border-radius:7px;flex-direction:column;gap:2px;margin-top:9px;padding:8px 10px;display:flex}.ai-session-note strong{font-size:9px}.ai-session-note span{color:#85909b;font-size:8px}.ai-credential-actions{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.ai-credential-actions button{color:#596674;cursor:pointer;background:#fff;border:1px solid #cfd7de;border-radius:7px;height:31px;padding:0 10px;font-size:9px;font-weight:700}.ai-credential-actions button.primary{color:#fff;background:#6557bc;border-color:#6557bc}.ai-credential-actions button.danger{color:#a04747;border-color:#e8caca}.ai-credential-actions button:disabled{opacity:.45;cursor:default}.ai-credential-status{color:#5145a7;margin:8px 0 0;font-size:9px;font-weight:700}.ai-connection-status{border-radius:6px;margin:6px 0 0;padding:6px 8px;font-size:9px;font-weight:700}.ai-connection-status.testing{color:#655a24;background:#fff7d9}.ai-connection-status.success{color:#256944;background:#eaf8f0}.ai-connection-status.error{color:#963f3f;background:#fff0ef}.ai-security-note{color:#8a94a0;margin:7px 0 0;font-size:8px;line-height:1.5}.ai-usage-section{border-top:1px solid #e1deef;margin-top:11px;padding-top:10px}.ai-usage-heading{align-items:center;gap:8px;display:flex}.ai-usage-heading>div{flex-direction:column;gap:2px;margin-right:auto;display:flex}.ai-usage-heading strong{color:#554b88;font-size:9px}.ai-usage-heading span{color:#8a94a0;font-size:8px}.ai-usage-heading button{color:#747f89;cursor:pointer;background:#fff;border:1px solid #d7dce2;border-radius:6px;height:25px;padding:0 7px;font-size:8px}.ai-usage-summary{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px;display:grid}.ai-usage-summary>div{text-align:center;background:#fff;border:1px solid #e0e4e9;border-radius:7px;flex-direction:column;gap:2px;min-width:0;padding:7px 5px;display:flex}.ai-usage-summary strong{color:#49406f;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ai-usage-summary span{color:#8a949e;font-size:7px}.ai-session-limit{align-items:center;gap:8px;margin-top:7px;display:flex}.ai-session-limit>span{color:#687480;margin-right:auto;font-size:8px;font-weight:700}.ai-session-limit select{color:#56626e;background:#fff;border:1px solid #d3dae1;border-radius:6px;height:28px;padding:0 7px;font-size:8px}.ai-usage-history{gap:3px;max-height:108px;margin-top:7px;display:grid;overflow-y:auto}.ai-usage-history>div{background:#fff;border-radius:5px;align-items:center;gap:8px;padding:5px 7px;display:flex}.ai-usage-history span{color:#5d6873;flex-direction:column;min-width:0;margin-right:auto;font-size:8px;font-weight:700;display:flex}.ai-usage-history small{color:#939ca5;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:400;overflow:hidden}.ai-usage-history b{color:#665b9c;white-space:nowrap;font-size:8px}.ai-usage-section>p{color:#99917b;margin:7px 0 0;font-size:7px;line-height:1.45}.ai-input-section,.ai-proposal-section{background:#fbfcfd;border:1px solid #dfe4e9;border-radius:10px;margin-top:13px;padding:13px}.ai-section-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.ai-section-heading strong{color:#4c5966;font-size:11px}.ai-section-heading span{color:#8b96a0;font-size:9px}.ai-brief-presets{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px;display:grid}.ai-brief-presets button{color:#5b6874;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce2e7;border-radius:7px;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:7px 8px;display:flex}.ai-brief-presets button strong{font-size:9px}.ai-brief-presets button small{color:#8b959e;font-size:7px}.ai-brief-presets button.active{color:#4b3fa4;background:#f1efff;border-color:#8a7ddb;box-shadow:inset 0 0 0 1px #8a7ddb}.ai-brief-presets button.active small{color:#766daa}.ai-mode-choice{grid-template-columns:1fr 1fr;gap:7px;display:grid}.ai-mode-choice button{color:#53606d;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8dfe6;border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;min-height:52px;padding:8px 10px;display:flex}.ai-mode-choice button strong{font-size:11px}.ai-mode-choice button small{color:#89949f;font-size:9px}.ai-mode-choice button.active{color:#4a3ca5;background:#f2efff;border-color:#8578da;box-shadow:inset 0 0 0 1px #8578da}.ai-instruction-field{margin-top:11px;display:block}.ai-instruction-field>span,.ai-preference-grid label>span{color:#606d79;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.ai-instruction-field textarea{resize:vertical;box-sizing:border-box;color:#34414e;width:100%;font:inherit;background:#fff;border:1px solid #cfd8e0;border-radius:8px;outline:0;padding:9px 10px;font-size:11px;line-height:1.55}.ai-instruction-field textarea:focus{border-color:#786bd1;box-shadow:0 0 0 3px #786bd11f}.ai-preference-grid{grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px;display:grid}.ai-preference-grid label>div{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;height:34px;display:flex}.ai-preference-grid input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding-left:8px;font-size:10px}.ai-preference-grid label>div small{color:#89949e;padding-right:8px;font-size:9px}.ai-preference-grid select,.ai-loop-choice button{border:1px solid var(--line);color:#4f5c69;background:#fff;border-radius:7px;width:100%;height:34px;padding:0 8px;font-size:10px}.ai-loop-choice button{cursor:pointer}.ai-loop-choice button.active{color:#4a3ca5;background:#f2efff;border-color:#9b91dc}.ai-payload-preview{background:#fff;border:1px solid #d9dfe6;border-radius:8px;margin-top:10px;overflow:hidden}.ai-payload-toggle{color:#52606c;text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 10px;display:flex}.ai-payload-toggle>span{flex-direction:column;gap:2px;margin-right:auto;display:flex}.ai-payload-toggle strong{font-size:10px}.ai-payload-toggle small{color:#89949f;font-size:8px}.ai-payload-toggle b{color:#5a4eb0;font-size:9px}.ai-payload-details{background:#fafbfc;border-top:1px solid #e2e7eb;padding:10px}.ai-payload-details dl{gap:6px;margin:0;display:grid}.ai-payload-details dl>div{grid-template-columns:68px minmax(0,1fr);gap:8px;display:grid}.ai-payload-details dt{color:#7c8792;font-size:8px;font-weight:700}.ai-payload-details dd{overflow-wrap:anywhere;color:#46535f;margin:0;font-size:9px;line-height:1.45}.ai-name-sharing,.ai-payload-confirm{cursor:pointer;background:#f0f2f5;border-radius:6px;align-items:flex-start;gap:7px;margin-top:9px;padding:7px 8px;display:flex}.ai-name-sharing input,.ai-payload-confirm input{accent-color:#6557bc;flex:none;width:14px;height:14px;margin:1px 0 0}.ai-name-sharing>span{flex-direction:column;gap:2px;display:flex}.ai-name-sharing strong,.ai-payload-confirm span{color:#52606c;font-size:9px}.ai-name-sharing small{color:#85909b;font-size:8px}.ai-payload-layers{margin-top:9px}.ai-payload-layers>strong{color:#687581;margin-bottom:5px;font-size:8px;display:block}.ai-payload-layers>div{flex-wrap:wrap;gap:4px;max-height:100px;display:flex;overflow-y:auto}.ai-payload-layers span{color:#53606c;background:#fff;border:1px solid #dce2e7;border-radius:9px;padding:3px 6px;font-size:8px}.ai-payload-layers small{color:#929ba4;text-transform:uppercase;font-size:7px}.ai-payload-confirm{background:#eeebff}.ai-cost-confirm{cursor:pointer;background:#fffbeb;border:1px solid #eadca8;border-radius:7px;align-items:flex-start;gap:8px;margin-top:10px;padding:8px 9px;display:flex}.ai-cost-confirm input{accent-color:#6557bc;flex:none;width:15px;height:15px;margin:1px 0 0}.ai-cost-confirm>span{flex-direction:column;gap:2px;display:flex}.ai-cost-confirm strong{color:#685820;font-size:9px}.ai-cost-confirm small{color:#897a47;font-size:8px;line-height:1.45}.ai-generate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b50bd,#7c58c8);border:0;border-radius:8px;width:100%;height:39px;margin-top:12px;font-size:11px;font-weight:800}.ai-generate-button:disabled{opacity:.5;cursor:default}.ai-error-list{color:#91433d;background:#fff1ef;border-radius:7px;flex-direction:column;gap:3px;margin-top:10px;padding:8px 10px;font-size:9px;display:flex}.ai-proposal-heading{align-items:flex-start;gap:10px;display:flex}.ai-alternative-tabs{background:#eceff3;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:10px;padding:3px;display:grid}.ai-alternative-tabs button{color:#6c7782;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:32px;font-size:9px;font-weight:700;display:flex}.ai-alternative-tabs button.active{color:#4d41a5;background:#fff;box-shadow:0 1px 4px #28303c1f}.ai-alternative-tabs small{color:#919aa3;font-size:7px}.ai-proposal-heading>div{flex-direction:column;gap:3px;min-width:0;margin-right:auto;display:flex}.ai-proposal-heading strong{color:#38316f;font-size:12px}.ai-proposal-heading span{color:#7e8994;font-size:9px;line-height:1.45}.ai-proposal-heading b{color:#5145a7;background:#ece9ff;border-radius:10px;padding:3px 7px;font-size:9px}.ai-motion-selection{align-items:center;gap:5px;margin-top:9px;display:flex}.ai-motion-selection span{color:#5d6873;margin-right:auto;font-size:9px;font-weight:700}.ai-motion-selection button{color:#67737e;cursor:pointer;background:#fff;border:1px solid #d7dde3;border-radius:6px;height:25px;padding:0 7px;font-size:8px}.ai-motion-list{gap:5px;margin-top:10px;display:grid}.ai-motion-list>label{opacity:.67;cursor:pointer;background:#f6f7f8;border:1px solid #e0e5ea;border-radius:7px;grid-template-columns:15px 22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:43px;padding:6px 8px;display:grid}.ai-motion-list>label.selected{opacity:1;background:#fff;border-color:#d5cff8}.ai-motion-list>label>input{accent-color:#6557bc;width:14px;height:14px;margin:0}.ai-motion-list>label>span{color:#fff;background:#7164c4;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;font-weight:800;display:grid}.ai-motion-list>label>div{flex-direction:column;gap:2px;min-width:0;display:flex}.ai-motion-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ai-motion-list small{color:#7e8a95;font-size:9px}.ai-motion-list em{color:#8a94a0;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:8px;font-style:normal;overflow:hidden}.ai-preview-actions{align-items:center;gap:8px;margin-top:9px;display:flex}.ai-preview-actions button{color:#fff;cursor:pointer;background:#7164c4;border:1px solid #7164c4;border-radius:7px;height:31px;padding:0 10px;font-size:9px;font-weight:700}.ai-preview-actions button.stop{color:#9b3e3e;background:#fff2f1;border-color:#e7c3c3}.ai-preview-actions button:disabled{opacity:.45;cursor:default}.ai-preview-actions small{color:#89949f;font-size:8px}.ai-revision-box{background:#f7f5ff;border:1px solid #dcd7f4;border-radius:8px;margin-top:10px;padding:8px 9px}.ai-revision-box summary{color:#665b9c;cursor:pointer;font-size:9px;font-weight:700}.ai-revision-box>div{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;margin-top:8px;display:grid}.ai-revision-box label{min-width:0}.ai-revision-box label>span{color:#5b518f;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.ai-revision-box textarea{resize:vertical;box-sizing:border-box;color:#46535f;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #d3cee9;border-radius:6px;outline:0;padding:7px 8px;font-size:9px}.ai-revision-box textarea:focus{border-color:#786bd1;box-shadow:0 0 0 3px #786bd11a}.ai-revision-box>div>button{color:#fff;cursor:pointer;background:#6557bc;border:0;border-radius:6px;height:31px;padding:0 9px;font-size:9px;font-weight:700}.ai-revision-box>div>button:disabled{opacity:.45;cursor:default}.ai-excluded-note{color:#8b7333;margin-top:8px;font-size:9px}.ai-panel>footer{border-top:1px solid var(--line);background:#f8fafb;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 18px;display:flex}.ai-panel>footer>span{color:#87929d;font-size:9px}.ai-panel>footer>div{gap:6px;display:flex}.ai-panel>footer button{color:#596674;cursor:pointer;background:#fff;border:1px solid #cfd7de;border-radius:7px;height:34px;padding:0 13px;font-size:10px;font-weight:700}.ai-panel>footer button.apply{color:#fff;background:#6557bc;border-color:#6557bc}.ai-panel>footer button:disabled{opacity:.4;cursor:default}.workspace{grid-template-columns:250px minmax(360px,1fr) minmax(290px,300px);min-height:0;display:grid}.ai-handoff-bar{color:#4e4678;background:#f5f3ff;border-bottom:1px solid #d7d1f7;align-items:center;gap:12px;min-height:56px;padding:8px 14px;display:flex}.ai-handoff-bar.complete{color:#315f42;background:#eff9f2;border-bottom-color:#bcd9c6}.ai-handoff-title{align-items:center;gap:9px;min-width:0;margin-right:auto;display:flex}.ai-handoff-title>span{color:#fff;white-space:nowrap;background:#6a5dc0;border-radius:10px;padding:4px 7px;font-size:8px;font-weight:800}.ai-handoff-title>div{flex-direction:column;gap:2px;min-width:0;display:flex}.ai-handoff-title strong{font-size:10px}.ai-handoff-title small{color:#80799f;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.ai-handoff-progress{white-space:nowrap;align-items:baseline;gap:2px;display:flex}.ai-handoff-progress b{font-size:14px}.ai-handoff-progress span{color:#8c86a8;font-size:8px}.ai-handoff-progress em{color:#685d9e;background:#e9e5ff;border-radius:8px;margin-left:5px;padding:2px 5px;font-size:7px;font-style:normal;font-weight:700}.ai-handoff-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:560px;display:flex}.ai-handoff-actions button{color:#655c8c;cursor:pointer;background:#fff;border:1px solid #d2cdeb;border-radius:6px;height:29px;padding:0 8px;font-size:8px;font-weight:700}.ai-handoff-actions button.primary{color:#fff;background:#6557bc;border-color:#6557bc}.ai-handoff-actions button.review{color:#fff;background:#43845a;border-color:#43845a}.ai-handoff-actions button.check{color:#5c4fa6;background:#f1efff;border-color:#bdb5e7}.ai-handoff-actions button.done{color:#536b5c;background:#f4fbf6;border-color:#c8dccf}.ai-handoff-actions button:disabled{opacity:.38;cursor:default}.ai-quality-panel{background:#f8fafb;border-bottom:1px solid #d6dde3;padding:9px 14px}.ai-quality-panel.has-findings{background:#fffcf1;border-bottom-color:#e6d8aa}.ai-quality-panel.clean{background:#eff9f2;border-bottom-color:#bed9c7}.ai-quality-heading{align-items:center;gap:10px;display:flex}.ai-quality-heading>div{flex-direction:column;gap:2px;margin-right:auto;display:flex}.ai-quality-heading strong{color:#4f5b66;font-size:10px}.ai-quality-heading span{color:#818c96;font-size:8px}.ai-quality-heading>button{color:#6b7782;cursor:pointer;background:#fff;border:1px solid #d4dbe1;border-radius:6px;height:26px;padding:0 8px;font-size:8px}.ai-quality-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:5px;max-height:132px;margin-top:8px;display:grid;overflow-y:auto}.ai-quality-list>button{color:#5f5638;text-align:left;cursor:pointer;background:#fff;border:1px solid #e3d8b5;border-radius:7px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px 8px;display:grid}.ai-quality-list>button>span{color:#fff;background:#b18d2f;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:grid}.ai-quality-list>button.info>span{background:#6b83a0}.ai-quality-list>button>div{flex-direction:column;gap:2px;min-width:0;display:flex}.ai-quality-list strong{font-size:9px}.ai-quality-list small{color:#8c846d;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.ai-quality-list b{color:#72649e;white-space:nowrap;font-size:8px}.panel{background:#fff;min-width:0;min-height:0}.mobile-workspace-tabs{display:none}.layers-panel{border-right:1px solid var(--line);flex-direction:column;display:flex}.properties-panel{border-left:1px solid var(--line);flex-direction:column;min-width:0;display:flex;container-type:inline-size}.panel-heading{text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:47px;padding:0 16px;font-size:11px;font-weight:800;display:flex}.inspector-heading{flex-direction:row;flex:none;justify-content:space-between;align-items:center;gap:10px;height:43px}.inspector-heading small{color:#7f8a94;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap;min-width:0;font-size:10px;font-weight:600;overflow:hidden}.count{background:var(--soft);min-width:22px;height:20px;color:var(--muted);border-radius:10px;place-items:center;padding:0 6px;font-size:10px;display:grid}.layer-heading-actions{align-items:center;gap:6px;display:flex;position:relative}.panel-heading .add-object-button{height:28px;color:var(--blue);cursor:pointer;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #cfd8e0;border-radius:6px;padding:0 8px;font-size:9px;font-weight:800}.panel-heading .add-object-button:disabled{opacity:.4;cursor:default}.shape-picker{z-index:20;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #d9e0e5;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;width:180px;padding:7px;display:grid;position:absolute;top:34px;right:0;box-shadow:0 14px 36px #1925302e}.shape-picker strong{color:#687581;grid-column:1/-1;padding:4px 5px 6px;font-size:9px}.shape-picker strong.shape-picker-section{border-top:1px solid var(--line);margin-top:2px;padding-top:7px}.shape-picker button{color:#53616e;cursor:pointer;background:#f9fafb;border:1px solid #e2e7eb;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;padding:5px;font-size:9px;display:flex}.shape-picker button:hover{color:var(--blue);background:#eff7ff;border-color:#93b9df}.shape-picker button span{font-size:16px;line-height:1}.shape-picker .add-svg-file{min-height:34px;color:var(--blue);cursor:pointer;background:#f4f9fe;border:1px dashed #9fbcda;border-radius:7px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:9px;font-weight:800;display:flex}.shape-picker .add-svg-file:hover{border-color:var(--blue);background:#eaf5ff}.shape-picker .add-svg-file span{font-size:13px}.shape-picker .add-svg-file input{display:none}.panel-empty{text-align:center;color:#8b95a0;align-content:center;justify-items:center;height:calc(100% - 47px);min-height:280px;display:grid}.panel-empty.compact{height:auto;min-height:220px}.panel-empty p{font-size:12px;line-height:1.7}.empty-glyph{color:#b2bac2;font-size:26px}.layer-search-row{border-bottom:1px solid var(--line);color:#8a96a1;align-items:center;gap:6px;height:42px;margin:0 9px;display:flex}.layer-search-row input{min-width:0;height:28px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:10px}.layer-search-row input::placeholder{color:#9ba5ae}.layer-search-row button{color:#7f8b96;cursor:pointer;background:0 0;border:0;border-radius:5px;width:25px;height:25px}.layer-search-row button:hover{background:var(--soft)}.layer-selection-bar{color:#174f91;background:#eff6ff;border-bottom:1px solid #cfe0f5;align-items:center;gap:5px;min-height:38px;padding:5px 9px;display:flex}.layer-selection-bar strong{white-space:nowrap;min-width:0;margin-right:auto;font-size:9px}.layer-selection-bar button{color:#175aab;cursor:pointer;background:#fff;border:1px solid #b8cfe9;border-radius:5px;height:26px;padding:0 7px;font-size:8px}.layer-list{flex:1;min-height:0;padding:7px;overflow-y:auto}.layer-row{text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:15px 13px minmax(50px,1fr) auto 24px 24px 24px;align-items:center;width:100%;height:36px;font-size:12px;display:grid;position:relative}.layer-row:hover{background:var(--soft)}.layer-row.selected{background:var(--blue-soft);color:#1556ad}.layer-row.selected:not(.primary){background:#edf4fc;box-shadow:inset 3px 0 #79a3d7}.layer-row.primary{outline:1px solid #a8c6ec}.layer-row.is-hidden .layer-select{opacity:.48}.layer-row.is-locked .layer-drag-handle{opacity:.22}.layer-row.is-dragging{opacity:.35}.layer-row.drop-before:before,.layer-row.drop-after:after{content:"";z-index:3;background:var(--blue);border-radius:2px;height:2px;position:absolute;left:4px;right:4px;box-shadow:0 0 0 1px #fff}.layer-row.drop-before:before{top:-1px}.layer-row.drop-after:after{bottom:-1px}.layer-drag-handle{color:#9aa5af;cursor:grab;-webkit-user-select:none;user-select:none;font-size:12px;line-height:1}.layer-drag-handle:active{cursor:grabbing}.layer-drag-handle.disabled{opacity:.25;cursor:not-allowed}.layer-disclosure{color:#687581;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:18px;height:24px;margin-left:-4px;padding:0;display:grid}.layer-disclosure span{transform-origin:50%;place-items:center;width:14px;height:14px;font-size:17px;line-height:14px;transition:transform .12s;display:grid}.layer-disclosure.expanded span{transform:rotate(90deg)}.layer-disclosure.collapsed span{transform:rotate(0)}.layer-disclosure:hover{color:var(--blue);background:#ffffffb3}.layer-disclosure-spacer{width:15px}.layer-select{cursor:pointer;outline:0;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;height:100%;display:grid}.layer-select:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:5px}.layer-rename{color:#82909d;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:5px;width:24px;height:24px}.layer-row:hover .layer-rename,.layer-rename:focus{opacity:1}.layer-rename:hover{color:var(--blue);background:#ffffffb3}.layer-toggle{color:#788692;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:5px;width:24px;height:26px;padding:0;font-size:10px}.layer-row:hover .layer-toggle,.layer-toggle:focus-visible,.layer-toggle.inactive,.layer-toggle.active{opacity:1}.layer-toggle:hover{color:var(--blue);background:#ffffffb8}.layer-toggle.inactive{color:#b0b8bf;opacity:.38}.layer-toggle.active{color:#a66b18;background:#fff4d9}.layer-toggle.visibility-toggle{filter:grayscale();font-size:11px}.layer-toggle.lock-toggle{font-size:10px}.layer-motion-count{color:#4d67a0;white-space:nowrap;background:#e8efff;border-radius:7px;padding:2px 3px;font-size:7px;font-weight:800}.layer-overflow{position:relative}.layer-overflow-button{color:#75818c;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:5px;width:24px;height:26px;padding:0;font-size:9px}.layer-row:hover .layer-overflow-button,.layer-overflow-button:focus-visible,.layer-overflow-button[aria-expanded=true]{opacity:1}.layer-overflow-button:hover{color:var(--blue);background:#ffffffbf}.layer-row-menu{z-index:25;background:#fff;border:1px solid #d6dee5;border-radius:8px;width:142px;padding:5px;position:absolute;top:30px;right:0;box-shadow:0 12px 30px #18222e33}.layer-row-menu button{width:100%;height:30px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 8px;font-size:9px}.layer-row-menu button:hover:not(:disabled){background:var(--soft)}.layer-row-menu button:disabled{opacity:.38;cursor:default}.layer-row-menu button.danger{color:#a5322b}.layer-row-menu hr{border:0;border-top:1px solid var(--line);margin:4px}.layer-search-empty{min-height:140px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex}.layer-search-empty button{border:1px solid var(--line);color:var(--blue);cursor:pointer;background:#fff;border-radius:6px;padding:6px 9px;font-size:9px}.layer-name-input{width:100%;min-width:0;height:25px;color:var(--ink);background:#fff;border:1px solid #77a9df;border-radius:5px;outline:0;padding:0 6px;font-size:11px}.layer-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.layer-name-block{flex-direction:column;justify-content:center;min-width:0;display:flex;overflow:hidden}.layer-name-block .layer-label{line-height:1.15;display:block}.layer-name-block small{color:#8b96a0;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;font-weight:600;line-height:1;overflow:hidden}.layer-row.selected .layer-name-block small{color:#6689b3}.layer-tag{color:#9aa3ad;font-size:9px}.canvas-area{background:#eef1f3;grid-template-rows:50px 1fr;min-width:0;min-height:0;display:grid}.canvas-toolbar{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:0 12px;font-size:12px;display:grid}.canvas-context,.canvas-tools{align-items:center;gap:8px;display:flex}.canvas-context{white-space:nowrap;min-width:0;overflow:hidden}.canvas-context>span:last-child,.canvas-context strong{text-overflow:ellipsis;overflow:hidden}.canvas-context strong{color:var(--ink);font-size:11px;font-weight:700}.autosave-status{border-left:1px solid var(--line);color:#8a949e;margin-left:4px;padding-left:10px;font-size:9px}.context-arrow{color:#abb3ba}.preview-mode-switch{background:#eef1f4;border-radius:7px;align-items:center;height:30px;padding:2px;display:flex}.preview-mode-switch button{color:#687581;cursor:pointer;background:0 0;border:0;border-radius:5px;height:26px;padding:0 10px;font-size:9px;font-weight:700}.preview-mode-switch button.active{color:#1556ad;background:#fff;box-shadow:0 1px 4px #1f2e3c24}.preview-tool-switch{border:1px solid var(--line);background:#f5f7f8;border-radius:6px;height:30px;padding:2px;display:flex}.canvas-tools .preview-tool-switch button{background:0 0;border:0;border-radius:4px;height:24px;padding:0 7px}.canvas-tools .preview-tool-switch button.active{color:#fff;background:#617386}.canvas-tools .compact-tool-button{width:30px;padding:0;font-size:12px}.canvas-tools .effect-preview-button{width:52px;padding:0 6px}.canvas-view-menu{position:relative}.canvas-tools .canvas-view-menu-button{justify-content:center;align-items:center;gap:5px;min-width:54px;display:flex}.canvas-view-menu-button span{color:#8b96a0;font-size:9px}.canvas-view-popover{z-index:35;width:245px;color:var(--ink);text-align:left;background:#fff;border:1px solid #d3dce4;border-radius:10px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 42px #19253133}.canvas-view-popover section{border-bottom:1px solid #edf0f2;padding:9px}.canvas-view-popover section:last-child{border-bottom:0}.canvas-view-popover strong,.canvas-view-popover small{display:block}.canvas-view-popover strong{color:#4d5965;font-size:9px}.canvas-view-popover small{color:#8a959f;margin-top:3px;font-size:8px;line-height:1.4}.background-choice{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;display:grid}.canvas-tools .background-choice button{width:auto;height:29px;padding:0}.canvas-tools .background-choice button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.view-setting-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.view-setting-heading>div{min-width:0}.canvas-tools .view-setting-heading>button{color:#6e7a85;background:#edf1f4;flex:none;width:42px;padding:0}.canvas-tools .view-setting-heading>button.toggle-on{color:#fff;border-color:var(--blue);background:var(--blue)}.snap-size-field{border:1px solid var(--line);border-radius:6px;justify-content:space-between;align-items:center;height:30px;margin-top:8px;padding:0 7px;display:flex}.snap-size-field span{color:#788590;font-size:8px}.snap-size-field select{color:#4f5d69;background:0 0;border:0;outline:0;font-size:9px;font-weight:700}.popover-zoom-controls{grid-template-columns:30px 48px 30px 1fr;gap:4px;margin-top:8px;display:grid}.canvas-tools .popover-zoom-controls button{width:auto;height:30px;padding:0 4px}.canvas-tools .popover-zoom-controls button.fit{color:var(--blue);font-size:8px;font-weight:700}.canvas-tools{justify-content:flex-end;min-width:0}.canvas-tools button{border:1px solid var(--line);color:#5c6976;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border-radius:6px;min-width:0;height:30px;padding:0 9px;font-size:9px;overflow:hidden}.canvas-tools button:disabled{opacity:.4;cursor:default}.preview-background-select{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:5px;height:30px;padding:2px 6px;display:flex}.preview-background-select span{color:#89939d;font-size:8px}.preview-background-select select{color:#4f5c69;background:0 0;border:0;outline:0;padding:0;font-size:9px;font-weight:700}.file-name{color:#596573}.snap-controls{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;height:30px;display:flex;overflow:hidden}.canvas-tools .snap-controls button{border:0;border-radius:0;height:28px}.canvas-tools .snap-controls button.active{color:#fff;background:var(--blue)}.snap-controls select{border:0;border-left:1px solid var(--line);color:#5d6975;background:#fff;outline:0;height:28px;padding:0 4px;font-size:8px}.zoom-controls{align-items:center;gap:3px;display:flex}.canvas-tools .zoom-controls button{width:25px;padding:0;font-size:11px}.canvas-tools .zoom-controls .zoom-value{font-variant-numeric:tabular-nums;width:44px;font-size:8px}.canvas-tools .zoom-controls .fit-preview-button{width:36px;font-size:8px}.canvas-tools .preview-guide-button{color:#3f6f9d;border-radius:50%;width:28px;padding:0;font-size:13px;font-weight:900;position:relative}.preview-guide-button.is-unread:after{content:"";background:#ef5b52;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px}.preview-guide-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#161e266b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.preview-guide-modal{width:min(440px,100%);color:var(--ink);background:#fff;border:1px solid #d9e0e5;border-radius:14px;overflow:hidden;box-shadow:0 24px 70px #131d273d}.preview-guide-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 18px 14px;display:flex}.preview-guide-modal>header div{flex-direction:column;gap:3px;display:flex}.preview-guide-modal>header strong{font-size:14px}.preview-guide-modal>header span{color:var(--muted);font-size:10px}.preview-guide-modal>header button{color:#677482;cursor:pointer;background:#f1f4f6;border:0;border-radius:7px;width:28px;height:28px}.preview-guide-list{padding:8px 18px}.preview-guide-list>div{border-bottom:1px solid #eef1f3;align-items:center;gap:12px;min-height:52px;display:flex}.preview-guide-list>div:last-child{border-bottom:0}.guide-icon{color:#3278b9;background:#edf5fc;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.preview-guide-list p{flex-direction:column;gap:3px;margin:0;display:flex}.preview-guide-list strong{font-size:11px}.preview-guide-list small{color:#77838f;font-size:10px}.preview-guide-modal>footer{border-top:1px solid var(--line);background:#f8fafb;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.preview-guide-modal>footer span{color:#909aa4;font-size:9px}.preview-guide-modal>footer button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:7px 16px;font-size:10px;font-weight:700}.canvas{box-sizing:border-box;touch-action:none;overscroll-behavior:contain;scrollbar-gutter:stable;background:#dfe4e8;min-height:0;padding:34px;display:block;overflow:auto}.canvas.is-panning,.canvas.is-panning *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.canvas.tool-pan,.canvas.tool-pan *{cursor:grab}.canvas.tool-pan.is-panning,.canvas.tool-pan.is-panning *{cursor:grabbing}.canvas.has-artwork{background:#dfe4e8}.canvas.preview-white .svg-preview{background:#fff}.canvas.preview-black .svg-preview{background:#0b0d10}.canvas.preview-checker .svg-preview{background-color:#f7f8f9;background-image:linear-gradient(45deg,#dfe3e6 25%,#0000 25%),linear-gradient(-45deg,#dfe3e6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe3e6 75%),linear-gradient(-45deg,#0000 75%,#dfe3e6 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.drop-placeholder{cursor:pointer;text-align:center;background:#fffffff0;border:1px dashed #b8c1c9;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:min(420px,88%);min-height:300px;margin:auto;display:flex;box-shadow:0 18px 40px #232f3a14}.upload-orbit{border:1px solid #dce3e8;border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:20px;display:grid;position:relative}.upload-orbit:after{content:"";border:1px dashed #b5c1cb;border-radius:50%;width:44px;height:44px;position:absolute}.upload-orbit span{color:var(--blue);font-size:20px}.drop-placeholder strong{font-size:18px}.drop-placeholder p{color:var(--muted);margin:10px 0 18px;font-size:13px;line-height:1.65}.secondary-upload{background:#fff;border:1px solid #cdd4da;padding:9px 15px;font-size:12px}.demo-button{color:var(--blue);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:8px 14px;font-size:11px;font-weight:700}.demo-button:hover{text-decoration:underline}.drop-placeholder small{color:#9aa3ac;margin-top:13px;font-size:10px}.preview-zoom-space{flex:none;margin:auto;position:relative}.preview-stage{transform-origin:0 0;width:clamp(320px,48vw,760px);height:auto;min-height:1px;position:relative;overflow:visible}.artboard-size{color:#65717c;pointer-events:none;font-size:9px;font-weight:700;position:absolute;top:-23px;left:0}.svg-preview{box-sizing:border-box;background:0 0;border:1px solid #4b586438;border-radius:3px;place-items:center;width:100%;height:100%;padding:0;display:grid;overflow:hidden;box-shadow:0 18px 50px #222d382e}.svg-preview svg{width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden}.svg-preview [data-motion-id]{cursor:pointer;transition:filter .15s}.mode-edit .svg-preview [data-motion-id]:hover{filter:drop-shadow(0 0 3px #1967d2b3)}.mode-playback .svg-preview [data-motion-id]{cursor:default}.mode-playback .svg-preview [data-motion-selected=true],.mode-playback .svg-preview [data-motion-hovered=true]{outline:none}.svg-preview [data-motion-id][style*=transform]{will-change:transform, opacity}.shape-edit-overlay{z-index:3;box-sizing:border-box;border:calc(1.5px / var(--preview-zoom,1)) solid #1976d2;outline:calc(1px / var(--preview-zoom,1)) solid #ffffffbf;cursor:move;touch-action:none;min-width:4px;min-height:4px;position:absolute}.shape-edit-overlay:before{content:"";inset:calc(-5px / var(--preview-zoom,1));border:calc(1px / var(--preview-zoom,1)) dashed #1976d247;pointer-events:none;position:absolute}.shape-resize-handle{width:calc(14px / var(--preview-zoom,1));height:calc(14px / var(--preview-zoom,1));border:calc(2px / var(--preview-zoom,1)) solid #fff;border-radius:calc(3px / var(--preview-zoom,1));cursor:nwse-resize;touch-action:none;background:#1976d2;padding:0;position:absolute;box-shadow:0 1px 4px #1436584d}.shape-resize-handle.handle-nw{left:calc(-7px / var(--preview-zoom,1));top:calc(-7px / var(--preview-zoom,1))}.shape-resize-handle.handle-ne{right:calc(-7px / var(--preview-zoom,1));top:calc(-7px / var(--preview-zoom,1));cursor:nesw-resize}.shape-resize-handle.handle-sw{left:calc(-7px / var(--preview-zoom,1));bottom:calc(-7px / var(--preview-zoom,1));cursor:nesw-resize}.shape-resize-handle.handle-se{right:calc(-7px / var(--preview-zoom,1));bottom:calc(-7px / var(--preview-zoom,1))}.motion-guide{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:visible}.motion-guide svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.motion-guide line{stroke:#ef5b52;stroke-width:2px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.motion-guide path,.motion-guide ellipse,.motion-guide polyline{fill:none;stroke:#ef5b52;stroke-width:2px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.motion-guide line.control-line{stroke:#8796a5;stroke-width:1px;stroke-dasharray:3 3}.motion-guide circle{fill:#ef5b52;opacity:.55}.motion-point{width:17px;height:17px;transform:translate(-50%, -50%) scale(calc(1 / var(--preview-zoom,1)));cursor:move;pointer-events:auto;touch-action:none;background:#ef5b52;border:3px solid #fff;border-radius:50%;padding:0;position:absolute;box-shadow:0 2px 8px #4623204d}.motion-point-to{background:var(--blue)}.motion-point-from{z-index:3}.motion-point-to{z-index:2}.motion-point span{color:#fff;white-space:nowrap;pointer-events:none;background:#242e38e0;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:19px;left:50%;transform:translate(-50%)}.motion-control-point{width:13px;height:13px;transform:translate(-50%, -50%) rotate(45deg) scale(calc(1 / var(--preview-zoom,1)));cursor:move;pointer-events:auto;touch-action:none;background:#7a8998;border:2px solid #fff;border-radius:2px;padding:0;position:absolute;box-shadow:0 2px 6px #232d374d}.motion-control-point span{color:#fff;white-space:nowrap;pointer-events:none;background:#343f4ad9;border-radius:4px;padding:2px 4px;font-size:7px;position:absolute;top:-8px;left:15px;transform:rotate(-45deg)}.property-content{overscroll-behavior:contain;flex:auto;height:auto;min-height:0;padding:0 14px 28px;overflow-y:auto}.inspector-tabs{z-index:12;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;grid-template-columns:1fr 1fr;gap:4px;margin:0 -14px 14px;padding:8px 14px;display:grid;position:sticky;top:0}.inspector-tabs button{color:#6b7783;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:0;height:34px;padding:0 8px;font-size:10px;font-weight:800}.inspector-tabs button:hover{background:#f1f4f6}.inspector-tabs button.active{color:#155eaa;background:#eaf4ff}.inspector-tabs button span{min-width:18px;height:18px;color:inherit;background:#46698c1c;border-radius:9px;place-items:center;margin-left:4px;padding:0 4px;font-size:9px;display:inline-grid}.inspector-tab-panel{min-width:0}.selected-summary{background:#f8fafb;border:1px solid #dbe3ea;border-radius:9px;gap:10px;margin-bottom:16px;padding:11px}.selected-summary .clear-layer-selection{border:1px solid var(--line);color:#607080;cursor:pointer;background:#fff;border-radius:5px;margin-left:auto;padding:5px 7px;font-size:8px}.object-actions{grid-template-columns:repeat(3,1fr);gap:5px;margin:-7px 0 14px;display:grid}.object-actions button{border:1px solid var(--line);color:#596775;cursor:pointer;background:#fff;border-radius:6px;height:32px;padding:0 5px;font-size:10px;font-weight:700}.object-actions button:hover{color:var(--blue);background:#f7fbff;border-color:#9ebce0}.object-actions button.danger{color:#a34943;background:#fff8f7;grid-column:1/-1}.object-actions button.danger:hover{background:#fff5f4;border-color:#e1aaa6}.object-actions button:disabled{opacity:.38;cursor:default}.layer-row.is-clip-source .layer-name-block small{color:#8b55a7;font-weight:800}.layer-row.is-clip-target .layer-name-block small{color:#397397;font-weight:800}.svg-preview.show-clip-sources [data-editor-clip-source-active=true]{filter:drop-shadow(0 0 2px #a55bc4);opacity:.2!important}.svg-preview.hide-clip-sources [data-editor-clip-source-active=true]{pointer-events:none}.clip-properties{background:#faf9ff;border:1px solid #d9d4e8;border-radius:8px;margin:0 0 14px;padding:11px}.clip-properties .section-title{align-items:center;margin-bottom:6px;display:flex}.clip-properties .section-title>button{color:#75698f;cursor:pointer;background:#fff;border:1px solid #cfc7e5;border-radius:5px;height:25px;margin-left:auto;padding:0 7px;font-size:8px;font-weight:800}.clip-properties .section-title>button.active{color:#5e4594;background:#f0ebff;border-color:#8a72bc}.clip-properties>p{color:#75808a;margin:0 0 9px;font-size:9px;line-height:1.55}.clip-source-label{color:#596673;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.clip-mode-switch{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:7px;display:grid}.clip-mode-switch button{color:#65717c;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8dde2;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:45px;padding:6px;display:flex}.clip-mode-switch button.active{color:#584292;background:#f1edfb;border-color:#8b73bf;box-shadow:inset 0 0 0 1px #aa98d0}.clip-mode-switch strong{font-size:9px}.clip-mode-switch small{color:#8b949d;margin-top:2px;font-size:7px}.clip-invert-option{cursor:pointer;background:#fff;border:1px solid #dce1e6;border-radius:6px;grid-template-columns:16px 1fr;align-items:center;gap:5px;min-height:38px;margin-bottom:9px;padding:5px 7px;display:grid}.clip-invert-option input{accent-color:#6858b6;margin:0}.clip-invert-option>span{flex-direction:column;display:flex}.clip-invert-option strong{color:#56626d;font-size:9px}.clip-invert-option small{color:#8b949d;margin-top:1px;font-size:7px}.clip-source-options{gap:3px;max-height:126px;display:grid;overflow-y:auto}.clip-source-options label{cursor:pointer;background:#fff;border:1px solid #dce1e6;border-radius:6px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:5px;min-height:34px;padding:5px 7px;display:grid}.clip-source-options label.selected{background:#f2effb;border-color:#9c8acc}.clip-source-options input{accent-color:#6858b6;margin:0}.clip-source-options span{align-items:center;gap:5px;min-width:0;display:flex}.clip-source-options strong{color:#4b5661;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.clip-source-options small{color:#929aa2;text-transform:uppercase;margin-left:auto;font-size:7px}.clip-empty{color:#8b949c;text-align:center;border:1px dashed #d4d9df;border-radius:6px;padding:8px;font-size:8px;display:block}.clip-property-actions{grid-template-columns:1fr auto;gap:6px;margin-top:8px;display:grid}.clip-property-actions button{color:#66727d;cursor:pointer;background:#fff;border:1px solid #cbd3da;border-radius:6px;height:31px;padding:0 10px;font-size:9px;font-weight:800}.clip-property-actions button.primary{color:#fff;background:#6858b6;border-color:#6858b6}.clip-property-actions button:disabled{opacity:.4;cursor:default}.clip-status{color:#6d5aa8;margin-top:7px;font-size:8px;display:block}.mask-edit-button{color:#5c4692;cursor:pointer;background:#f1edfb;border:1px solid #8e78c0;border-radius:6px;width:100%;height:31px;margin-top:6px;font-size:9px;font-weight:800}.mask-edit-toolbar{z-index:8;pointer-events:auto;background:#fffffff7;border:1px solid #bdaee0;border-radius:8px;align-items:center;gap:6px;min-width:350px;min-height:40px;padding:5px 7px 5px 11px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #34295233}.mask-edit-toolbar>div{flex-direction:column;min-width:0;margin-right:auto;display:flex}.mask-edit-toolbar strong{color:#674d9d;font-size:9px}.mask-edit-toolbar span{color:#827696;text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin-top:2px;font-size:8px;overflow:hidden}.mask-edit-toolbar button{color:#65547e;cursor:pointer;background:#eee9f7;border:0;border-radius:5px;height:27px;padding:0 8px;font-size:8px;font-weight:700}.mask-edit-toolbar button:disabled{opacity:.4;cursor:default}.mask-edit-toolbar button.done{color:#fff;background:#6c55a5}.object-actions button,.alignment-tools button,.path-mode button,.reveal-direction button,.circle-direction button,.point-connection-mode button,.segment-mode-list button,.first-motion,.preset-change-button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.locked-layer-note{color:#77591a;background:#fff6df;border-radius:7px;margin:-7px 0 14px;padding:8px 9px;font-size:9px}.ungroup-button,.group-objects-button{width:100%;height:32px;color:var(--blue);cursor:pointer;background:#f4f9fe;border:1px solid #b8cce2;border-radius:7px;margin:-7px 0 14px;font-size:9px;font-weight:800}.ungroup-button:hover,.group-objects-button:hover{border-color:var(--blue);background:#eaf5ff}.group-objects-button{margin-top:-8px}.alignment-tools{background:#fafcfd;border:1px solid #dce4eb;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:5px;margin:-8px 0 14px;padding:8px;display:grid}.alignment-tools>span{color:#75818c;grid-column:1/-1;font-size:8px;font-weight:800}.alignment-tools button{border:1px solid var(--line);color:#596775;cursor:pointer;background:#fff;border-radius:5px;grid-column:span 2;height:27px;padding:0 3px;font-size:8px}.alignment-tools button:hover{color:var(--blue);background:#f4f9fe;border-color:#9ebce0}.alignment-tools button.distribute-button{grid-column:span 3}.alignment-tools button:disabled{opacity:.38;cursor:default}.shape-properties{background:#fbfcfd;border:1px solid #dce5ec;border-radius:9px;margin:-5px 0 16px;padding:12px}.shape-properties .section-title{margin-bottom:9px}.shape-color-row{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}.shape-color-row label{min-width:0}.shape-color-row label:last-child{grid-column:1/-1}.shape-color-row label>span{color:#687481;margin-bottom:4px;font-size:8px;font-weight:700;display:block}.shape-color-row input{box-sizing:border-box;border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;height:31px}.shape-color-row input[type=color]{cursor:pointer;padding:2px}.shape-color-row input[type=number]{color:#53606c;padding:0 6px;font-size:9px}.shape-color-row label>div{align-items:center;gap:5px;height:33px;display:flex}.shape-color-row label>div input[type=color]{flex:none;width:36px}.shape-color-row .shape-color-code{color:#53606c;text-transform:uppercase;min-width:0;height:33px;padding:0 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.shape-opacity-row{margin-top:10px}.shape-opacity-row label{grid-template-columns:auto minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid}.shape-opacity-row label+label{margin-top:7px}.shape-opacity-row span{color:#687481;font-size:9px;font-weight:700}.shape-opacity-row input{width:100%;accent-color:var(--blue)}.shape-opacity-row strong{color:#53606c;text-align:right;font-variant-numeric:tabular-nums;font-size:9px}.shape-fill-none{border:1px solid var(--line);color:#64717d;cursor:pointer;background:#fff;border-radius:6px;width:100%;height:30px;margin-top:9px;font-size:9px;font-weight:700}.shape-fill-none.active{color:#9b4e26;background:#fff7f1;border-color:#e1c1ac}.multi-layer-note{color:#3f6080;background:#edf5fc;border-radius:7px;margin:-7px 0 14px;padding:8px 9px;font-size:9px;line-height:1.5}.motion-picker{z-index:1001;background:#f7fbff;border:1px solid #cddceb;border-radius:14px;width:min(620px,100vw - 32px);max-height:min(720px,100vh - 32px);margin:0;padding:16px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #161e2661,0 24px 80px #1626364d}.motion-picker:focus,.preview-guide-modal:focus{outline:none}.motion-picker-head{justify-content:space-between;align-items:flex-start;margin-bottom:9px;display:flex}.motion-picker-head>div{flex-direction:column;gap:2px;display:flex}.motion-picker-head strong{color:#294d70;font-size:14px}.motion-picker-head small{color:#8294a5;font-size:10px}.motion-picker-head>button{color:#718292;cursor:pointer;background:#e8eef3;border:0;border-radius:7px;width:30px;height:30px;font-size:17px}.preset-categories{scrollbar-width:none;gap:3px;margin-bottom:7px;display:flex;overflow-x:auto}.preset-categories button{color:#687988;cursor:pointer;background:#fff;border:1px solid #d6e0e9;border-radius:999px;flex:none;padding:5px 7px;font-size:8px;font-weight:700}.preset-categories button.active{color:#fff;background:#3f6f9f;border-color:#3f6f9f}.preset-cards{grid-template-columns:repeat(4,1fr);gap:7px;max-height:360px;padding-right:2px;display:grid;overflow-y:auto}.preset-cards>button{min-width:0;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d7e1ea;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;display:flex}.preset-cards>button:hover{background:#f0f7ff;border-color:#6d9bd0}.preset-cards>button.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#eaf4ff}.preset-cards strong{font-size:10px}.preset-cards small{color:#8694a1;text-align:center;font-size:9px;line-height:1.35}.preset-glyph{color:var(--blue);font-size:17px;font-weight:700}.preset-options{grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;display:grid}.preset-options label{background:#fff;border:1px solid #dce4eb;border-radius:6px;justify-content:space-between;align-items:center;height:29px;padding:0 6px;display:flex}.preset-options span{color:#738290;font-size:8px}.preset-options select{color:#40566b;background:0 0;border:0;outline:0;font-size:8px;font-weight:700}.apply-preset-button{border:1px solid var(--blue);color:#fff;background:var(--blue);cursor:pointer;border-radius:7px;width:100%;margin-top:8px;padding:8px;font-size:9px;font-weight:800}.apply-preset-button:hover:not(:disabled){background:#155ab8}.apply-preset-button:disabled{color:#8c9aa7;cursor:default;background:#e7edf2;border-color:#d5dee6}.custom-motion-button{color:#526b82;cursor:pointer;background:0 0;border:1px dashed #aebfce;border-radius:6px;width:100%;margin-top:7px;padding:7px;font-size:8px;font-weight:700}.motion-canvas-hint{color:#35628d;background:#f2f7fc;border:1px dashed #adc8e8;border-radius:7px;margin-bottom:11px;padding:8px 9px;font-size:9px;line-height:1.5}.auto-orient-control{background:#fff;border:1px solid #dbe3eb;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin:0 0 11px;padding:8px 9px;display:flex}.auto-orient-control strong,.auto-orient-control small{display:block}.auto-orient-control strong{color:#536170;font-size:9px}.auto-orient-control small{color:#89949e;margin-top:2px;font-size:8px}.auto-orient-control button{color:#74808b;cursor:pointer;background:#e6ebef;border:0;border-radius:13px;width:42px;height:25px;font-size:8px;font-weight:800}.auto-orient-control button.active{color:#fff;background:var(--blue)}.path-mode{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:9px;display:grid}.path-mode button{border:1px solid var(--line);color:#627181;cursor:pointer;background:#fff;border-radius:6px;height:29px;font-size:9px;font-weight:700}.path-mode button.active{color:#fff;background:var(--blue);border-color:var(--blue)}.reveal-direction{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:11px;display:grid}.reveal-direction button{border:1px solid var(--line);color:#627181;cursor:pointer;background:#fff;border-radius:6px;height:29px;font-size:8px;font-weight:700}.reveal-direction button.active{color:var(--blue);background:var(--blue-soft);border-color:#9dbce2}.circle-direction{grid-template-columns:1fr 1fr;gap:4px;margin-top:7px;display:grid}.circle-direction button{border:1px solid var(--line);color:#647383;cursor:pointer;background:#fff;border-radius:6px;height:28px;font-size:8px;font-weight:700}.circle-direction button.active{color:#1556ad;background:var(--blue-soft);border-color:#8cb4e5}.point-connection-mode{grid-template-columns:1fr 1fr;gap:4px;margin:3px 0 9px;display:grid}.point-connection-mode button{border:1px solid var(--line);color:#647383;cursor:pointer;background:#fff;border-radius:6px;height:28px;font-size:8px;font-weight:700}.point-connection-mode button.active{color:#1556ad;background:var(--blue-soft);border-color:#8cb4e5}.segment-mode-list{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.segment-mode-list>div{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;min-height:30px;padding:3px 5px 3px 8px;display:flex}.segment-mode-list>div>span{color:#5f6e7d;font-size:8px;font-weight:700}.segment-mode-list>div>div{gap:2px;display:flex}.segment-mode-list button{color:#7b8792;cursor:pointer;background:0 0;border:0;border-radius:4px;height:22px;padding:0 7px;font-size:8px}.segment-mode-list button.active{color:#fff;background:#587ea9}.waypoint-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.waypoint-list>div{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:20px 1fr auto;align-items:center;min-height:29px;padding:4px 6px;display:grid}.waypoint-list>div>span{color:#fff;background:#738495;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;font-weight:700;display:grid}.waypoint-list code{color:#607080;font-family:inherit;font-size:8px}.waypoint-list button,.add-first-waypoint{color:#a0443e;cursor:pointer;background:0 0;border:0;font-size:8px}.add-first-waypoint{color:#35628d;background:#f5f9fc;border:1px dashed #aac0d5;border-radius:6px;width:100%;padding:8px}.parameter-caption-action{justify-content:space-between;align-items:center;display:flex}.parameter-caption-action>span{align-items:baseline;gap:5px;display:flex}.parameter-caption-action small{color:#97a1aa;font-size:8px;font-weight:500}.parameter-caption-action button{border:1px solid var(--line);color:#55708a;cursor:pointer;background:#fff;border-radius:5px;padding:3px 6px;font-size:8px}.parameter-caption-action button:disabled{opacity:.4;cursor:default}.svg-preview [data-motion-selected=true]{outline-offset:2px;outline:2px solid #1c69ccbf}.svg-preview [data-motion-hovered=true]{outline-offset:3px;outline:2px dashed #1967d2e6}.selected-summary div{flex-direction:column;min-width:0;display:flex}.selected-summary small{color:var(--muted);margin-bottom:3px;font-size:9px}.selected-summary strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.motion-stack{margin-bottom:20px}.motion-stack-head{color:#687481;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;font-weight:700;display:flex}.motion-stack-head button{border:1px solid var(--line);color:var(--blue);cursor:pointer;background:#fff;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700}.motion-stack-head .add-motion-primary{border-color:var(--blue);color:#fff;background:var(--blue);height:31px;padding:0 10px;font-size:10px}.motion-stack-head .add-motion-primary:hover{background:#155aa8}.motion-stack-head>div{gap:4px;display:flex}.motion-tabs{gap:5px;display:grid}.motion-tab-row{grid-template-columns:1fr 31px;gap:4px;display:grid;position:relative}.motion-tab-select{border:1px solid var(--line);color:#65717d;cursor:pointer;text-align:left;background:#fff;border-radius:7px;grid-template-columns:22px 1fr auto;align-items:center;width:100%;height:42px;padding:0 9px;font-size:9px;display:grid}.motion-tab-select span{background:var(--soft);border-radius:50%;place-items:center;width:16px;height:16px;margin-right:5px;font-size:8px;display:inline-grid}.motion-tab-select strong{color:var(--ink);font-size:10px}.motion-tab-select small{color:#8a949e;font-size:8px}.motion-tab-select.active{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.motion-tab-select.active strong{color:var(--blue)}.motion-tab-row.ai-draft .motion-tab-select{border-left:3px solid #7667c9}.motion-tab-row.ai-draft .motion-tab-select small:after{content:" · AI下書き";color:#7164bd;font-weight:700}.motion-tab-row.ai-draft.ai-changed:not(.ai-reviewed) .motion-tab-select small:after{content:" · AI下書き · 変更あり"}.motion-tab-row.ai-draft.ai-reviewed .motion-tab-select{border-left-color:#4b9b68}.motion-tab-row.ai-draft.ai-reviewed .motion-tab-select small:after{content:" · ✓ 調整済み";color:#398258}.motion-tab-menu-button{border:1px solid var(--line);color:#6d7984;cursor:pointer;background:#fff;border-radius:7px;width:31px;height:42px;padding:0;font-size:10px;font-weight:800}.motion-tab-menu-button:hover{color:var(--blue);background:#f5f9fd;border-color:#9ebce0}.motion-tab-menu{z-index:15;background:#fff;border:1px solid #d6dee5;border-radius:8px;width:112px;padding:5px;position:absolute;top:39px;right:0;box-shadow:0 10px 28px #1f2b372e}.motion-tab-menu button{color:#566574;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;height:30px;padding:0 8px;font-size:10px}.motion-tab-menu button:hover{background:#f0f4f7}.motion-tab-menu button.danger{color:#a34943}.editor-section-heading{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfcfd;justify-content:space-between;align-items:baseline;margin:0 -16px 15px;padding:12px 16px;display:flex}.editor-section-heading span{color:#4c5966;font-size:10px;font-weight:800}.editor-section-heading small{color:#8b95a0;font-size:8px}.editor-section-heading>div{align-items:center;gap:6px;display:flex}.editor-section-heading .motion-heading-delete{color:#a34943;cursor:pointer;background:#fff7f6;border:1px solid #e5c1bd;border-radius:5px;padding:4px 6px;font-size:9px}.preset-change-button{color:#2465aa;cursor:pointer;background:#f1f7fd;border:1px solid #a9c5e3;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:700}.preset-change-button:hover{background:#e4f0fb}.first-motion{width:100%;height:38px;color:var(--blue);cursor:pointer;background:#fafbfc;border:1px dashed #aeb9c3;border-radius:7px;font-size:10px;font-weight:700}.first-motion-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.first-motion-actions .first-motion{padding:0 5px}.first-motion-actions .first-motion.manual{color:#516b82;background:#fff;border-style:solid}.field-label,.select-field>span,.field-row label>span,.range-field>span{color:#687481;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.effect-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:20px;display:grid}.effect-grid button{border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:53px;padding:3px;font-size:10px;display:flex;overflow:hidden}.effect-grid button span{color:#5e6a77;font-size:15px}.effect-grid button:hover{border-color:#aab7c2}.effect-grid button.active{color:#1556ad;border-color:var(--blue);background:var(--blue-soft)}.effect-grid button.active span{color:var(--blue)}.effect-grid button:disabled{opacity:.35;cursor:not-allowed}.morph-settings{background:#fff;border:1px solid #d9e3ec;border-radius:7px;padding:10px}.morph-settings .select-field{margin-bottom:8px}.morph-settings p{color:#7b8792;margin:0;font-size:9px;line-height:1.6}.morph-conversion-note{color:#9a8178;margin-top:5px;font-size:8px;line-height:1.5;display:block}.morph-manual-button{width:100%;height:31px;color:var(--blue);cursor:pointer;background:#f5f9ff;border:1px solid #b9cce4;border-radius:6px;margin-top:8px;font-size:9px;font-weight:700}.morph-manual-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.morph-keyframe-shape{flex:2 130px;align-items:end;gap:4px;display:flex}.morph-keyframe-shape label{flex:1}.morph-keyframe-shape button{height:27px;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #b9cce4;border-radius:5px;padding:0 6px;font-size:8px}.morph-node-editor{z-index:7;pointer-events:none;position:absolute;inset:0}.morph-node-editor>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.morph-node-editor polyline{fill:none;stroke:#f06a4f;stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.morph-node-editor polyline.morph-reference-shape{stroke:#748391;stroke-width:2px;opacity:.42;stroke-dasharray:7 5}.morph-node-editor polyline.morph-current-shape{stroke:#f06a4f;stroke-width:2.5px;opacity:.95;stroke-dasharray:none}.morph-edit-toolbar{z-index:2;pointer-events:auto;background:#fffffff5;border:1px solid #d7c0b8;border-radius:8px;align-items:center;gap:8px;min-width:330px;height:38px;padding:0 7px 0 11px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #30231e29}.morph-edit-toolbar strong{color:#99482f;font-size:9px}.morph-edit-toolbar span{color:#8a756d;margin-right:auto;font-size:8px}.morph-edit-toolbar button{color:#6d5b54;cursor:pointer;background:#f2ebe8;border:0;border-radius:5px;height:25px;padding:0 7px;font-size:8px}.morph-edit-toolbar button.done{color:#fff;background:#c45a3a}.morph-edit-point{width:17px;height:17px;transform:translate(-50%, -50%) scale(calc(1 / var(--preview-zoom,1)));color:#fff;pointer-events:auto;touch-action:none;cursor:move;background:#ef6548;border:3px solid #fff;border-radius:50%;padding:0;position:absolute;box-shadow:0 2px 7px #46232052}.morph-edit-point span{color:#a84932;font-size:7px;font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%)}.keyframe-heading>button:disabled{opacity:.4;cursor:default}.field-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px;display:grid}.number-field{border:1px solid var(--line);border-radius:7px;align-items:center;height:38px;display:flex}.number-field input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding-left:10px;font-size:12px}.number-field small{color:var(--muted);padding-right:9px;font-size:10px}.select-field{margin-bottom:17px;display:block}.select-field select{border:1px solid var(--line);background:#fff;border-radius:7px;outline:0;width:100%;height:39px;padding:0 10px;font-size:12px}.range-field{margin-bottom:20px;display:block}.range-field>span{justify-content:space-between;display:flex}.range-field input{width:100%;accent-color:var(--blue)}.parameter-section,.settings-group{border:1px solid var(--line);background:#fafbfc;border-radius:8px;margin:4px 0 16px;padding:13px}.inspector-accordion{padding:0;overflow:hidden}.inspector-accordion>summary{color:#4f5d6b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:11px;font-weight:800;list-style:none;display:flex}.inspector-accordion>summary::-webkit-details-marker{display:none}.inspector-accordion>summary:after{content:"⌄";color:#85919c;margin-left:auto;font-size:13px;transition:transform .15s}.inspector-accordion:not([open])>summary:after{transform:rotate(-90deg)}.inspector-accordion>summary>span{color:#64798e;background:#e9eff4;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;display:inline-grid}.inspector-accordion[open]>summary{background:#fbfcfd;border-bottom:1px solid #e4e9ed}.inspector-accordion[open]>:not(summary){margin-left:12px;margin-right:12px}.inspector-accordion[open]>:nth-child(2){margin-top:12px}.inspector-accordion[open]>:last-child{margin-bottom:12px}.settings-group{background:#fff}.easing-editor{background:#f8fafc;border:1px solid #d9e3ec;border-radius:7px;margin-top:10px;padding:8px}.easing-details{margin-bottom:12px}.easing-details>summary{color:#55708a;cursor:pointer;font-size:10px;font-weight:700}.easing-editor-head{color:#65717d;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:8px;display:flex}.easing-editor-head code{text-overflow:ellipsis;white-space:nowrap;color:#7b8792;max-width:145px;font-size:7px;overflow:hidden}.easing-editor svg{touch-action:none;background:#fff;border-radius:5px;width:100%;height:126px;display:block}.easing-grid{fill:none;stroke:#e5eaf0;stroke-width:1px}.easing-handle-line{fill:none;stroke:#a9b9cb;stroke-width:1px;stroke-dasharray:3 3}.easing-curve{fill:none;stroke:var(--blue);stroke-width:3px}.easing-editor circle{fill:#fff;stroke:var(--blue);stroke-width:3px;cursor:grab}.easing-editor circle:active{cursor:grabbing}.easing-values{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;display:grid}.easing-values label span{color:#7c8792;margin-bottom:2px;font-size:7px;display:block}.easing-values input{border:1px solid var(--line);border-radius:4px;width:100%;height:25px;padding:0 4px;font-size:8px}.common-section{background:#fff}.keyframe-section{background:#f7faff}.keyframe-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.keyframe-heading .section-title{margin-bottom:3px}.keyframe-heading small{color:#83909d;font-size:10px}.keyframe-heading>button{color:#185ba8;cursor:pointer;background:#fff;border:1px solid #b9cce4;border-radius:6px;height:29px;padding:0 9px;font-size:9px;font-weight:700}.keyframe-list{gap:6px;margin-top:11px;display:grid}.keyframe-item{background:#fff;border:1px solid #d9e3ee;border-radius:7px;flex-wrap:wrap;align-items:end;gap:5px;padding:7px;display:flex}.keyframe-item label{flex:58px;min-width:52px}.keyframe-item label span{color:#75818d;margin-bottom:3px;font-size:8px;display:block}.keyframe-item input{border:1px solid var(--line);border-radius:5px;width:100%;height:27px;padding:0 5px;font-size:9px}.keyframe-item select{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;height:27px;padding:0 4px;font-size:8px}.keyframe-seek,.keyframe-remove{cursor:pointer;background:0 0;border:0;border-radius:5px;height:27px}.keyframe-seek{color:var(--blue);font-size:9px;font-weight:800}.keyframe-remove{color:#a34943;font-size:15px}.keyframe-empty{color:#8995a0;margin:11px 0 0;font-size:9px;line-height:1.6}.trigger-select{flex-direction:column;gap:5px;margin-bottom:11px;display:flex}.trigger-select>span{color:#687481;font-size:9px;font-weight:700}.trigger-select select{border:1px solid var(--line);color:#4f5d69;background:#fff;border-radius:7px;height:36px;padding:0 9px;font-size:10px;font-weight:700}.trigger-select small{color:#7a8da0;font-size:8px;line-height:1.5}.trigger-help{background:#f2f6f9;border-radius:7px;flex-direction:column;gap:3px;padding:8px 9px;display:flex}.trigger-help strong{color:#536575;font-size:9px}.trigger-help span{color:#71808e;font-size:10px;line-height:1.5}.trigger-help em{color:#8a6b18;font-size:9px;font-style:normal;font-weight:700}.trigger-help:not(.trigger-timeline){background:#fff9e8}.playback-mode{background:#edf1f4;border-radius:7px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:11px;padding:3px;display:grid}.playback-mode button{color:#67737f;cursor:pointer;background:0 0;border:0;border-radius:5px;height:30px;font-size:9px;font-weight:700}.playback-mode button.active{color:var(--blue);background:#fff;box-shadow:0 1px 4px #18222e1f}.loop-note>span{color:#687481;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.loop-note>strong{background:var(--blue-soft);height:35px;color:var(--blue);border:1px solid #c9d9ef;border-radius:6px;align-items:center;padding:0 8px;font-size:10px;display:flex}.section-title{color:#4f5d6b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:10px;font-weight:800}.parameter-caption{color:#89939d;margin:10px 0 6px;font-size:9px;font-weight:700}.parameter-grid,.color-parameter-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.color-parameter-grid label>span{color:#687481;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.color-parameter-grid label>div{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:7px;height:39px;padding:4px 7px;display:flex}.color-parameter-grid input[type=color]{cursor:pointer;background:0 0;border:0;width:30px;height:27px;padding:0}.color-parameter-grid code{color:#65717d;font-size:9px}.fill-mode{margin-bottom:12px}.gradient-angle{max-width:150px;margin-top:10px}.gradient-stop-heading{color:#687481;justify-content:space-between;align-items:center;margin:11px 0 6px;font-size:9px;font-weight:700;display:flex}.gradient-stop-heading button{height:27px;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #b9cce4;border-radius:5px;padding:0 8px;font-size:8px}.gradient-stop-list{gap:6px;display:grid}.gradient-stop-item{background:#fff;border:1px solid #d9e3ee;border-radius:7px;grid-template-columns:20px 66px 1fr 1fr 24px;align-items:end;gap:5px;padding:6px;display:grid}.gradient-stop-item strong{color:var(--blue);align-self:center;font-size:9px}.gradient-stop-item label>span{color:#7b8792;margin-bottom:3px;font-size:8px;display:block}.gradient-stop-item label>input[type=color]{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;height:29px;padding:1px}.gradient-stop-item label>div{border:1px solid var(--line);border-radius:5px;align-items:center;height:29px;display:flex}.gradient-stop-item label>div input{border:0;outline:0;width:100%;min-width:0;padding-left:5px;font-size:9px}.gradient-stop-item label>div small{color:#89939d;padding-right:4px;font-size:8px}.gradient-stop-remove{color:#a34943;cursor:pointer;background:0 0;border:0;border-radius:5px;height:29px}.gradient-stop-remove:disabled{opacity:.25;cursor:default}.parameter-input>span,.mini-select>span{color:#687481;margin:0 0 5px;font-size:9px;font-weight:700;display:block}.parameter-input>div{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;height:35px;display:flex}.parameter-input input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 4px 0 8px;font-size:11px}.parameter-input small{color:#8a949e;padding-right:7px;font-size:9px}.mini-select select{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;height:35px;padding:0 7px;font-size:10px}.preview-actions{border-top:1px solid var(--line);gap:7px;padding-top:14px}.play-button,.reset-button{cursor:pointer;border:0;border-radius:7px;height:40px;font-weight:700}.play-button{color:#fff;background:var(--ink);flex:1;font-size:12px}.play-button span{margin-right:7px;font-size:9px}.play-button:disabled{opacity:.6;cursor:default}.reset-button{background:var(--soft);width:42px;font-size:16px}.delete-motion{color:#a34943;cursor:pointer;background:0 0;border:0;width:100%;margin-top:9px;padding:7px;font-size:9px}.delete-motion:hover{text-decoration:underline}.properties-panel .property-content small,.properties-panel .property-content label>span,.properties-panel .property-content .parameter-caption,.properties-panel .property-content .field-label{font-size:9px;line-height:1.35}.properties-panel .property-content button,.properties-panel .property-content select{font-size:9px}.properties-panel .property-content input{font-size:10px}.properties-panel .trigger-help span,.properties-panel .trigger-help em,.properties-panel .morph-conversion-note,.properties-panel .keyframe-empty{font-size:9px;line-height:1.55}.properties-panel .section-title,.properties-panel .inspector-accordion>summary{font-size:11px}@container (width<=305px){.effect-grid{grid-template-columns:repeat(2,1fr)}.shape-color-row{grid-template-columns:1fr}.shape-color-row label:last-child{grid-column:auto}.first-motion-actions,.preset-options{grid-template-columns:1fr}.editor-section-heading{flex-direction:column;align-items:flex-start;gap:7px}.editor-section-heading>div{flex-wrap:wrap;justify-content:flex-end;width:100%}.gradient-stop-item{grid-template-columns:20px minmax(52px,.8fr) minmax(54px,1fr) 24px}.gradient-stop-item>label:nth-of-type(2){grid-column:3}.gradient-stop-item>label:nth-of-type(3){grid-column:2/4}.gradient-stop-remove{grid-area:1/4/3;align-self:center}.morph-manual-actions{grid-template-columns:1fr}}.export-popover small,.export-popover .export-field span,.export-popover .export-trigger-notice span,.export-popover .export-hint{font-size:9px;line-height:1.45}.export-popover .format-list strong{font-size:11px}.timeline{border-top:1px solid var(--line);background:#fff;min-height:0;position:relative}.timeline.is-collapsed{min-height:0}.timeline-head{border-bottom:1px solid var(--line);box-sizing:border-box;flex-wrap:wrap;gap:10px;min-height:44px;padding:5px 12px}.timeline-head>div{gap:3px}.timeline-head button{cursor:pointer;background:0 0;border:0;border-radius:5px;width:26px;height:26px;font-size:9px}.timeline-head button:hover{background:var(--soft)}.timeline-head .timeline-play{background:var(--ink);color:#fff}.timeline-head .timeline-clip-tools{border-left:1px solid var(--line);gap:2px;padding-left:9px}.timeline-head .timeline-clip-tools button{color:#596674;width:auto;padding:0 7px;font-size:9px}.timeline-head button:disabled{opacity:.35;cursor:default}.timeline-head strong{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.timeline-head>span{color:var(--muted);font-size:10px}.timeline-head .timeline-time{color:#34516e;font-variant-numeric:tabular-nums;background:#edf3f8;border-radius:5px;align-items:center;gap:3px;height:27px;margin-left:auto;padding:0 7px;font-size:10px;display:flex}.timeline-time input{color:#274a6b;width:54px;font:inherit;text-align:right;background:0 0;border:0;outline:0;padding:0;font-weight:800}.timeline-time span{white-space:nowrap}.timeline-count{white-space:nowrap;margin-left:0!important}.timeline-view-tools{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;height:29px;display:flex;overflow:hidden}.timeline-head .timeline-view-tools button{border-radius:0;width:27px}.timeline-view-tools>span{color:#64717d;text-align:center;font-variant-numeric:tabular-nums;min-width:42px;font-size:9px}.timeline-view-tools select{border:0;border-left:1px solid var(--line);color:#5d6975;background:#fff;outline:0;height:27px;padding:0 5px;font-size:9px}.timeline-view-tools .timeline-collapse{border-left:1px solid var(--line)}.timeline-view-tools .timeline-help-button{border-left:1px solid var(--line);color:#356b9f;font-weight:900}.timeline-guide-popover{z-index:40;background:#fff;border:1px solid #d6dee5;border-radius:10px;width:min(310px,100vw - 20px);padding:10px;position:absolute;top:43px;right:10px;box-shadow:0 16px 42px #19253138}.timeline-guide-popover>div{border-bottom:1px solid #edf0f2;flex-direction:column;justify-content:center;min-height:38px;padding:5px 3px;display:flex}.timeline-guide-popover strong{color:#4b5966;font-size:10px}.timeline-guide-popover span{color:#7d8994;margin-top:3px;font-size:9px}.timeline-guide-popover>button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:6px;width:100%;height:30px;margin-top:8px;font-size:10px;font-weight:700}.timeline-body{grid-template-columns:250px minmax(0,1fr);display:grid;overflow:hidden}.timeline-compact .timeline-body{height:125px}.timeline-normal .timeline-body{height:210px}.timeline-large .timeline-body{height:330px}.timeline-labels{border-right:1px solid var(--line);color:#596573;padding-top:35px;font-size:11px;overflow-y:auto}.timeline-label-row{grid-template-columns:24px minmax(0,1fr) 30px;align-items:stretch;height:31px;display:grid}.timeline-label-row.group-start:not(:first-child),.timeline-bar-row.group-start:not(:first-child){border-top:1px solid #dbe2e8}.timeline-label-select{text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;min-width:0;height:31px;padding:0 8px 0 2px;font-size:10px;overflow:hidden}.timeline-label-select strong,.timeline-label-select small{text-overflow:ellipsis;display:block;overflow:hidden}.timeline-label-select strong{color:inherit;font-size:10px;font-weight:700}.timeline-label-select small{color:#8c96a0;margin-top:1px;font-size:8px}.timeline-label-row.active{color:var(--blue);background:var(--blue-soft);font-weight:700}.timeline-label-row.selected{background:#f0f5fb;box-shadow:inset 3px 0 #6b8fc3}.timeline-label-row.active.selected{color:var(--blue);background:var(--blue-soft)}.timeline-label-row.ai-draft{box-shadow:inset 3px 0 #7667c9}.timeline-label-row.ai-draft .timeline-label-select small:after{content:"  AI下書き";color:#7164bd;font-size:7px;font-weight:700}.timeline-label-row.ai-draft.ai-changed:not(.ai-reviewed) .timeline-label-select small:after{content:"  AI下書き・変更あり"}.timeline-label-row.ai-draft.ai-reviewed{box-shadow:inset 3px 0 #4b9b68}.timeline-label-row.ai-draft.ai-reviewed .timeline-label-select small:after{content:"  ✓ 調整済み";color:#398258}.timeline-row-menu{color:#7a8691;cursor:pointer;background:0 0;border:0;border-radius:5px;align-self:center;width:27px;height:27px;padding:0;font-size:9px}.timeline-row-menu:hover{color:var(--blue);background:#ffffffd9}.timeline-group-toggle{color:#6f7d89;cursor:pointer;background:0 0;border:0;border-radius:4px;align-self:center;width:22px;height:27px;padding:0;font-size:14px}.timeline-group-toggle:hover{color:var(--blue);background:#ffffffd9}.timeline-group-spacer{width:22px}.timeline-empty{gap:7px;padding:8px 12px;display:grid}.timeline-empty span{color:#8b96a0;font-size:9px;line-height:1.4}.timeline-empty button{width:100%;height:29px;color:var(--blue);cursor:pointer;background:#f5f9fd;border:1px dashed #9ebbd8;border-radius:6px;padding:0;font-size:9px;font-weight:700}.timeline-empty button:disabled{opacity:.4;cursor:default}.timeline-track-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;overflow:auto}.timeline-track{background-image:repeating-linear-gradient(90deg, #e5e9ec 0, #e5e9ec 1px, transparent 1px, transparent var(--timeline-second,90px));min-width:100%;min-height:calc(100% - 16px);margin:16px 28px 0;position:relative}.tick-labels{color:#8c96a0;height:17px;font-size:9px;position:relative}.tick-labels span{font-variant-numeric:tabular-nums;position:absolute;top:0;transform:translate(-50%)}.tick-labels span:first-child{transform:none}.timeline-scrubber{z-index:1;cursor:text;touch-action:none;position:absolute;inset:0}.timeline-playhead{pointer-events:none;background:#e14c43;width:1px;position:absolute;top:-5px;bottom:0}.timeline-playhead:before{content:"";background:#e14c43;border-radius:2px 2px 5px 5px;width:9px;height:9px;position:absolute;top:0;left:-4px}.timeline-bars{z-index:2;pointer-events:none;padding-top:18px;position:relative}.timeline-bar-row{height:31px;position:relative}.motion-bar{background:var(--blue);color:#fff;cursor:grab;white-space:nowrap;touch-action:none;pointer-events:auto;border:0;border-radius:5px;align-items:center;min-width:28px;max-width:100%;height:27px;padding:0 13px 0 9px;font-size:9px;font-weight:700;display:flex;position:absolute;top:0;overflow:visible;box-shadow:0 3px 8px #1967d238}.motion-bar:active{cursor:grabbing}.motion-bar.active{outline-offset:1px;outline:2px solid #103f82}.motion-bar.selected{background:#4e79b5;box-shadow:0 3px 8px #2b528640}.motion-bar.active.selected{background:var(--blue)}.motion-bar.is-loop{background-image:repeating-linear-gradient(135deg,#ffffff29 0 7px,#0000 7px 14px)}.motion-bar.has-trigger{border-left:4px solid #ffd166}.motion-bar-label{text-overflow:ellipsis;pointer-events:none;overflow:hidden}.motion-resize-handle{cursor:ew-resize;touch-action:none;background:#ffffffd9;border-radius:3px;width:11px;height:23px;position:absolute;top:2px;right:2px}.motion-resize-handle.start{left:2px;right:auto}.timeline-keyframe{z-index:3;cursor:ew-resize;pointer-events:auto;touch-action:none;background:#fff;border:2px solid #164d92;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.timeline-keyframe.hold{background:#ffd5a8;border-color:#9b4d15}.motion-bar.active .timeline-keyframe{box-shadow:0 0 0 2px #ffffffbf}.motion-bar[title]:after{content:none}.motion-resize-handle:after{content:"";background:#1449918c;width:1px;height:11px;position:absolute;top:5px;left:3px}.clip-context-menu{z-index:20;background:#fff;border:1px solid #cfd7de;border-radius:9px;width:176px;padding:5px;position:fixed;box-shadow:0 12px 32px #1d2a3733}.clip-context-menu button{width:100%;height:31px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:0 9px;font-size:10px;display:flex}.clip-context-menu button:hover:not(:disabled){background:var(--soft)}.clip-context-menu button:disabled{color:#aeb6bd;cursor:default}.clip-context-menu button span{color:#929da7;font-size:8px}.clip-context-menu button.danger{color:#a5322b}.clip-context-menu hr{border:0;border-top:1px solid var(--line);margin:4px 3px}@media (width<=1180px){.privacy-note{display:none}.topbar{grid-template-columns:minmax(245px,1fr) auto auto}.header-document strong,.header-document span{max-width:150px}.workspace{grid-template-columns:240px minmax(360px,1fr) minmax(280px,290px)}}@media (width<=980px){body{overflow:auto}.studio-shell{grid-template-rows:52px auto auto auto;height:auto;min-height:100vh}.topbar{grid-template-columns:minmax(230px,1fr) auto auto;gap:10px;padding:0 12px}.brand span:last-child{display:none}.header-identity{gap:12px}.header-document{padding-left:12px}.project-save-button{padding:0 9px}.workspace{grid-template-columns:230px minmax(360px,1fr);min-height:650px}.properties-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.property-content{box-sizing:border-box;width:min(760px,100%);height:auto;margin:0 auto}.timeline-body{grid-template-columns:190px 1fr}.timeline-head{gap:7px}.timeline-head .timeline-clip-tools button{padding:0 5px}.timeline-count{display:none}.preview-stage{width:min(720px,100vw - 250px);height:auto}}@media (width<=800px){.document-tools{display:none}.more-menu{display:block}.topbar{grid-template-columns:minmax(180px,1fr) auto}}@media (width<=680px){.studio-shell{grid-template-rows:50px auto auto auto}.topbar{gap:7px;padding:0 9px}.header-identity{gap:9px}.brand{gap:0}.brand div{display:none}.brand-mark{width:26px;height:26px}.header-document{padding-left:9px}.header-document strong,.header-document span{max-width:125px}.top-actions{gap:5px}.project-save-button{display:none}.ai-header-button{padding:0 8px}.export-popover{width:auto;max-height:calc(100vh - 70px);padding:12px;position:fixed;top:58px;left:8px;right:8px}.export-options{grid-template-columns:1fr}.format-list>button{grid-template-columns:40px minmax(0,1fr) auto}.open-menu-button{padding:0 10px}.export-button{padding:0 11px}.workspace{flex-direction:column;display:flex}.mobile-workspace-tabs{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px 8px;display:grid;position:sticky;top:0}.mobile-workspace-tabs button{color:#687582;cursor:pointer;background:#f1f4f6;border:0;border-radius:7px;height:34px;font-size:10px;font-weight:800}.mobile-workspace-tabs button.active{color:#fff;background:var(--blue)}.workspace .mobile-panel-hidden{display:none}.layers-panel{border-right:0;border-bottom:1px solid var(--line)}.layer-list{max-height:420px}.canvas-area{grid-template-rows:auto 1fr;min-height:520px}.canvas-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px 9px}.canvas-tools{grid-column:1/-1;justify-content:flex-start;padding-bottom:1px;overflow:visible}.canvas.tool-select{touch-action:pan-y}.canvas.tool-pan{touch-action:none}.preview-stage{width:calc(100vw - 40px);height:auto}.panel-empty{min-height:150px}.property-content{width:100%}.preset-cards{grid-template-columns:repeat(2,1fr)}.timeline-head{align-items:center}.timeline-head>strong{order:-1;width:calc(100% - 170px)}.timeline-head .timeline-time{margin-left:auto}.timeline-head .timeline-clip-tools{border-left:0;flex:auto;order:4;padding-left:0}.timeline-head .timeline-view-tools{order:5}.timeline-body{grid-template-columns:132px minmax(0,1fr)}.timeline-label-select{padding:0 5px 0 2px}.timeline-track{margin-right:12px}.motion-resize-handle{width:15px}.timeline-keyframe{width:14px;height:14px}.ai-panel-backdrop{padding:7px}.ai-panel{border-radius:11px;max-height:calc(100vh - 14px)}.ai-panel-backdrop.previewing{background:#141b2333;place-items:end stretch;padding:7px}.ai-panel-backdrop.previewing .ai-panel{width:100%;max-height:58vh}.ai-panel-body{padding:10px}.ai-credential-fields{grid-template-columns:1fr}.ai-provider-choice{grid-template-columns:1fr 1fr}.ai-credential-actions{grid-template-columns:1fr;display:grid}.ai-credential-actions button{width:100%}.ai-revision-box>div{grid-template-columns:1fr}.ai-handoff-bar{flex-wrap:wrap;align-items:stretch;gap:7px;padding:8px}.ai-handoff-title{width:calc(100% - 48px)}.ai-handoff-title small{white-space:normal}.ai-handoff-progress{align-self:center;margin-left:auto}.ai-handoff-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none;display:grid}.ai-handoff-actions button{min-width:0;padding:0 3px}.ai-input-section,.ai-proposal-section{padding:10px}.ai-preference-grid{grid-template-columns:1fr}.ai-brief-presets{grid-template-columns:1fr 1fr}.ai-motion-list>div{grid-template-columns:22px minmax(0,1fr)}.ai-motion-list em{grid-column:2;max-width:none}.ai-panel>footer{flex-direction:column;align-items:stretch}.ai-panel>footer>div{grid-template-columns:1fr 1fr;display:grid}.mask-edit-toolbar{box-sizing:border-box;width:calc(100% - 14px);min-width:0;top:7px}.mask-edit-toolbar span{max-width:110px}.export-mask-compatibility>div{grid-template-columns:1fr}}@media (width<=420px){.topbar{grid-template-columns:minmax(120px,1fr) auto}.header-document strong,.header-document span{max-width:82px}.open-menu-button,.export-button{padding:0 8px}}@media (width<=760px){.guide-header{height:auto;min-height:56px;padding:8px 14px}.guide-header nav{gap:7px}.guide-header nav>a:not(.guide-editor-link){display:none}.guide-header nav .guide-editor-link{height:32px;padding:0 10px}.guide-hero{min-height:390px;padding:64px 20px 52px}.guide-hero h1{font-size:40px}.guide-hero>p{font-size:11px}.guide-section{padding:52px 16px}.guide-section-title h2,.guide-support h2{font-size:21px}.guide-step-grid{grid-template-columns:1fr 1fr}.guide-step-grid article{min-height:142px;padding:14px}.guide-ai{padding-left:16px;padding-right:16px}.guide-ai-flow{grid-template-columns:1fr}.guide-ai-flow>b{transform:rotate(90deg)}.guide-support>div{padding:25px 18px}.guide-footer{flex-direction:column;align-items:flex-start;gap:15px;padding:18px 16px}.guide-footer nav{justify-content:space-between;gap:10px;width:100%}.ad-consent{flex-direction:column;align-items:stretch;gap:10px;padding:13px;bottom:9px;left:9px;right:9px}.ad-consent-actions{grid-template-columns:1fr 1fr;display:grid}.legal-header{height:54px;padding:0 14px}.legal-content{padding:48px 18px 60px}.legal-lead{margin-bottom:34px}.legal-footer{justify-content:space-between;gap:8px;padding:18px}}@media (width<=420px){.guide-step-grid{grid-template-columns:1fr}}@media (hover:none){.layer-row{grid-template-columns:18px 15px minmax(44px,1fr) auto 32px 32px 32px;height:44px}.layer-toggle,.layer-overflow-button{opacity:1;width:32px;height:36px}.layer-disclosure{width:24px;height:34px}.layer-drag-handle{font-size:14px}.layer-motion-count{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}