@font-face{font-family:Computer Modern Serif;src:url(/fonts/cmu-serif/cmu-serif-roman.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Computer Modern Serif;src:url(/fonts/cmu-serif/cmu-serif-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Computer Modern Serif;src:url(/fonts/cmu-serif/cmu-serif-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Computer Modern Serif;src:url(/fonts/cmu-serif/cmu-serif-bold-italic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--ink:#2f3b52;--ink-soft:#64748b;--line:#e2e8f0;--panel-bg:#fff;--canvas-bg:#eef1f7;--pink:#3b63d1;--pink-grad:linear-gradient(135deg, #4d74e0 0%, #3357c7 100%);--green-grad:linear-gradient(135deg, #34c759 0%, #16a34a 100%);--icon-grad:linear-gradient(135deg, #4d74e0 0%, #3b63d1 100%);--select-blue:#4c97ff;color:var(--ink);font-family:Hiragino Maru Gothic ProN,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:#e9ebef}.page{-webkit-user-select:none;user-select:none;flex-direction:column;gap:0;height:100%;padding:0;display:flex}.app-mark{flex-shrink:0;align-items:center;display:flex}.app-mark .app-logo{width:auto;height:26px;display:block}.hero{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.hero-title-row{align-items:center;gap:12px;display:flex}.hero-icon{background:var(--icon-grad);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 6px 14px #3b63d159}.hero h1{color:var(--ink);letter-spacing:.02em;margin:0;font-size:28px;font-weight:800}.hero-subtitle{color:var(--ink-soft);margin:2px 0 0;font-size:13px}.editor-card{background:var(--panel-bg);min-height:0;box-shadow:none;border-radius:0;flex-direction:column;flex:1;display:flex;overflow:hidden}.top-bar{flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 16px;display:flex;overflow:visible}.topbar-ops{flex-shrink:0;align-items:center;gap:4px;display:flex}.doc-name-wrap{color:var(--ink-soft);cursor:text;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;transition:background .12s;display:inline-flex}.doc-name-wrap:hover{background:#f8fafc}.doc-name-wrap:focus-within{background:#eef3fc}.doc-name{color:var(--ink);background:0 0;border:none;border-bottom:1.5px dashed #0000;min-width:60px;max-width:240px;padding:0;font-family:inherit;font-size:15px;font-weight:700}.doc-name-wrap:hover .doc-name{border-bottom-color:var(--line)}.doc-name:focus{border-bottom-color:var(--pink);outline:none}.status-message{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:5px 12px;font-size:12px}.bar-button{border:1.5px solid var(--line);background:var(--panel-bg);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:7px 13px;font-family:inherit;font-size:12.5px;font-weight:600;transition:border-color .12s,background .12s,box-shadow .12s;display:inline-flex}.bar-button:hover:not(:disabled){background:#eef3fc;border-color:#a9c2f0}.bar-button:disabled{opacity:.35;cursor:default}.bar-button.icon{padding:7px 9px}.bar-button.danger:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fca5a5}.bar-button.primary{background:var(--pink-grad);color:#fff;border-color:#0000;box-shadow:0 4px 12px #3357c747}.bar-button.primary:hover:not(:disabled){filter:brightness(1.07);background:var(--pink-grad)}.bar-button.is-unsaved{border-color:#a9c2f0}.unsaved-dot{background:var(--pink);border-radius:50%;flex:none;width:7px;height:7px}.lang-toggle{border:1.5px solid var(--line);background:#f1f5f9;border-radius:999px;align-items:stretch;gap:2px;padding:2px;display:inline-flex}.lang-toggle button{appearance:none;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:28px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:background .12s,color .12s,box-shadow .12s}.lang-toggle button:hover:not(.active){color:var(--ink)}.lang-toggle button.active{background:var(--green-grad);color:#fff;box-shadow:0 2px 6px #16a34a4d}.options-bar{border-bottom:1.5px solid #eef2f7;flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;gap:10px;min-height:48px;padding:4px 16px;display:flex}.spacer{flex:1}.selection-ops{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.op-group{border:1.5px solid var(--line);background:#f8fafc;border-radius:12px;gap:2px;padding:3px;display:flex}.op-group .bar-button{background:0 0;border:none;border-radius:8px;padding:5px 9px}.op-group .bar-button:hover:not(:disabled){background:#eef3fc}.op-group .bar-button.toggled{background:var(--pink-grad);color:#fff}.opt-slider,.slider-label{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}input[type=range]{accent-color:var(--pink)}.opt-line-ends{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.opt-line-label{color:#6b7280;margin:0 2px 0 4px;font-size:12px;font-weight:600}.opt-end-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d7dbe2;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:26px;padding:0 4px;font-size:12px;font-weight:600;display:inline-flex}.opt-end-btn.text{padding:0 8px}.opt-end-btn:hover{background:#f3f4f6}.opt-end-btn.active{border-color:var(--pink);color:#2f4fbf;background:#eaf1fd}.opt-angle-labels{align-items:center;gap:3px;display:inline-flex}.opt-angle-chip{color:#374151;cursor:pointer;background:#fff;border:1px solid #d7dbe2;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:26px;padding:0 6px;font-family:Times New Roman,Cambria Math,serif;font-size:15px;font-style:italic;display:inline-flex}.opt-angle-chip.roman{font-style:normal}.opt-angle-chip:hover{background:#f3f4f6}.opt-angle-chip.active{border-color:var(--pink);color:#2f4fbf;background:#eaf1fd}.shape-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:relative}.shape-picker{z-index:60;min-width:340px}.shape-pick-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.shape-pick-grid .preset-button{aspect-ratio:1;justify-content:center;padding:8px}.shape-pick-grid .preset-thumb-box{height:auto}.shape-reset{border:1.5px solid var(--line);background:var(--panel-bg);width:100%;color:var(--ink-soft);cursor:pointer;border-radius:10px;margin-top:10px;padding:7px;font-family:inherit;font-size:12px;font-weight:600}.shape-reset:hover{background:#eef3fc;border-color:#a9c2f0}.opt-slider .param-num{border:1.5px solid var(--line);width:56px;color:var(--ink);border-radius:7px;padding:3px 5px;font-family:inherit;font-size:12px}.geom-group{align-items:center}.geom-field{color:var(--ink-soft);align-items:center;gap:4px;padding:0 2px;font-size:12px;font-weight:600;display:flex}.opt-light-colors{align-items:center;gap:4px;display:flex}.opt-color-chip{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0;box-shadow:inset 0 0 0 1px #00000026}.opt-color-chip.active{border-color:var(--ink)}.geom-field .param-num{border:1.5px solid var(--line);width:54px;color:var(--ink);border-radius:7px;padding:4px 5px;font-family:inherit;font-size:12px}.font-controls{align-items:center;gap:6px;display:flex}.font-select{border:1.5px solid var(--line);max-width:220px;color:var(--ink);background:#fff;border-radius:10px;padding:6px;font-family:inherit;font-size:13px}.font-size{border:1.5px solid var(--line);width:62px;color:var(--ink);border-radius:10px;padding:6px;font-family:inherit}.color-control{position:relative}.swatch-button{border:1.5px solid var(--line);background:var(--panel-bg);cursor:pointer;color:var(--ink);border-radius:10px;align-items:center;gap:6px;padding:5px 11px;font-family:inherit;font-size:12.5px;font-weight:600;display:flex}.swatch-button:hover{border-color:#a9c2f0}.swatch{border:1px solid var(--line);border-radius:50%;width:22px;height:22px;display:inline-block}.swatch-ring{box-shadow:inset 0 0 0 5px var(--panel-bg);border-radius:50%}.popover-backdrop{z-index:40;position:fixed;inset:0}.popover{z-index:50;background:var(--panel-bg);border:1.5px solid var(--line);border-radius:14px;flex-direction:column;gap:9px;min-width:230px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #503c782e}.popover-row{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.popover-row label{align-items:center;gap:6px;display:flex}.grad-editor{flex-direction:column;gap:9px;min-width:250px;display:flex}.grad-types{gap:6px}.grad-bar{border:1.5px solid var(--line);cursor:copy;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:7px;height:22px;margin-top:4px;position:relative}.grad-stop{cursor:grab;border:2px solid #fff;border-radius:50%;width:14px;height:14px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #00000073}.grad-stop.active{box-shadow:0 0 0 2px var(--pink);transform:translate(-50%,-50%)scale(1.15)}.grad-stop-edit{gap:8px}.grad-stop-alpha{flex:1}.grad-stop-alpha input[type=range]{flex:1;min-width:70px}.grad-del{margin-left:auto;padding:5px 10px}.grad-del:disabled{opacity:.4;cursor:not-allowed}.grad-angle{gap:6px}.grad-angle .slider-label{flex:1}.grad-angle input[type=range]{flex:1;min-width:60px}.grad-angle .param-num{border:1.5px solid var(--line);width:52px;color:var(--ink);border-radius:7px;padding:4px 5px;font-family:inherit;font-size:12px}.grad-deg{color:var(--ink-soft);font-size:12px}.grad-pick{width:100%;padding:7px}.grad-presets{gap:6px}.grad-presets .chip,.grad-count .slider-label{flex:1}.grad-count input[type=range]{flex:1;min-width:80px}.popover input[type=color]{border:1.5px solid var(--line);background:0 0;border-radius:8px;width:38px;height:30px;padding:0}.chip{border:1.5px solid var(--line);background:var(--panel-bg);cursor:pointer;color:var(--ink);border-radius:16px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600}.chip.active{background:var(--pink-grad);color:#fff;border-color:#0000}.export-popover{min-width:180px}.export-scope{border-bottom:1px solid var(--line);gap:4px;margin-bottom:4px;padding:2px 2px 8px;display:flex}.export-scope .chip{flex:1;padding:5px 6px;font-size:11px}.export-scope .chip:disabled{opacity:.4;cursor:default}.menu-item{text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600}.menu-item:hover{background:#eef3fc}.file-popover{min-width:252px}.file-popover .menu-item{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.file-popover .menu-item kbd{color:var(--ink-soft);background:0 0;border:none;padding:0;font-size:11px;font-weight:600}.file-popover .menu-hint{color:var(--ink-soft);font-size:11px;font-weight:600}.file-popover .menu-back{color:var(--ink-soft);justify-content:flex-start;gap:6px}.menu-sep{background:var(--line);height:1px;margin:3px 2px}.anim-pop-title{cursor:move;touch-action:none}.palette-dock{touch-action:none}.palette-label{cursor:move}.palette-resize{cursor:ew-resize;touch-action:none;border-radius:5px;width:9px;position:absolute;top:8px;bottom:8px;left:1px}.palette-resize:hover{background:var(--line)}.more-popover{gap:6px;min-width:210px;left:auto;right:0}.more-popover .op-group{border:none;flex-wrap:wrap;margin:0;padding:0}.radial-panel{z-index:60;min-width:280px;left:auto;right:0}.radial-title{color:var(--ink);font-size:14px;font-weight:800}.radial-hint{color:var(--ink-soft);margin:0;font-size:11.5px;font-weight:500}.radial-slider{font-size:13px}.radial-slider input[type=range]{flex:1}.radial-actions{justify-content:flex-end;margin-top:2px}.radial-panel .bar-button{border:1.5px solid var(--line);background:var(--panel-bg);padding:7px 13px}.radial-panel .bar-button.primary{background:var(--pink-grad);color:#fff;border-color:#0000}.shadow-panel{z-index:60;min-width:240px;left:auto;right:0}.shadow-toggle{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.shadow-toggle input[type=checkbox]{accent-color:#4ca854;width:18px;height:18px}.shadow-controls{flex-direction:column;gap:9px;display:flex}.shadow-controls.is-off{opacity:.45;pointer-events:none}.shadow-controls .slider-label input[type=range]{flex:1}.shadow-xy{justify-content:space-between}.shadow-xy label{flex-direction:column;align-items:flex-start;gap:3px}.shadow-xy input[type=number]{border:1.5px solid var(--line);border-radius:8px;width:70px;padding:5px 6px;font-size:13px}.size-panel{min-width:360px}.size-panel .popover-row{justify-content:flex-end;margin-top:16px}.size-panel .size-input{border:1.5px solid var(--line);width:72px;color:var(--ink);border-radius:10px;padding:6px;font-family:inherit}.size-panel .bar-button.primary{background:var(--pink-grad);color:#fff;border-color:#0000}.pick-overlay{z-index:15;cursor:crosshair;background:#3b63d10f;justify-content:center;align-items:flex-start;display:flex;position:fixed}.anim-vt{flex-direction:column;gap:6px;display:flex}.anim-vt-editor{border:1.5px solid var(--line);touch-action:none;background:#fff;border-radius:10px}.anim-vt-editor .vt-axis{stroke:#b9c2d0;stroke-width:1px}.anim-vt-editor .vt-label{fill:#8894a8;font-size:10px}.anim-vt-editor .vt-line{fill:none;stroke:#16c4e6;stroke-width:2px;stroke-linejoin:round}.anim-vt-editor .vt-knot{fill:#fff;stroke:#16c4e6;stroke-width:2px;cursor:grab}.anim-vt-editor .vt-refline{fill:none;stroke-width:1.5px;opacity:.75}.anim-vt-editor .vt-guide{stroke:#ec4899;stroke-width:1px;stroke-dasharray:4 3}.anim-vt-editor .vt-grid{stroke:#e3e8f0;stroke-width:1px}.anim-vt-editor .vt-readout{fill:#506080;font-size:9px;font-weight:700}.pick-hint{background:var(--ink);color:#fff;pointer-events:none;border-radius:16px;margin-top:14px;padding:7px 16px;font-size:12.5px;font-weight:700;box-shadow:0 6px 16px #0003}.workspace{flex:1;min-height:0;display:flex}.inspector{scrollbar-gutter:stable;background:var(--panel-bg);border-left:1.5px solid #eef2f7;flex-shrink:0;width:280px;position:relative;overflow-y:auto}@media (width<=1200px){.inspector{width:240px}}.inspector .options-bar{align-content:initial;border-bottom:none;flex-flow:column;align-items:stretch;gap:10px;min-height:0;padding:12px;overflow-x:hidden}.inspector .op-group{background:0 0;border:none;flex-wrap:wrap;gap:6px;max-width:100%;padding:0}.inspector .geom-group{flex-direction:column;align-items:stretch;row-gap:8px}.inspector .geom-wh{grid-template-rows:auto auto;grid-template-columns:34px auto auto;align-items:center;gap:6px;width:fit-content;display:grid}.inspector .geom-wh .geom-field{display:contents}.inspector .geom-link{grid-area:1/3/span 2;align-self:stretch;height:auto;padding:0 6px}.inspector .geom-rot>input{width:74px}.inspector .geom-field{align-items:center;gap:8px;display:flex}.inspector .geom-field>input{flex:0 0 74px;width:74px;min-width:0}.inspector .font-controls{flex-direction:column;align-items:stretch;gap:8px;display:flex}.inspector .font-controls .font-select{width:100%;min-width:0}.inspector .options-bar>button,.inspector .options-bar>label.geom-field,.inspector .options-bar>.color-control,.inspector .options-bar>.opt-light-colors{align-self:flex-start;width:fit-content}.inspector .insp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp{flex-direction:column;gap:8px;display:flex}.cp-area{cursor:crosshair;touch-action:none;border-radius:8px;height:108px;position:relative;overflow:hidden}.cp-area-white,.cp-area-black{position:absolute;inset:0}.cp-area-white{background:linear-gradient(90deg,#fff,#fff0)}.cp-area-black{background:linear-gradient(#0000,#000)}.cp-dot{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #00000073}.cp-hue{appearance:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:6px;width:100%;height:12px}.cp-hue::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #9aa4b5;border-radius:50%;width:14px;height:14px}.cp-rgb{gap:6px;display:flex}.cp-rgb label{color:var(--ink-soft);flex-direction:column;flex:1;align-items:center;gap:2px;font-size:10px;font-weight:700;display:flex}.cp-rgb input{border:1.5px solid var(--line);text-align:center;border-radius:8px;width:100%;min-width:0;padding:4px 6px;font-family:inherit;font-size:12px}.cp-label{color:var(--ink);font-size:12px;font-weight:600}.cp-swatches{flex-wrap:wrap;gap:4px;display:flex}.cp-swatch{cursor:pointer;border:1.5px solid #0000001f;border-radius:6px;width:20px;height:20px;padding:0}.cp-swatch.active{box-shadow:0 0 0 2px var(--pink)}.inspector .bar-button,.inspector .swatch-button{border-radius:8px;min-height:26px;padding:4px 10px;font-size:12px}.inspector .bar-button.icon{padding:4px 6px}.inspector .popover{max-width:340px;max-height:calc(100vh - 120px);position:fixed;top:84px;left:auto;right:296px;overflow-y:auto}@media (width<=1200px){.inspector .popover{right:256px}}.inspector .spacer{display:none}.inspector .insp-head{color:var(--ink);letter-spacing:.06em;border-top:1.5px solid #d7deea;margin-top:4px;padding-top:14px;font-size:12px;font-weight:700}.inspector .insp-head:first-child{border-top:none;margin-top:0;padding-top:0}.inspector .opt-slider input[type=range]{flex:1;min-width:0}.inspector .selection-ops{justify-content:flex-start}.topbar-zoom{border:1.5px solid var(--line);background:#f8fafc;border-radius:12px;align-items:center;gap:2px;padding:2px;display:flex}.topbar-zoom .bar-button{background:0 0;border:none;border-radius:8px;padding:4px 8px}.topbar-zoom .bar-button:hover:not(:disabled){background:#eef3fc}.topbar-zoom .bar-button.toggled{background:#dbe7fb}.topbar-zoom .zoom-label{text-align:center;min-width:48px}.palette-panel{flex-direction:column;gap:8px;display:flex}.inspector .palette-panel .insp-head{border-top:1.5px solid #d7deea;margin-top:4px;padding-top:14px}.palette-panel-group{flex-direction:column;gap:4px;display:flex}.palette-panel-group .palette-label{color:var(--ink-soft);font-size:11px;font-weight:700}.palette-panel-keys{flex-wrap:wrap;gap:4px;display:flex}.palette-panel-keys .math-key{min-width:30px;height:30px;padding:0 6px;font-family:Computer Modern Serif,Georgia,serif}.palette-panel-keys .math-key.greek{font-style:italic}.palette-panel-keys .palette-toggle{width:auto;padding:0 10px}.palette-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.palette-seg{border:1.5px solid var(--line);background:#f8fafc;border-radius:9px;display:inline-flex;overflow:hidden}.palette-seg-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:600}.palette-seg-btn.active{background:var(--pink-grad);color:#fff}.palette-seg-btn:disabled{cursor:default;opacity:.55}.palette-seg-btn:not(.active):not(:disabled):hover{background:#eef3fc}.toolbar{scrollbar-width:none;border-right:1.5px solid #eef2f7;flex-direction:column;gap:4px;padding:10px 8px;display:flex;overflow-y:auto}.toolbar::-webkit-scrollbar{display:none}.tool-button{width:58px;color:var(--ink-soft);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-family:inherit;transition:background .12s,color .12s;display:flex}.tool-button:hover{color:var(--ink);background:#f0fdf4}.tool-tip{background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;z-index:80;border-radius:9px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:700;animation:.12s ease-out tip-in;display:flex;position:fixed;transform:translateY(-50%);box-shadow:0 6px 16px #00000040}.tool-tip kbd{color:#fff;background:#ffffff29;border-color:#ffffff59}@keyframes tip-in{0%{opacity:0;margin-left:-4px}to{opacity:1;margin-left:0}}.tool-button.active{background:var(--green-grad);color:#fff;box-shadow:0 4px 10px #16a34a4d}.tool-label{font-size:10px;font-weight:700}.toolbar-divider{border-top:1.5px solid #eef2f7;align-self:stretch;height:0;margin:5px 10px}.tool-button.tool-small{gap:2px;padding:4px 2px}.tool-button.tool-small svg{width:16px;height:16px}.tool-button.tool-small .tool-label{font-size:9px;font-weight:600}.tool-button.tool-small:not(.active){color:var(--ink-soft);opacity:.78}.tool-flyout{z-index:90;background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:8px;animation:.12s ease-out tip-in;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000024}.tool-flyout-shapes-groups{flex-direction:column;gap:2px;display:flex}.tool-flyout-group-label{color:#8a94a6;padding:4px 2px 2px;font-size:11px;font-weight:600}.tool-flyout-group-label+.tool-flyout-shapes{margin-bottom:2px}.tool-flyout-shapes{grid-template-columns:repeat(4,58px);gap:6px;display:grid}.tool-flyout-shapes .preset-button{flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:5px 3px 3px;display:flex}.tool-flyout-shapes .preset-thumb-box{height:auto}.preset-name{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:58px;font-size:10px;line-height:1.2;overflow:hidden}.tool-flyout-tools{flex-direction:column;gap:2px;min-width:128px;display:flex}.tool-flyout-item{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.tool-flyout-item svg{width:18px;height:18px}.tool-flyout-item:hover{color:var(--ink);background:#f0fdf4}.tool-flyout-item.active{background:var(--green-grad);color:#fff}.tool-flyout-formulas{min-width:320px}.formula-item .formula-thumb{justify-content:flex-start;align-items:center;min-width:118px;max-width:136px;display:inline-flex;overflow:hidden}.formula-item .formula-thumb svg{width:auto;max-width:134px;height:auto;max-height:30px}.formula-item .formula-name{white-space:nowrap;font-size:12px;font-weight:600}@media (height<=860px){.page{gap:8px;padding-top:8px}.hero-icon{width:34px;height:34px}.hero h1{font-size:22px}.toolbar{gap:1px;padding:6px 8px}.tool-button{gap:2px;padding:4px 2px}.tool-button svg{width:18px;height:18px}.tool-label{font-size:9px}}@media (height<=740px){.toolbar{gap:0}.tool-button{padding:2px}.tool-label{font-size:8px}}.canvas-area{flex-direction:column;flex:1;min-width:0;display:flex}.canvas-container{background:var(--canvas-bg);flex:1;min-width:0;min-height:0;position:relative}.canvas-container:fullscreen{background:#000}.paper-canvas{touch-action:none;width:100%;height:100%;display:block}.text-overlay{z-index:30;border:1px dashed var(--pink);resize:none;white-space:pre;field-sizing:content;background:0 0;outline:none;min-width:1em;margin:0;padding:0;position:absolute;overflow:hidden}.math-overlay{z-index:40;flex-direction:column;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.math-overlay .math-field{border:1px dashed var(--pink);background:#ffffffdb;border-radius:6px;width:fit-content;min-width:1.5em;padding:2px 5px;font-size:22px}.math-overlay .math-field::part(virtual-keyboard-toggle),.math-overlay .math-field::part(menu-toggle){display:none}.math-header{flex-wrap:wrap;gap:4px;width:360px;display:flex}.math-header-more{border-top:1px dashed var(--line);margin-top:2px;padding-top:4px}.math-key{border:1px solid var(--line);min-width:30px;height:30px;color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;padding:0 6px;font-size:15px;line-height:1}.math-key:hover{border-color:var(--pink);background:#f3f4f8}.math-key.math-more.active,.math-key.math-unit-tab.active{background:var(--pink);border-color:var(--pink);color:#fff}.math-key.math-unit-tab{padding:0 8px;font-size:13px}.palette-dock{z-index:55;background:var(--panel-bg);border:1.5px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;padding:8px 10px;display:flex;position:fixed;box-shadow:0 4px 16px #503c781f}.palette-group{align-items:center;gap:8px;display:flex}.palette-label{white-space:nowrap;color:#8a8a93;flex:none;width:4.2em;font-size:12px;font-weight:600}.palette-dock .palette-keys{flex-wrap:nowrap;flex:auto;gap:3px;display:flex;overflow:hidden}.palette-dock .math-key{flex:none;min-width:30px;height:28px;padding:0 5px;font-family:Computer Modern Serif,Georgia,serif;font-size:14px}.palette-dock .math-key.greek{font-style:italic}.palette-dock .math-key.palette-toggle{border-color:var(--pink);color:var(--pink);margin-left:4px;padding:0 9px;font-family:inherit;font-size:12px;font-weight:600}.palette-more-popover{background:var(--panel-bg);border:1.5px solid var(--pink);border-radius:12px;flex-wrap:wrap;gap:3px;max-width:420px;padding:8px 10px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #503c7833}.math-key.palette-math-btn{border-color:var(--pink);color:var(--pink);padding:0 8px;font-weight:600}.math-overlay-buttons{justify-content:flex-end;gap:8px;display:flex}.math-overlay-buttons button{border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:4px 14px;font-size:13px}.math-overlay-buttons button.primary{border-color:var(--pink);background:var(--pink);color:#fff}.text-fx-button{z-index:35;border:1.5px solid var(--pink);background:var(--panel-bg);color:var(--pink);cursor:pointer;border-radius:8px;padding:2px 10px;font-size:12px;position:absolute}.rich-overlay{z-index:40;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;width:max-content;max-width:none;display:flex;position:absolute}.math-keypad{flex-direction:column;gap:4px;display:flex}.rich-keypad{z-index:1;background:var(--panel-bg);border:1.5px solid var(--pink);border-radius:12px;margin-bottom:8px;padding:8px;position:absolute;bottom:100%;left:0;box-shadow:0 8px 24px #503c7833}.rich-edit{border:1px dashed var(--pink);white-space:pre;background:#ffffffdb;border-radius:6px;outline:none;min-width:120px;min-height:1.4em;padding:2px 4px;line-height:1.5}.rich-edit .math-chip{color:inherit;cursor:pointer;border-radius:3px;display:inline}.rich-edit .math-chip:not(:focus-within):hover{background:#3b63d11a}.rich-edit .math-chip math-field{vertical-align:baseline;color:inherit;--selection-background-color:#3b63d12e;background:0 0;border:none;min-width:0;margin:0;padding:0;font-size:1em;line-height:1;display:inline-block}.rich-edit .math-chip:focus-within math-field{box-shadow:inset 0 -2px #3b63d173}.rich-edit .math-chip math-field::part(virtual-keyboard-toggle),.rich-edit .math-chip math-field::part(menu-toggle){display:none}.rich-overlay-buttons{align-items:center;gap:8px;display:flex}.rich-overlay-buttons button{border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:4px 14px;font-size:13px}.rich-overlay-buttons button.primary{border-color:var(--pink);background:var(--pink);color:#fff}.rich-overlay-buttons .rich-fx{border-color:var(--pink);color:var(--pink)}.zoom-label{min-width:56px}.anim-strip{background:var(--panel-bg);border-top:1.5px solid var(--line);box-sizing:border-box;z-index:20;align-items:center;gap:10px;height:112px;padding:6px 14px;display:flex;position:relative}.anim-strip .anim-play{color:var(--pink);border:1.5px solid var(--pink);white-space:nowrap;font-weight:700}.anim-strip .anim-playing{background:var(--pink);color:#fff;border:none;font-weight:700}.anim-strip.anim-strip-play{z-index:95}.anim-play-hint{color:var(--ink-soft);font-size:11px}.anim-strip .anim-start{color:var(--pink);border:1.5px solid var(--pink);font-weight:700}.anim-frames{flex:1;align-items:center;gap:4px;min-width:0;padding:6px 2px 2px;display:flex;overflow-x:auto}.anim-frame{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:4px 4px 2px;display:flex;position:relative}.anim-frame:hover{background:#4c97ff14}.anim-frame.active{border-color:var(--pink);background:#3b63d114}.anim-mini{border:1px solid var(--line);background:var(--canvas-bg);object-fit:contain;border-radius:4px;width:68px;height:44px;display:block}.anim-frame-label{color:var(--ink-soft);white-space:nowrap;font-size:11px}.anim-editing{color:var(--pink);font-weight:700}.anim-frame-del{border:1px solid var(--line);width:18px;height:18px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:50%;font-size:12px;line-height:1;display:none;position:absolute;top:-6px;right:-6px}.anim-frame:hover .anim-frame-del{display:block}.anim-trans-wrap{flex-direction:column;flex:none;align-items:center;gap:3px;display:flex;position:relative}.anim-insert{border:1px dashed var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;width:20px;height:20px;padding:0;font-size:12px;line-height:1}.anim-insert:hover{border-color:var(--pink);color:var(--pink);border-style:solid}.anim-record{color:#c0392b}.anim-record.rec{color:#fff;background:#c0392b}.anim-insert-pair{gap:2px;display:flex}.anim-insert-pair .anim-insert{font-size:9px}.anim-trans{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;padding:2px 8px;font-size:11px}.anim-trans:hover,.anim-trans.open{border-color:var(--pink);color:var(--pink)}.anim-trans.cut{border-style:dashed;border-color:var(--ink-soft);background:var(--panel-bg);color:var(--ink-soft);letter-spacing:.04em}.anim-trans.cut:hover,.anim-trans.cut.open{border-color:var(--pink);color:var(--pink)}.anim-add{color:var(--ink-soft);white-space:nowrap;flex:none;border:1.5px dashed var(--line)!important}.anim-add:hover{color:var(--pink);border-color:var(--pink)!important}.anim-add-blank{font-size:12px}.anim-hint{color:var(--pink);white-space:nowrap;background:#3b63d114;border-radius:8px;padding:4px 8px;font-size:12px}.anim-pop-backdrop{z-index:24;position:fixed;inset:0}.anim-trans-pop{z-index:25;background:var(--panel-bg);border:1.5px solid var(--pink);border-radius:12px;flex-direction:column;gap:6px;min-width:180px;max-height:78vh;padding:10px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 8px 24px #503c7833}.anim-pop-title{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.anim-pop-close{cursor:pointer;color:#8894a8;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.anim-pop-close:hover{color:var(--ink)}.anim-pop-row{color:var(--ink-soft);align-items:center;gap:6px;font-size:12px;display:flex}.anim-pop-row .param-num{width:56px}.anim-pop-row select{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;height:28px;font-size:12px}.anim-pop-row.wrap{flex-wrap:wrap}.anim-pop-note{color:var(--ink-soft);background:#3b63d114;border-radius:6px;padding:4px 6px;font-size:11px;line-height:1.5}.anim-vib-add{border:1px dashed var(--pink);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;margin-top:2px;padding:6px 8px;font-size:12px}.anim-vib{border-top:1px dashed var(--line);flex-direction:column;gap:6px;max-width:300px;margin-top:4px;padding-top:8px;display:flex}.anim-vib-head{color:var(--ink);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.anim-vib-off{color:var(--pink);cursor:pointer;background:0 0;border:none;font-size:11px}.anim-vib-anchor{flex:1;align-items:center;gap:6px;display:inline-flex}.anim-vib-anchor input[type=range]{flex:1;min-width:90px}.anim-vib-end{color:var(--ink-soft);white-space:nowrap;font-size:11px}.anim-vib-chips{flex-wrap:wrap;gap:4px;display:inline-flex}.anim-vib-chips .chip{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;padding:2px 7px;font-size:11px}.anim-vib-chips .chip.active{border-color:var(--pink);background:var(--pink-soft,#ffe6f0);color:var(--ink)}.anim-vib-ghost{cursor:pointer}.anim-vib-ghost input[type=checkbox]{accent-color:var(--pink);margin:0}.anim-motion-add{flex-wrap:wrap;gap:6px;display:flex}.anim-motion-note{color:var(--ink-soft);padding:4px 0;font-size:11px}.anim-orbit-pick{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;padding:2px 8px;font-size:11px}.anim-orbit-pick:hover{border-color:var(--pink);color:var(--ink)}.play-shield{z-index:90;cursor:pointer;position:fixed;inset:0}.anim-strip .anim-present{color:var(--ink,#333);border:1.5px solid var(--line,#ccc);white-space:nowrap;font-weight:700}.present-overlay{z-index:95;cursor:pointer;position:absolute;inset:0}.present-exit{color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:16px;right:16px}.present-exit:hover{background:#000000a6}.present-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#0006;border-radius:999px;padding:6px 14px;font-size:13px;animation:4s ease-in forwards present-hint-fade;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@keyframes present-hint-fade{0%,60%{opacity:1}to{opacity:0}}.help-button{font-size:14px;font-weight:800}.dialog.shortcuts-dialog{width:900px}.dialog.help-dialog{gap:0;width:860px;max-width:calc(100vw - 40px);padding:0;overflow:hidden}.help-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;padding:10px 12px 0 14px;display:flex}.help-tabs{gap:2px;display:flex}.help-tab{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;padding:9px 16px;font-size:14px;font-weight:700}.help-tab:hover{color:var(--ink);background:#f6f8fb}.help-tab.active{color:var(--pink);border-bottom-color:var(--pink)}.help-close{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:3px;padding:8px 9px;display:inline-flex}.grad-presets .chip,.chip.grad-del{justify-content:center;align-items:center;gap:4px;display:inline-flex}.help-close:hover{color:var(--ink);background:#f1f5f9}.help-body{max-height:66vh;padding:16px 20px 20px;overflow-y:auto}.help-guide{grid-template-columns:176px 1fr;gap:18px;display:grid}.help-guide-nav{flex-direction:column;gap:2px;display:flex}.help-guide-navitem{cursor:pointer;text-align:left;font:inherit;color:var(--ink-soft);background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;font-weight:700;display:flex}.help-guide-navitem:hover{color:var(--ink);background:#f6f8fb}.help-guide-navitem.active{color:var(--pink);background:#eef3ff}.help-guide-navicon{text-align:center;width:18px;font-size:15px}.help-guide-content h3{color:var(--ink);align-items:center;gap:10px;margin:2px 0 12px;font-size:16px;font-weight:800;display:flex}.help-illus{background:linear-gradient(#f7fafd 0%,#eef3f9 100%);border:1px solid #e6edf5;border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;padding:10px;display:flex}.help-illus-svg{width:100%;max-width:320px;height:auto;display:block}.help-guide-body{color:var(--ink);margin:0;font-size:13px;line-height:1.9}.help-wip{color:#b0870b;background:#fff5d6;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}@media (width<=640px){.help-guide{grid-template-columns:1fr}.help-guide-nav{flex-flow:wrap}}.shortcuts-grid{grid-template-columns:1fr 1fr;gap:6px 36px;max-height:64vh;display:grid;overflow-y:auto}.shortcuts-section h3{color:var(--pink);margin:8px 0 4px;font-size:13px}.shortcuts-section table{border-collapse:collapse;width:100%;font-size:12px}.shortcuts-section td{border-bottom:1px solid #f1f5f9;padding:4px 0}.shortcuts-section td:first-child{white-space:nowrap;padding-right:20px}.shortcuts-section td:last-child{text-align:right;white-space:nowrap}kbd{border:1.5px solid var(--line);color:var(--ink);background:#f8fafc;border-bottom-width:2.5px;border-radius:6px;padding:2px 7px;font-family:inherit;font-size:11px;font-weight:700;display:inline-block}.key-sep{color:var(--ink-soft);font-size:11px}.dialog-backdrop{z-index:100;background:#3c2d5a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--panel-bg);border-radius:20px;flex-direction:column;gap:14px;width:470px;max-width:calc(100vw - 40px);padding:22px 26px;display:flex;box-shadow:0 20px 60px #2819464d}.dialog h2{color:var(--ink);margin:0;font-size:18px;font-weight:800}.dialog-note{color:var(--ink-soft);margin:0;font-size:12px}.newdoc-name{color:var(--ink);flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.newdoc-name input{border:1.5px solid var(--line);color:var(--ink);border-radius:10px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:600}.newdoc-name input:focus{border-color:var(--pink);outline:none}.filename-dialog{flex-direction:column;gap:16px;width:min(440px,92vw);display:flex}.filename-field{color:var(--ink);flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.filename-field input{border:1.5px solid var(--line);color:var(--ink);border-radius:10px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:600}.filename-field input:focus{border-color:var(--pink);outline:none}.preset-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.preset-button{border:1.5px solid var(--line);background:var(--panel-bg);cursor:pointer;color:var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.preset-button:hover{background:#eef3fc;border-color:#a9c2f0}.preset-thumb-box{justify-content:center;align-items:center;height:56px;display:flex}.preset-thumb{border:1.5px solid var(--pink);background:#fce7f3;border-radius:6px}.preset-button.active{border-color:var(--pink);background:#eef3fc}.preset-size{color:var(--ink-soft);font-size:10px}.custom-size{align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.custom-size label{align-items:center;gap:4px;display:flex}.custom-size input{border:1.5px solid var(--line);width:72px;color:var(--ink);border-radius:10px;padding:6px;font-family:inherit}.graph-inspector{color:var(--ink-soft);flex-direction:column;gap:7px;font-size:12px;display:flex}.graph-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.graph-row-name{color:var(--ink);flex:0 0 34px;font-weight:700}.graph-axis{flex-direction:column;gap:4px;display:flex}input.graph-axis-sym{font-family:Computer Modern Serif,Georgia,serif;font-size:14px;font-style:italic}.graph-range-row,.graph-step-row{gap:5px;padding-left:40px}.graph-range-row .param-num,.graph-step-row .param-num{width:56px}.graph-sublabel{color:var(--ink-soft);flex:none;font-size:11px}.graph-label-input{border:1.5px solid var(--line);width:34px;color:var(--ink);background:#fff;border-radius:8px;padding:4px 5px;font-family:inherit;font-size:12px}.graph-inspector .param-num{width:48px}.graph-tilde,.graph-steplabel{color:var(--ink-soft);flex:none}.graph-checks{flex-wrap:wrap;gap:5px 12px}.graph-checks label{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;display:flex}.graph-curves{border-top:1px dashed var(--line);flex-direction:column;gap:6px;padding-top:7px;display:flex}.graph-curve{flex-direction:column;gap:4px;display:flex}.graph-curve+.graph-curve{border-top:1px dashed var(--line);padding-top:6px}.graph-form-row{padding-left:30px}.graph-color{border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;flex:none;width:24px;height:24px;padding:0}.graph-eq{color:var(--ink);flex:none;font-weight:700}.graph-expr-input{border:1.5px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:8px;flex:1;padding:4px 6px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.graph-expr-input.bad{border-color:#e2537a}.graph-expr-error{color:#e2537a;padding-left:30px;font-size:11px}.graph-del{cursor:pointer;color:#8894a8;background:0 0;border:none;flex:none;padding:0 2px;font-size:15px;line-height:1}.graph-del:hover{color:#e2537a}.graph-params{flex-wrap:nowrap;gap:6px;padding-left:30px}.graph-params label{align-items:center;gap:3px;min-width:0;display:flex}.graph-params label span{font-family:SF Mono,Menlo,Consolas,monospace}.graph-add{border:1.5px dashed var(--pink);color:var(--ink);cursor:pointer;background:0 0;border-radius:9px;align-self:flex-start;padding:4px 10px;font-family:inherit;font-size:12px}.graph-add:hover{background:#f078a014}.graph-presets{flex-wrap:wrap}.graph-chip{border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:3px 10px;font-family:inherit;font-size:12px}.graph-chip:hover{border-color:var(--pink);background:#f078a014}.graph-time-hint{color:#8894a8;font-size:11px;line-height:1.5}.graph-sum-label{color:var(--ink);flex:1}.anim-placegraph-row{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding-top:7px;display:flex}.graph-motion-mini{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:3px 4px;font-family:inherit;font-size:11.5px}.anim-placegraph-angle{color:var(--ink-soft);align-items:center;gap:2px;font-size:11.5px;display:inline-flex}.anim-placegraph-angle input{border:1.5px solid var(--line);border-radius:7px;width:52px;padding:3px 4px;font-family:inherit;font-size:11.5px}.graph-unit-input{width:42px;font-family:Computer Modern Serif,Georgia,serif}.graph-inspector .graph-expr-input,.graph-params label span{font-family:Computer Modern Serif,Georgia,serif;font-size:13px}.graph-form-toggle{gap:2px;margin-left:auto;display:inline-flex}.graph-chip-mini{padding:2px 7px;font-family:Computer Modern Serif,Georgia,serif;font-size:11px}.graph-chip-mini.active{border-color:var(--pink);background:#f078a01f}.graph-expr-pretty{border:1.5px solid var(--line);min-width:0;color:var(--ink);cursor:text;white-space:nowrap;background:#fff;border-radius:8px;flex:1;padding:4px 6px;font-family:Computer Modern Serif,Georgia,serif;font-size:13.5px;line-height:1.35;overflow-x:auto}.graph-expr-pretty.bad{border-color:#e2537a}.graph-expr-pretty i{padding:0 .5px;font-style:italic}.graph-eq i{font-family:Computer Modern Serif,Georgia,serif;font-style:italic;font-weight:400}.graph-medium{color:var(--ink-soft);align-items:center;gap:3px;margin-left:auto;font-size:11px;display:flex}.graph-medium select{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:2px 3px;font-family:inherit;font-size:11px}.graph-param-name{padding-right:1px;font-family:Computer Modern Serif,Georgia,serif;font-size:13.5px;font-style:italic}.graph-params label span:not(.graph-param-name){font-family:inherit;font-style:normal}.graph-params .graph-medium span,.graph-medium-row .graph-medium span{font-family:inherit;font-size:11px;font-style:normal}.graph-chip-mini{font-style:italic}.graph-params .param-num{width:44px}.graph-medium-row{justify-content:flex-end}.graph-vt-letters{font-family:Computer Modern Serif,Georgia,serif;font-size:13px}.graph-vt-letters i{font-style:italic}.graph-name-input{flex:none;width:68px}.graph-dots-check{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:2px;font-size:11px;display:inline-flex}.graph-medium-row .graph-dots-check{margin-left:6px}.graph-motion-sel select{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:2px 4px;font-family:inherit;font-size:11.5px}.graph-motion-angle{flex-wrap:wrap;gap:6px;padding-left:26px}.graph-motion-angle .param-num{width:56px}.graph-readouts{flex-direction:column;gap:5px;margin-top:4px;display:flex}.graph-readouts-title{color:var(--ink-soft);font-size:11px}.graph-readout-row{gap:5px}.graph-readout-dot{border:1px solid #0000001f;border-radius:50%;flex:none;width:12px;height:12px}.graph-readout-lbl{color:var(--ink-soft);font-family:Computer Modern Serif,Georgia,serif;font-size:12.5px;font-style:italic}.graph-readout-input{flex:none;width:60px}.graph-style-wrap{flex:none;display:inline-flex}.graph-style-btn{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.graph-style-btn:hover{border-color:var(--pink)}.graph-style-swatch{border:1px solid #0000001f;border-radius:4px;width:15px;height:15px}.graph-style-preview{display:block}.graph-style-pop{z-index:60;background:var(--panel-bg,#fff);border:1.5px solid var(--pink);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex;position:fixed;box-shadow:0 10px 28px #503c7840}.graph-style-sec{align-items:center;gap:8px;display:flex}.graph-style-lbl{color:var(--ink-soft);flex:0 0 52px;font-size:11px}.graph-swatches{gap:4px;display:inline-flex}.graph-swatch{cursor:pointer;border:1px solid #0000001f;border-radius:5px;width:18px;height:18px;padding:0}.graph-seg{gap:4px;display:inline-flex}.graph-seg-btn{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;min-width:34px;height:24px;padding:0 5px;display:inline-flex}.graph-seg-btn.on{border-color:var(--pink);background:#fdeef3}.graph-weight-bar{border-radius:3px;width:20px}.graph-knots-hint{color:#8894a8;font-size:10.5px}.graph-tpl-letters{text-align:center;min-width:34px;display:inline-block}.graph-gtitle-toggle{cursor:pointer;flex:none;align-items:center;gap:4px;display:flex}.graph-gtitle-input{flex:1;width:auto;min-width:0}.group-confirm-dialog{width:440px;max-width:90vw}.group-confirm-lead{color:var(--text-muted,#666);margin:4px 0 8px;font-size:13px}.group-confirm-list{margin:0 0 18px;padding-left:20px;font-size:14px;line-height:1.7}.group-confirm-list li{margin-bottom:2px}.group-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.group-confirm-actions .bar-button.primary{background:var(--accent,#4c97ff);color:#fff;border-color:#0000}.tool-flyout-fields{z-index:1;background:#fff;border-bottom:1px solid #eef2f7;flex-wrap:wrap;gap:3px;margin-bottom:4px;padding:2px 2px 6px;display:flex;position:sticky;top:0}.field-tab{color:#556;cursor:pointer;white-space:nowrap;background:#f2f4f8;border:1px solid #0000;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.field-tab:hover{background:#e7ebf2}.field-tab.active{color:#fff;background:#4c97ff}.tool-flyout-empty{color:#8892a4;padding:8px 6px;font-size:12px}.auth-screen,.account-screen{background:var(--canvas-bg);width:100%;height:100%;color:var(--ink);overflow:auto}.account-screen{z-index:80;position:fixed;inset:0}.account-page{--ink:#2b3850;--ink-soft:#66758a;--line:#c9d4e1;--panel-bg:#fff;--canvas-bg:#eef3f8;background:var(--canvas-bg)}.auth-screen{justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--panel-bg);border:1px solid var(--line);text-align:center;border-radius:16px;width:100%;max-width:560px;padding:40px 32px;box-shadow:0 10px 40px #2f3b521f}.auth-logo{width:auto;height:52px;margin-bottom:14px}.auth-tagline{color:var(--ink);letter-spacing:.02em;margin:0 0 26px;font-size:15px;font-weight:600}.auth-lead{color:var(--ink-soft);margin:0 0 22px;font-size:13.5px;line-height:1.6}.auth-badges{justify-content:center;align-items:center;gap:18px;margin-top:20px;display:flex}.auth-badge{color:var(--ink);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex}.auth-badge svg{color:var(--pink)}.auth-badge-sep{background:var(--line);width:1px;height:22px}.auth-note{color:var(--ink-soft);margin:14px 0 0;font-size:12px;line-height:1.6}.auth-consent{border-top:1px solid var(--line);color:var(--ink-soft);margin:22px 0 0;padding-top:20px;font-size:12px;line-height:1.7}.auth-consent a{color:var(--pink)}.auth-error{color:#d64545;margin:14px 0 0;font-size:13px}.gate-input{width:100%;color:var(--ink);background:var(--canvas-bg);border:1px solid var(--line);box-sizing:border-box;border-radius:8px;margin:0 0 14px;padding:10px 14px;font-size:15px}.gate-input:focus{border-color:var(--pink);outline:none}.gate-submit{width:100%}.google-btn{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.google-btn:hover:not(:disabled){background:#f7f8fa;box-shadow:0 1px 4px #2f3b5224}.google-btn:disabled{opacity:.55;cursor:default}.home-top{border-bottom:1px solid var(--line);background:var(--panel-bg);align-items:center;gap:12px;padding:16px 24px;display:flex}.home-top .spacer{flex:1}.bar-button.icon-text{align-items:center;gap:6px;display:inline-flex}.account-page .home-top{padding:12px 16px}.account-page .home-top .bar-button{border-width:1px;border-radius:12px;min-height:46px;padding:0 18px;font-size:15px}.account-page .home-top .bar-button.icon-text{gap:9px;padding-inline:20px}.home-action{color:var(--ink);background:var(--panel-bg);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:20px 16px;font-size:15px;font-weight:600;transition:border-color .15s,box-shadow .15s,transform 50ms}.home-action:hover:not(:disabled){border-color:var(--pink);box-shadow:0 4px 16px #3b63d11f}.home-action:active:not(:disabled){transform:translateY(1px)}.home-action:disabled{opacity:.5;cursor:default}.home-action.primary{color:#fff;background:var(--pink-grad);border-color:#0000}.plan-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.plan-badge.plan-paid{color:#0f7a3d;background:#34c75929}.plan-badge.plan-trial{color:#2947a8;background:#4c97ff2e}.plan-badge.plan-expired{color:#8a5a12;background:#f5b23c33}.plan-badge.plan-comp{color:#6d28d9;background:#8b5cf62e}.modal-overlay{z-index:70;background:#1e243266;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upgrade-modal{background:var(--panel-bg);border:1px solid var(--line);text-align:center;border-radius:14px;width:100%;max-width:360px;margin:16px;padding:28px 24px 24px;position:relative;box-shadow:0 12px 40px #2f3b5238}.upgrade-modal-close{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.upgrade-modal-close:hover{background:var(--canvas-bg)}.upgrade-modal-text{color:var(--ink);margin:0 0 18px;font-size:13px;line-height:1.6}.upgrade-modal-cta{color:#fff;background:var(--pink-grad);cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600}.account-main{max-width:800px;margin:0 auto;padding:40px 24px}.account-title{align-items:center;gap:10px;margin:0 0 24px;font-size:22px;font-weight:700;display:flex}.account-page .account-main{max-width:880px;padding:28px 24px 24px}.account-page .account-title{gap:12px;margin-bottom:16px;font-size:25px;line-height:1.35}.account-page .account-title svg{width:25px;height:25px}.account-card{background:var(--panel-bg);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:8px 22px;box-shadow:0 2px 8px #2b38500b}.account-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:52px;padding:14px 0;display:flex}.account-row:last-child{border-bottom:none}.account-label{width:165px;color:var(--ink-soft);flex-shrink:0;font-size:14px}.account-value{color:var(--ink);font-size:15px}.account-actions{margin-top:8px}.account-lead{color:var(--ink);margin:0 0 14px;font-size:14px;line-height:1.6}.plan-panel{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:16px;padding:20px;box-shadow:0 4px 18px #2b38500d}.plan-panel-head{justify-content:center;align-items:center;min-height:34px;margin-bottom:16px;display:flex;position:relative}.plan-panel-title{margin:0;font-size:22px;font-weight:700}.plan-current-badge{color:#1a7a45;background:#dcf5e6;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;position:absolute;right:0}.plan-features{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.plan-feature{text-align:center;border:1px solid var(--line);background:var(--panel-bg);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-height:138px;padding:18px 8px 15px;display:flex;box-shadow:0 2px 6px #2b385009}.plan-feature-icon{color:var(--pink);margin-bottom:5px}.plan-feature-icon svg{width:34px;height:34px}.plan-feature-title{white-space:nowrap;font-size:12px;font-weight:700;line-height:1.5}.plan-feature-desc{color:var(--ink-soft);font-size:10.5px;line-height:1.5}.plan-options{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.plan-option{border:1px solid var(--line);background:var(--panel-bg);min-height:138px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:17px 14px;font-family:inherit;transition:border-color .12s,background .12s;display:flex}.plan-option:hover{border-color:#a9c2f0}.plan-option.active{background:#f4f7ff;border-color:#2f6df6;box-shadow:0 2px 8px #3b63d10f}.plan-option-head{justify-content:center;align-items:center;gap:8px;width:100%;display:flex;position:relative}.plan-option-radio{background:#fff;border:2px solid #c4ccd8;border-radius:999px;width:20px;height:20px;position:absolute;left:0}.plan-option.active .plan-option-radio{border-color:var(--pink);box-shadow:inset 0 0 0 4px var(--pink)}.plan-option-name{font-size:15px;font-weight:700}.plan-save-badge{color:#fff;background:#1a9a5c;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;position:absolute;right:0}.plan-option-price{letter-spacing:.01em;font-size:30px;font-weight:800}.plan-option-unit{color:var(--ink-soft);margin-left:4px;font-size:14px;font-weight:600}.plan-option-tax{color:var(--ink-soft);font-size:12px}.plan-cta{background:var(--pink-grad);color:#fff;cursor:pointer;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:290px;height:52px;margin:20px auto 0;padding:0 32px;font-family:inherit;font-size:16px;font-weight:700;display:flex;box-shadow:0 5px 14px #3357c72e}.plan-cta:hover:not(:disabled){filter:brightness(1.07)}.plan-cta:disabled{opacity:.5;cursor:default}.plan-cta.ghost{background:var(--panel-bg);border-color:var(--pink);color:var(--pink);box-shadow:none}.plan-cta.ghost:hover:not(:disabled){filter:none;background:#f4f7ff}.plan-cta-note{text-align:center;color:var(--ink-soft);margin:7px 0 0;font-size:13px}.account-banner{border:1px solid var(--line);background:var(--panel-bg);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;min-height:60px;margin-bottom:10px;padding:12px 16px;display:grid;box-shadow:0 2px 7px #2b385009}.account-banner-icon{color:var(--ink-soft);grid-row:span 2;justify-content:center;align-items:center;display:flex}.account-banner-title{font-size:13px;font-weight:700;line-height:1.6}.account-banner-note{color:var(--ink-soft);font-size:11.5px;line-height:1.6}.account-banner.good{background:var(--panel-bg);border-color:#cbd9f5}.account-banner.good .account-banner-icon{width:38px;height:38px;color:var(--pink);background:0 0}.account-banner.good .account-banner-icon svg{width:38px;height:38px}.account-banner.good .account-banner-icon svg path:first-child{fill:currentColor;stroke:currentColor}.account-banner.good .account-banner-icon svg path:last-child{stroke:#fff;stroke-width:2px}.account-banner.warn{background:#fff8ec;border-color:#f0a766}.account-banner.warn .account-banner-icon{color:#ee7d17}.account-banner.split{grid-template-columns:auto minmax(250px,.95fr) minmax(0,1.35fr);gap:12px 16px}.account-banner.split .account-banner-icon{grid-row:auto}.account-banner.split .account-banner-note{border-left:1px solid var(--line);padding-left:20px}@media (width<=620px){.plan-features,.plan-options{grid-template-columns:repeat(2,1fr)}.account-page .account-main{padding:22px 16px}.account-label{width:130px}.account-banner.split{grid-template-columns:auto minmax(0,1fr);gap:4px 12px}.account-banner.split .account-banner-icon{grid-row:span 2}.account-banner.split .account-banner-note{border-left:0;padding-left:0}}.account-note{color:var(--ink-soft);margin:24px 0 0;font-size:12px;line-height:1.6}.account-page .account-note{text-align:center;margin-top:16px}.account-page .account-note+.account-note{margin-top:5px}.account-page .account-note-icon{justify-content:center;align-items:center;gap:7px;display:flex}.account-page .account-note-icon svg{flex:none}.legal-links{color:var(--ink-soft);text-align:center;margin:14px 0 0;font-size:12px}.account-page .legal-links{margin-top:16px}.legal-links a{color:var(--ink-soft);text-decoration:underline}.legal-links-sep{margin:0 6px}.legal-screen{background:var(--canvas-bg);width:100%;height:100%;color:var(--ink);overflow:auto}.legal-logo{height:24px}.legal-main{max-width:720px;margin:0 auto;padding:40px 24px 80px;font-size:14px;line-height:1.9}.legal-main h1{margin:0 0 28px;font-size:24px;font-weight:800}.legal-main h2{margin:32px 0 10px;font-size:16px;font-weight:700}.legal-main p{margin:0 0 14px}.legal-main ul{margin:0 0 14px;padding-left:1.4em}.legal-main li{margin:4px 0}.legal-meta{color:var(--ink-soft);font-size:12px;margin-top:40px!important}.legal-table{border-collapse:collapse;width:100%;margin:0 0 14px}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 10px}.legal-table th{width:34%;color:var(--ink-soft);white-space:nowrap;font-weight:700}.library-screen{z-index:120;color:var(--ink);background:radial-gradient(1100px 480px at 88% -12%,#e7eeff 0%,#e7eeff00 62%),linear-gradient(#f9fbfe 0%,#eef1f7 100%);flex-direction:column;animation:.16s ease-out library-in;display:flex;position:fixed;inset:0}@keyframes library-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.library-top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;align-items:center;gap:12px;padding:13px 22px;display:flex}.library-mark{border-radius:9px;width:36px;height:36px}.library-heading{align-items:baseline;gap:10px;min-width:0;display:flex}.library-title{letter-spacing:.02em;font-size:16px;font-weight:700}.library-subtitle{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.library-close{margin-left:auto}.library-body{flex:1;min-height:0;display:flex}.library-nav{border-right:1px solid var(--line);flex-direction:column;flex:none;gap:3px;width:176px;padding:16px 12px;display:flex;overflow-y:auto}.library-nav-btn{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;padding:8px 11px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.library-nav-btn:hover{background:#e7ecf6}.library-nav-btn.active{background:var(--pink-grad);color:#fff;box-shadow:0 3px 10px #3357c740}.library-nav-count{color:var(--ink-soft);margin-left:auto;font-size:11px;font-weight:500}.library-nav-btn.active .library-nav-count{color:#ffffffbf}.library-main{flex:1;min-width:0;padding:20px 26px 44px;overflow-y:auto}.library-locked{background:linear-gradient(90deg,#eef2ff 0%,#f7f9ff 100%);border:1px solid #dbe4f8;border-radius:12px;align-items:center;gap:10px;max-width:1080px;margin-bottom:18px;padding:10px 16px;font-size:12.5px;display:flex}.library-upgrade-btn{background:var(--pink-grad);color:#fff;cursor:pointer;border:none;border-radius:9px;flex:none;margin-left:auto;padding:7px 15px;font-family:inherit;font-size:12.5px;font-weight:600}.library-upgrade-btn:hover{filter:brightness(1.07)}.library-grid{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:18px;max-width:1080px;display:grid}.library-card{background:var(--panel-bg);border:1px solid var(--line);border-radius:14px;flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.library-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0f172a1a}.library-thumb{aspect-ratio:16/10;position:relative}.library-thumb svg,.library-thumb img{width:100%;height:100%;position:absolute;inset:0}.library-thumb img{object-fit:contain;padding:8px}.library-chip{letter-spacing:.03em;background:#ffffffe0;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;top:9px;left:9px}.library-card-body{padding:10px 13px 4px}.library-card-title{font-size:13.5px;font-weight:700}.library-card-desc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:11.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.library-card-actions{gap:8px;margin-top:auto;padding:9px 13px 13px;display:flex}.library-act{border:1.5px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:#f8fafc;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 6px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.library-act:hover{background:#eef2f9;border-color:#a9c2f0}.library-act.primary{background:var(--pink-grad);color:#fff;border-color:#0000}.library-act.primary:hover{filter:brightness(1.07);background:var(--pink-grad)}.library-act.locked{opacity:.72}.library-empty{text-align:center;color:var(--ink-soft);padding:70px 0;font-size:13px}.library-confirm{width:520px}.library-confirm-lead{color:var(--ink);margin:6px 0 14px;font-size:13px;line-height:1.7}.library-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.library-toast,.app-toast{color:#fff;background:#1f293beb;border-radius:999px;padding:9px 17px;font-size:12.5px;animation:.15s ease-out toast-in;bottom:26px;left:50%;transform:translate(-50%)}.library-toast{position:absolute}.app-toast{z-index:130;text-align:center;max-width:min(560px,100vw - 32px);line-height:1.6;position:fixed}.bar-button.library-entry{background:linear-gradient(#fff 0%,#f0f4ff 100%);border-color:#c9d8f6}.bar-button.library-entry:hover:not(:disabled){background:#e9efff;border-color:#a9c2f0}.library-entry-icon{border-radius:5px;width:23px;height:23px;margin:-4px -1px}.mypage-screen{--ink:#2b3850;--ink-soft:#66758a;--line:#c9d4e1;--panel-bg:#fff;--canvas-bg:#eef3f8}.mypage-screen .home-top{background:#fff;border-bottom-color:#c9d4e1}.mypage-screen .home-top .bar-button,.mypage-screen .mypage-search,.mypage-screen .mypage-filter-chips .chip:not(.active),.mypage-screen .work-card-actions .bar-button,.mypage-screen .mypage-actions .home-action:not(.primary){background:#fff;border-color:#c9d4e1}.works-main{max-width:1120px}.works-usage{color:var(--ink-soft);font-size:12px}.works-grid{grid-template-columns:repeat(auto-fill,248px);justify-content:start;gap:18px;margin:0;padding:0;list-style:none;display:grid}.work-card{background:#fff;border:1px solid #c5d0de;border-radius:14px;flex-direction:column;width:248px;transition:box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #23324817}.work-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #23324824}.work-card-thumb{aspect-ratio:16/9;cursor:pointer;background:#dde5ef;border:none;border-bottom:1px solid #cbd6e3;width:100%;padding:0;display:block;position:relative;overflow:hidden}.work-card-thumb img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.work-card-thumb:disabled{cursor:default}.work-card-lock{background:#d9770629;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.work-card-lock-badge{color:#d97706;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #0f172a2e}.work-card.is-locked .work-card-title{color:var(--ink-soft)}.work-card-fav{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:#ffffffe6;border-radius:9px;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s;display:flex;position:absolute;top:8px;right:8px}.work-card-fav:hover:not(:disabled){color:#e0a300;background:#fff}.work-card-fav.on{color:#f0b429;background:#fffaf0;border-color:#f0d08a}.chip.chip-fav{align-items:center;gap:5px;display:inline-flex}.chip.chip-fav.active{color:#9a6b00;background:#fff4d6;border-color:#f0d08a}.mypage-filter-sep{background:var(--line);width:1px;height:18px;margin:0 4px;display:inline-block}.work-card-body{padding:9px 12px 0}.work-card-title{text-overflow:ellipsis;white-space:nowrap;cursor:text;font-size:13.5px;font-weight:700;overflow:hidden}.work-card-title-input{border:1.5px solid var(--pink);width:100%;color:var(--ink);background:#fff;border-radius:6px;margin:-3px -5px;padding:2px 4px;font-family:inherit;font-size:13.5px;font-weight:700}.work-card-title-input:focus{outline:none}.work-card-meta{color:var(--ink-soft);margin-top:2px;font-size:11px}.work-card-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.work-card-actions{gap:6px;margin-top:auto;padding:10px 12px 12px;display:flex}.works-delete{color:#c04545}.works-confirm{width:420px}.works-confirm-lead{color:var(--ink);margin:6px 0 16px;font-size:13px;line-height:1.7}.works-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.bar-button.danger-solid{color:#fff;background:#d64545;border-color:#0000}.bar-button.danger-solid:hover:not(:disabled){background:#c03a3a}.mypage-grace-banner{color:#8a5a00;background:#fff4e5;border-radius:10px;margin:10px 0 0;padding:10px 14px;font-size:13px}.menu-icon-text{align-items:center;gap:7px;display:inline-flex}.app-mark-link{cursor:pointer;background:0 0;border:none;padding:0}.mypage-heading-row{justify-content:space-between;align-items:center;gap:32px;margin-bottom:20px;display:flex}.mypage-heading-row .account-title{flex:auto;min-width:0;margin:0}.mypage-actions{flex-wrap:nowrap;flex:none;gap:12px;margin:0;display:flex}.mypage-actions .home-action{white-space:nowrap;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:10px;max-width:100%;height:54px;padding:0 18px;font-size:15px;display:inline-flex}.mypage-actions .home-action.primary{width:190px}.mypage-actions .home-action:not(.primary){width:250px}.mypage-actions .home-action svg{flex:none}@media (width<=900px){.mypage-heading-row{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:36px}}@media (width<=560px){.mypage-actions{flex-wrap:wrap;align-self:stretch}.mypage-actions .home-action.primary,.mypage-actions .home-action:not(.primary){width:100%}}.mypage-new-dialog{max-width:420px}.mypage-new-dialog h2{margin:0 0 16px;font-size:18px;font-weight:800}.mypage-new-label{color:var(--ink-soft);margin-bottom:14px;font-size:13px;display:block}.mypage-new-label .gate-input{margin-top:6px;margin-bottom:0}.mypage-new-presets{margin:0 0 18px}.mypage-new-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.mypage-new-actions .home-action,.mypage-new-actions .bar-button{height:40px;padding:0 22px;font-size:14px}.mypage-filters{flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0 6px;display:flex}.mypage-search{border:1.5px solid var(--line);background:var(--panel-bg);color:var(--ink-soft);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:flex}.mypage-search input{color:var(--ink);background:0 0;border:none;outline:none;min-width:160px;font-size:13px}.mypage-filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-chip{color:var(--ink-soft);background:#eef0f5;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-block}.tag-chip[data-tag=mechanics]{color:#3b63d1;background:#e8eeff}.tag-chip[data-tag=waves]{color:#0f7d72;background:#dff5f1}.tag-chip[data-tag=em]{color:#b96806;background:#fdefdc}.tag-chip[data-tag=heat]{color:#c62b2b;background:#fde7e7}.tag-chip[data-tag=atomic]{color:#6d34d6;background:#f0e9fe}.tag-popover{min-width:150px;top:calc(100% + 2px);left:auto;right:0}.tag-popover-item{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.account-cancel-scheduled,.mypage-pastdue{color:#a3271f;background:#fdecea;border:1px solid #f5c2c0;border-radius:10px;margin:0 0 14px;padding:12px 16px;font-size:13.5px;font-weight:600;line-height:1.7}.mypage-cancel-scheduled{color:#8a5a00;background:#fff4e5;border-radius:10px;margin:0 0 14px;padding:12px 16px;font-size:13.5px;line-height:1.7}.readonly-shield{z-index:5;cursor:default;position:absolute;inset:0}