@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-outlined-Bgl3Icaq.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Pretendard;src:url(/assets/PretendardVariable-CJuje-Rk.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Maplestory;src:url(/assets/Maplestory%20OTF%20Light-CY7aQp1f.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Maplestory;src:url(/assets/Maplestory%20OTF%20Bold-Uqc3ay_m.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400}html,body,#root{width:100%;height:100%}body{background-color:#fff;color:#333}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#555;border-radius:3px}*{scrollbar-width:thin;scrollbar-color:#555 transparent}.invite-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 24px}.invite-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px}.invite-title{font-size:56px;font-weight:800;letter-spacing:-2px;margin:0 0 40px}.invite-desc{font-size:16px;color:#666;margin-bottom:20px}.invite-input{width:100%;padding:14px 16px;font-size:16px;border:1px solid #ddd;border-radius:8px;outline:none;text-align:center;box-sizing:border-box}.invite-input:focus{border-color:#333}.invite-input-error{border-color:#e74c3c}.invite-error{color:#e74c3c;font-size:13px;margin-top:8px}.invite-button{width:100%;padding:14px;margin-top:16px;font-size:16px;font-weight:600;background:#333;color:#fff;border:none;border-radius:8px;cursor:pointer}.invite-button:hover{background:#555}.social-btn{position:relative;display:flex;align-items:center;width:100%;height:40px;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s}.social-btn:active{opacity:.8}.social-btn__icon{position:absolute;left:20px;width:16px;height:16px}.social-btn__label{width:100%;text-align:center}.social-btn--google{background-color:#fff;color:#191919;border:1px solid #E0E0E0}.social-btn--kakao{background-color:#fee500;color:#191600}.social-btn--naver{background-color:#05ac4f;color:#fff}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 24px}.logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.logo-main{font-size:48px;font-weight:800;letter-spacing:-2px;margin:0}.logo-sub{font-size:24px;font-weight:600;margin-top:-8px;letter-spacing:8px;text-transform:uppercase}.login-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.login-divider{display:flex;align-items:center;width:100%;max-width:320px;margin:20px 0;gap:12px;color:#555;font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#333}.login-form{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px}.login-form__input{padding:10px 12px;font-size:13px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#e0e0e0;outline:none}.login-form__input:focus{border-color:#4a9eff}.login-form__error{font-size:12px;color:#f55;margin:0}.login-form__btn{padding:10px;font-size:13px;font-weight:500;border:none;border-radius:6px;background:#4a9eff;color:#fff;cursor:pointer;margin-top:4px}.login-form__btn:disabled{opacity:.4;cursor:default}.login-form__btn:not(:disabled):hover{background:#3a8eef}.login-notice{margin-top:40px;font-size:12px;color:#999;text-align:center;max-width:280px;line-height:1.6}.debug-token{display:flex;flex-direction:column;margin-top:40px;width:100%;max-width:320px;border-top:1px dashed #333;padding-top:16px;gap:6px}.debug-token__label{font-size:11px;color:#666;margin-bottom:8px}.debug-token__row{display:flex;gap:8px}.debug-token__input{flex:1;padding:8px 10px;font-size:12px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#ccc;outline:none}.debug-token__input:focus{border-color:#555}.debug-token__btn{padding:8px 14px;font-size:12px;background:#2a2a2a;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer}.debug-token__btn:hover{background:#333}.icon{display:inline-flex;align-items:center;justify-content:center}.icon--xs{font-size:16px}.icon--sm{font-size:18px}.icon--md{font-size:20px}.icon--lg{font-size:24px}.icon--xl{font-size:28px}.top-bar{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:transparent;border-bottom:none;flex-shrink:0}.top-bar__left{display:flex;align-items:center;gap:8px}.top-bar__symbol{width:20px;height:20px}.top-bar__typo{height:14px;width:auto;opacity:.7}.top-bar__right{display:flex;align-items:center;gap:4px}.top-bar__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--button-color);cursor:pointer;transition:color .15s}.top-bar__btn:hover{color:var(--button-hover)}.top-bar__btn--active,.top-bar__btn--active:hover{color:var(--button-active)}.top-bar__btn--enter{animation:topbar-fade-in .7s ease both}.top-bar__btn--exit{animation:topbar-fade-out .7s ease both;pointer-events:none}@keyframes topbar-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes topbar-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.top-bar__divider{width:1px;height:16px;background:var(--divider);margin:0 4px}.dock{position:fixed;z-index:100;display:flex;align-items:center;padding:6px;gap:4px;border:1px solid var(--dock-border, rgba(255, 255, 255, .1));border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dock--bottom{bottom:8px;left:50%;transform:translate(-50%) translateY(0);flex-direction:row;transition:transform .3s ease,opacity .3s ease}.dock--top{top:48px;left:50%;transform:translate(-50%) translateY(0);flex-direction:row;transition:transform .3s ease,opacity .3s ease}.dock--left{left:8px;top:50%;transform:translateY(-50%) translate(0);flex-direction:column;transition:transform .3s ease,opacity .3s ease}.dock--right{right:8px;top:50%;transform:translateY(-50%) translate(0);flex-direction:column;transition:transform .3s ease,opacity .3s ease}.dock--hidden.dock--bottom{transform:translate(-50%) translateY(calc(100% + 16px));opacity:0;pointer-events:none}.dock--hidden.dock--top{transform:translate(-50%) translateY(calc(-100% - 16px));opacity:0;pointer-events:none}.dock--hidden.dock--left{transform:translateY(-50%) translate(calc(-100% - 16px));opacity:0;pointer-events:none}.dock--hidden.dock--right{transform:translateY(-50%) translate(calc(100% + 16px));opacity:0;pointer-events:none}.dock__item{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:10px;background:transparent;color:var(--dock-icon, #999);cursor:pointer;transition:background .15s,color .15s,transform .15s}.dock__item:hover{background:var(--dock-hover-bg, rgba(255, 255, 255, .1));color:var(--dock-icon-hover, #fff);transform:scale(1.15)}.dock__divider{width:1px;height:28px;background:var(--dock-border, rgba(255, 255, 255, .15));margin:0 2px;flex-shrink:0}.dock--left .dock__divider,.dock--right .dock__divider{width:28px;height:1px;margin:2px 0}.dock__tooltip{position:absolute;background:#000c;color:#fff;font-size:11px;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.dock__item:hover .dock__tooltip{opacity:1}.dock--bottom .dock__tooltip{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px}.dock--top .dock__tooltip{top:100%;left:50%;transform:translate(-50%);margin-top:6px}.dock--left .dock__tooltip{left:100%;top:50%;transform:translateY(-50%);margin-left:6px}.dock--right .dock__tooltip{right:100%;top:50%;transform:translateY(-50%);margin-right:6px}.dock__item--active{background:var(--dock-active-bg, rgba(138, 170, 122, .15));color:var(--dock-icon-active, #8aaa7a)}.dock__window:hover{background:transparent}.dock__window--active{color:var(--dock-icon-active, #8aaa7a)}.dock__pin{color:var(--dock-icon, #666)}.dock__pin--active{color:var(--dock-icon-active, #8aaa7a)}.dock-handle{position:fixed;z-index:99;display:flex;align-items:center;justify-content:center}.dock-handle--bottom{bottom:4px;left:50%;transform:translate(-50%);width:200px;height:12px;cursor:pointer}.dock-handle--top{top:44px;left:50%;transform:translate(-50%);width:200px;height:12px;cursor:pointer}.dock-handle--left{left:4px;top:50%;transform:translateY(-50%);width:12px;height:200px;cursor:pointer}.dock-handle--right{right:4px;top:50%;transform:translateY(-50%);width:12px;height:200px;cursor:pointer}.dock-handle__bar{width:48px;height:4px;background:#fff3;border-radius:2px;transition:background .15s}.dock-handle__bar--v{width:4px;height:48px}.dock-handle:hover .dock-handle__bar{background:#fff6}.flexlayout__layout{--color-text: #eeeeee;--color-background: black;--color-base: black;--color-1: rgb(17.85, 17.85, 17.85);--color-2: rgb(25.5, 25.5, 25.5);--color-3: rgb(38.25, 38.25, 38.25);--color-4: #333333;--color-5: rgb(63.75, 63.75, 63.75);--color-6: rgb(76.5, 76.5, 76.5);--color-drag1: rgb(207, 232, 255);--color-drag2: rgb(183, 209, 181);--color-drag1-background: rgba(128, 128, 128, .15);--color-drag2-background: rgba(128, 128, 128, .15);--font-size: medium;--font-family: Roboto, Arial, sans-serif;--color-overflow: gray;--color-icon: gray;--color-tabset-background: var(--color-1);--color-tabset-background-selected: var(--color-1);--color-tabset-background-maximized: var(--color-6);--color-tabset-divider-line: var(--color-4);--color-tabset-header-background: var(--color-1);--color-tabset-header: var(--color-text);--color-border-tab-content: var(--color-background);--color-border-background: var(--color-1);--color-border-divider-line: var(--color-4);--color-tab-content: var(--color-background);--color-tab-selected: var(--color-text);--color-tab-selected-background: var(--color-4);--color-tab-unselected: gray;--color-tab-unselected-background: transparent;--color-tab-textbox: var(--color-text);--color-tab-textbox-background: var(--color-3);--color-border-tab-selected: var(--color-text);--color-border-tab-selected-background: var(--color-4);--color-border-tab-unselected: gray;--color-border-tab-unselected-background: var(--color-2);--color-splitter: var(--color-2);--color-splitter-hover: var(--color-4);--color-splitter-drag: var(--color-5);--color-drag-rect-border: var(--color-4);--color-drag-rect-background: var(--color-1);--color-drag-rect: var(--color-text);--color-popup-border: var(--color-6);--color-popup-unselected: var(--color-text);--color-popup-unselected-background: var(--color-background);--color-popup-selected: var(--color-text);--color-popup-selected-background: var(--color-4);--color-edge-marker: gray;--color-edge-icon: #eee;--color-mini-scroll-indicator: rgba(128, 128, 128, .5);--color-mini-scroll-indicator-hovered: rgba(128, 128, 128, .8);--size-mini-scroll-indicator: 3px;--color-toolbar-button-hover: var(--color-4)}.flexlayout__layout{inset:0;position:absolute;display:flex;overflow:hidden;background-color:var(--color-background)}.flexlayout__layout_overlay{inset:0;position:absolute;z-index:1000}.flexlayout__layout_tab_stamps{position:absolute;top:-10000px;z-index:100;display:flex;flex-direction:column;align-items:start}.flexlayout__layout_moveables{visibility:hidden;position:absolute;width:100px;height:100px;top:-20000px}.flexlayout__layout_main{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-grow:1;position:relative}.flexlayout__layout_border_container,.flexlayout__layout_border_container_inner{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-grow:1}.flexlayout__splitter{display:flex;align-items:center;justify-content:center;background-color:var(--color-splitter);touch-action:none;z-index:10}@media(hover:hover){.flexlayout__splitter:hover{background-color:var(--color-splitter-hover);transition:background-color ease-in .1s;transition-delay:.05s;border-radius:5px}}.flexlayout__splitter_drag{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:5px;background-color:var(--color-splitter-drag)}.flexlayout__splitter_handle{background-color:#ccc;border-radius:3px}.flexlayout__splitter_handle_horz{width:3px;height:30px}.flexlayout__splitter_handle_vert{width:30px;height:3px}.flexlayout__splitter_extra{touch-action:none;background-color:transparent}.flexlayout__outline_rect{position:absolute;pointer-events:none;box-sizing:border-box;border:2px solid var(--color-drag1);background:var(--color-drag1-background);border-radius:5px;z-index:1000}.flexlayout__outline_rect_edge{pointer-events:none;border:2px solid var(--color-drag2);background:var(--color-drag2-background);border-radius:5px;z-index:1000;box-sizing:border-box}.flexlayout__edge_rect{position:absolute;z-index:1000;background-color:var(--color-edge-marker);pointer-events:none;display:flex;align-items:center;justify-content:center}.flexlayout__drag_rect{color:var(--color-drag-rect);background-color:var(--color-drag-rect-background);border:2px solid var(--color-drag-rect-border);border-radius:5px;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;overflow:hidden;padding:.3em .8em;word-wrap:break-word;font-size:var(--font-size);font-family:var(--font-family)}.flexlayout__row{display:flex;flex-basis:0px;min-width:0;min-height:0;position:relative;box-sizing:border-box;overflow:hidden}.flexlayout__tabset{display:flex;flex-direction:column;position:relative;background-color:var(--color-tabset-background);box-sizing:border-box;font-family:var(--font-family);overflow:hidden;flex-grow:1}.flexlayout__tabset_container{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-direction:column;overflow:hidden;flex-grow:1}.flexlayout__tabset_tab_divider{width:4px}.flexlayout__tabset_content{display:flex;flex-basis:0px;min-width:0;min-height:0;flex-grow:1;box-sizing:border-box;position:relative}.flexlayout__tabset_leading{display:flex}.flexlayout__tabset_header{display:flex;align-items:center;padding:3px 3px 3px 5px;box-sizing:border-box;border-bottom:1px solid var(--color-tabset-divider-line);color:var(--color-tabset-header);background-color:var(--color-tabset-header-background);font-size:var(--font-size)}.flexlayout__tabset_header_content{flex-grow:1}.flexlayout__tabset_tabbar_outer{box-sizing:border-box;background-color:var(--color-tabset-background);overflow:hidden;display:flex;font-size:var(--font-size)}.flexlayout__tabset_tabbar_outer_top{padding:0 2px;border-bottom:1px solid var(--color-tabset-divider-line)}.flexlayout__tabset_tabbar_outer_bottom{padding:0 2px;border-top:1px solid var(--color-tabset-divider-line)}.flexlayout__tabset_tabbar_inner{position:relative;box-sizing:border-box;display:flex;flex-grow:1;scrollbar-width:none}.flexlayout__tabset_tabbar_inner::-webkit-scrollbar{display:none}.flexlayout__tabset_tabbar_inner_tab_container{position:relative;display:flex;padding-left:4px;padding-right:4px;box-sizing:border-box;white-space:nowrap}.flexlayout__tabset_tabbar_inner_tab_container_top{border-top:2px solid transparent}.flexlayout__tabset_tabbar_inner_tab_container_bottom{border-bottom:2px solid transparent}.flexlayout__tabset-selected{background-color:var(--color-tabset-background-selected)}.flexlayout__tabset-maximized{background-color:var(--color-tabset-background-maximized)}.flexlayout__tab_button_stamp{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;box-sizing:border-box}.flexlayout__tab{overflow:hidden;box-sizing:border-box;background-color:var(--color-tab-content);color:var(--color-text);position:relative}.flexlayout__tab_moveable{position:relative;height:100%;min-width:1px;min-height:1px;overflow:auto;box-sizing:border-box}.flexlayout__tab_overlay{z-index:20;position:absolute;inset:0;background-color:#0000003d}.flexlayout__tab_button{display:flex;gap:.3em;align-items:center;box-sizing:border-box;padding:3px .5em;cursor:pointer}.flexlayout__tab_button_stretch{background-color:transparent;color:var(--color-tab-selected);width:100%;padding:3px 0;text-wrap:nowrap;display:flex;gap:.3em;align-items:center;box-sizing:border-box;cursor:pointer}@media(hover:hover){.flexlayout__tab_button_stretch:hover{color:var(--color-tab-selected)}}.flexlayout__tab_button--selected{background-color:var(--color-tab-selected-background);color:var(--color-tab-selected)}@media(hover:hover){.flexlayout__tab_button:hover{color:var(--color-tab-selected)}}.flexlayout__tab_button--unselected{background-color:var(--color-tab-unselected-background);color:var(--color-tab-unselected)}.flexlayout__tab_button_leading{display:flex}.flexlayout__tab_button_content{display:flex;text-wrap:nowrap}.flexlayout__tab_button_textbox{border:none;font-family:var(--font-family);font-size:var(--font-size);color:var(--color-tab-textbox);background-color:var(--color-tab-textbox-background);border:1px inset var(--color-1);border-radius:3px;width:10em}.flexlayout__tab_button_textbox:focus{outline:none}.flexlayout__tab_button_trailing{display:flex;visibility:hidden;border-radius:4px}.flexlayout__tab_button_trailing:hover{background-color:var(--color-toolbar-button-hover)}@media(hover:hover){.flexlayout__tab_button:hover .flexlayout__tab_button_trailing{visibility:visible}}.flexlayout__tab_button--selected .flexlayout__tab_button_trailing{visibility:visible}.flexlayout__tab_button_overflow{display:flex;align-items:center;border:none;color:var(--color-overflow);font-size:inherit;background-color:transparent;width:2em;overflow:hidden}.flexlayout__tab_toolbar{display:flex;align-items:center;gap:.3em;padding-left:.5em;padding-right:.3em}.flexlayout__tab_toolbar_icon{border:none;outline:none;font-size:inherit;margin:0;background-color:transparent;padding:1px}.flexlayout__tab_toolbar_button{border:none;outline:none;font-size:inherit;margin:0;background-color:transparent;border-radius:4px;padding:1px}@media(hover:hover){.flexlayout__tab_toolbar_button:hover{background-color:var(--color-toolbar-button-hover)}}.flexlayout__tab_toolbar_sticky_buttons_container{display:flex;gap:.3em;padding-left:5px;align-items:center}.flexlayout__border{box-sizing:border-box;overflow:hidden;display:flex;font-size:var(--font-size);font-family:var(--font-family);color:var(--color-border);background-color:var(--color-border-background)}.flexlayout__border_tab_contents{box-sizing:border-box;overflow:hidden;background-color:var(--color-border-tab-content)}.flexlayout__border_leading{display:flex}.flexlayout__border_top{border-bottom:1px solid var(--color-border-divider-line);align-items:center}.flexlayout__border_bottom{border-top:1px solid var(--color-border-divider-line);align-items:center}.flexlayout__border_left{border-right:1px solid var(--color-border-divider-line);align-content:center;flex-direction:column}.flexlayout__border_right{border-left:1px solid var(--color-border-divider-line);align-content:center;flex-direction:column}.flexlayout__border_inner{position:relative;box-sizing:border-box;align-items:center;display:flex;flex-grow:1;scrollbar-width:none}.flexlayout__border_inner::-webkit-scrollbar{display:none}.flexlayout__border_inner_tab_container{white-space:nowrap;display:flex;padding-left:2px;padding-right:2px;box-sizing:border-box;position:absolute}.flexlayout__border_inner_tab_container_right{transform-origin:top left;transform:rotate(90deg)}.flexlayout__border_inner_tab_container_left{flex-direction:row-reverse;transform-origin:top right;transform:rotate(-90deg)}.flexlayout__border_tab_divider{width:4px}.flexlayout__border_button{display:flex;gap:.3em;align-items:center;cursor:pointer;padding:3px .5em;margin:2px 0;box-sizing:border-box;white-space:nowrap}.flexlayout__border_button--selected{background-color:var(--color-border-tab-selected-background);color:var(--color-border-tab-selected)}@media(hover:hover){.flexlayout__border_button:hover{color:var(--color-border-tab-selected)}}.flexlayout__border_button--unselected{background-color:var(--color-border-tab-unselected-background);color:var(--color-border-tab-unselected)}.flexlayout__border_button_leading,.flexlayout__border_button_content{display:flex}.flexlayout__border_button_trailing{display:flex;border-radius:4px;visibility:hidden}@media(hover:hover){.flexlayout__border_button:hover .flexlayout__border_button_trailing{visibility:visible}}.flexlayout__border_button--selected .flexlayout__border_button_trailing{visibility:visible}.flexlayout__border_toolbar{display:flex;gap:.3em;align-items:center}.flexlayout__border_toolbar_left,.flexlayout__border_toolbar_right{flex-direction:column;padding-top:.5em;padding-bottom:.3em}.flexlayout__border_toolbar_top,.flexlayout__border_toolbar_bottom{padding-left:.5em;padding-right:.3em}.flexlayout__border_toolbar_button{border:none;outline:none;font-size:inherit;background-color:transparent;border-radius:4px;padding:1px}@media(hover:hover){.flexlayout__border_toolbar_button:hover{background-color:var(--color-toolbar-button-hover)}}.flexlayout__border_toolbar_button_overflow{display:flex;align-items:center;border:none;color:var(--color-overflow);font-size:inherit;background-color:transparent;width:1.5em}.flexlayout__popup_menu{font-size:var(--font-size);font-family:var(--font-family)}.flexlayout__popup_menu_item{padding:2px .5em;white-space:nowrap;cursor:pointer;border-radius:2px}.flexlayout__popup_menu_item--selected{font-weight:500;background-color:var(--color-tab-selected-background);color:var(--color-tab-selected)}@media(hover:hover){.flexlayout__popup_menu_item:hover{background-color:var(--color-6)}}.flexlayout__popup_menu_container{box-shadow:inset 0 0 5px #00000026;border:1px solid var(--color-popup-border);color:var(--color-popup-unselected);background:var(--color-popup-unselected-background);border-radius:3px;position:absolute;z-index:1000;max-height:50%;min-width:100px;overflow:auto;padding:2px}.flexlayout__floating_window _body{height:100%}.flexlayout__floating_window_content{inset:0;position:absolute}.flexlayout__error_boundary_container{inset:0;position:absolute;display:flex;justify-content:center}.flexlayout__error_boundary_content{display:flex;align-items:center}.flexlayout__border_sizer{position:absolute;top:-30000px;padding-top:6px;padding-bottom:5px;font-size:var(--font-size);font-family:var(--font-family)}.flexlayout__mini_scrollbar{position:absolute;background-color:var(--color-mini-scroll-indicator);border-radius:5px;width:var(--size-mini-scroll-indicator);height:var(--size-mini-scroll-indicator);visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.flexlayout__mini_scrollbar:hover{background-color:var(--color-mini-scroll-indicator-hovered);transition:background-color .3s ease-in-out}.flexlayout__mini_scrollbar_container{position:relative;display:flex;flex-grow:1;overflow:hidden}@media(hover:hover){.flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar{opacity:1;visibility:visible}}.flexlayout__tabset_header{box-shadow:inset 0 0 3px #8888888a}.flexlayout__tabset-selected{background-image:linear-gradient(var(--color-background),var(--color-4))}.flexlayout__tabset-maximized{background-image:linear-gradient(var(--color-6),var(--color-2))}.flexlayout__tab_top{box-shadow:inset -2px 0 5px #0000001a;border-top-left-radius:3px;border-top-right-radius:3px}.flexlayout__tab_bottom{box-shadow:inset -2px 0 5px #0000001a;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.flexlayout__border_button{box-shadow:inset 0 0 5px #00000026;border-radius:3px}.explore{display:flex;flex-direction:column;height:100%;padding-bottom:8px;background:var(--window-body, #1e1e1e);color:#e0e0e0}.explore__tabs{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--divider, #2a2a2a)}.explore__tab{display:flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:4px;background:transparent;color:var(--tab-text, #777);font-size:.75rem;cursor:pointer;transition:background .15s,color .15s}.explore__tab:hover{background:var(--tab-bg-active, #2a2a2a);color:var(--tab-text-active, #bbb)}.explore__tab--active{background:var(--tab-bg-active, #2a2a2a);color:var(--tab-text-active, #e0e0e0)}.explore__content{flex:1;overflow:hidden}.explore__placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#555;font-size:.85rem}.explore-chat{display:flex;flex-direction:column;height:100%}.explore-chat__header{display:flex;align-items:center;gap:6px;height:46px;padding:0 8px;box-sizing:border-box}.explore-chat__search{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--input-bg, #2a2a2a);border-radius:6px;overflow:hidden}.explore-chat__search-icon{color:var(--input-placeholder, #555)}.explore-chat__search-input{flex:1;border:none;outline:none;background:transparent;color:var(--input-text, #e0e0e0);font-size:.8rem}.explore-chat__search-input::placeholder{color:var(--input-placeholder, #555)}.explore-chat__new-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:none;border-radius:6px;background:transparent;color:var(--button-color, #777);cursor:pointer;transition:background .15s,color .15s}.explore-chat__new-btn:hover{background:var(--button-hover-bg, #2a2a2a);color:var(--button-hover, #e0e0e0)}.explore-chat__list{flex:1;overflow-y:auto}.explore-room{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;transition:background .12s}.explore-room__thumb{flex-shrink:0;width:36px;height:36px;border-radius:14px;background:var(--avatar-bg, #2a2a2a);display:flex;align-items:center;justify-content:center;overflow:hidden}.explore-room__thumb-img{width:100%;height:100%;object-fit:cover}.explore-room__thumb-icon{color:var(--avatar-icon, #555)}.explore-room__info{flex:1;min-width:0}.explore-room:hover{background:var(--list-hover, #252525)}.explore-room--active,.explore-room--active:hover{background:var(--list-active, #2a2a2a)}.explore-room__title{font-size:.82rem;font-weight:500;color:var(--text-default, #e0e0e0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-room__subtitle{font-size:.72rem;color:var(--text-secondary, #666);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-room__twin-name{flex-shrink:0;font-size:.65rem;color:var(--text-secondary, #555);margin-left:auto;padding-left:8px}.explore-context-menu{position:fixed;z-index:100;min-width:120px;padding:4px;background:var(--window-body, #2a2a2a);border:1px solid var(--divider, #3a3a3a);border-radius:8px;box-shadow:0 4px 12px #0006}.explore-context-menu__item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-default, #e0e0e0);font-size:.78rem;cursor:pointer;transition:background .12s}.explore-context-menu__item:hover{background:var(--list-hover, #3a3a3a)}.explore-context-menu__item--danger{color:var(--text-error, #ef4444)}.explore-context-menu__item--danger:hover{background:#ef444426}.explore-room__thumb--glow{outline:2px solid transparent;outline-offset:1px;background:linear-gradient(135deg,#6366f1,#ec4899)}.explore-room__thumb--glow .explore-room__thumb-img{border-radius:12px}.explore-user{display:flex;flex-direction:column;gap:0;padding:0;border-top:1px solid var(--divider, #2a2a2a)}.explore-user__cubes{display:flex;align-items:center;gap:8px;padding:8px 12px 4px}.explore-user__cube{display:flex;align-items:center;gap:3px;font-size:.72rem;font-weight:500}.explore-user__cube:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px}.explore-user__cube--red:before{background:#ef4444}.explore-user__cube--blue:before{background:#3b82f6}.explore-user__cube--gold:before{background:#eab308}.explore-user__cube--red{color:#f87171}.explore-user__cube--blue{color:#60a5fa}.explore-user__cube--gold{color:#facc15}.explore-user__bottom{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 8px}.explore-user__name{font-size:.75rem;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-user__upgrade{flex-shrink:0;padding:3px 10px;border:none;border-radius:4px;background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;font-size:.65rem;font-weight:600;cursor:pointer;transition:opacity .15s}.explore-user__upgrade:hover{opacity:.85}.account-profile{display:flex;flex-direction:column;align-items:center;padding:24px 16px;gap:4px}.account-profile__avatar{width:64px;height:64px;border-radius:50%;background:var(--avatar-bg, #2a2a2a);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px;color:var(--avatar-icon, #666)}.account-profile__avatar-img{width:100%;height:100%;object-fit:cover}.account-profile__info{text-align:center}.account-profile__name{font-size:15px;font-weight:600;color:var(--text-default, #e0e0e0)}.account-profile__email{font-size:12px;color:var(--text-secondary, #888);margin-top:2px}.account-profile__plan{margin-top:8px;padding:3px 12px;border-radius:10px;font-size:11px;font-weight:600}.model-selector{position:static;display:inline-block}.model-selector__trigger{display:flex;align-items:center;gap:2px;padding:0;background:transparent;border:none;color:var(--text-secondary, #777);font-size:.72rem;cursor:pointer;transition:color .15s;white-space:nowrap;line-height:1}.model-selector__trigger:hover,.model-selector__trigger--open{color:var(--text-default, #bbb)}.model-selector__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;z-index:100;background:var(--window-body, #1e1e1e);border:1px solid var(--divider, #2a2a2a);border-radius:6px;box-shadow:0 4px 12px #00000080;overflow:hidden}.model-selector__tiers{display:flex;justify-content:center;gap:4px;padding:10px 12px;border-bottom:1px solid var(--divider, #2a2a2a)}.model-selector__tier{position:relative;display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--tab-text, #777);font-size:.8rem;cursor:pointer;transition:background .15s,color .15s}.model-selector__tier:hover{background:var(--tab-bg-active, #2a2a2a);color:var(--tab-text-active, #bbb)}.model-selector__tier--active{background:var(--tab-bg-active, #2a2a2a);color:var(--tab-text-active, #e0e0e0)}.model-selector__tier--selected{color:var(--text-primary, #fff);font-weight:700}.model-selector__list{max-height:220px;overflow-y:auto}.model-selector__item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;color:var(--text-default, #e0e0e0);cursor:pointer;transition:background .15s}.model-selector__item:hover{background:var(--list-hover, #2a2a2a)}.model-selector__item--active{background:var(--list-active, #2a2a2a)}.model-selector__check{color:var(--text-default, #e0e0e0);visibility:hidden;flex-shrink:0}.model-selector__item--active .model-selector__check{visibility:visible}.model-selector__item-name{flex:1}.model-selector__effort{border-top:1px solid var(--divider, #2a2a2a)}.model-selector__effort-header{display:flex;align-items:center;gap:4px;padding:8px 14px;color:var(--text-secondary, #999);font-size:.8rem;cursor:pointer;transition:background .15s}.model-selector__effort-label{flex:1}.model-selector__effort-value{color:var(--text-default, #e0e0e0)}.model-selector__effort-header:hover{background:var(--list-hover, #2a2a2a)}.model-selector__effort-list{border-top:1px solid var(--divider, #2a2a2a)}.model-selector__effort-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;color:var(--text-default, #e0e0e0);cursor:pointer;transition:background .15s}.model-selector__effort-item:hover{background:var(--list-hover, #2a2a2a)}.model-selector__effort-item--active{background:var(--list-active, #2a2a2a)}.model-selector__effort-item .model-selector__check{visibility:hidden}.model-selector__effort-item--active .model-selector__check{visibility:visible}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.chat-message{display:flex;flex-direction:column;padding:4px 16px;max-width:var(--chat-content-width, 400px);width:100%;margin:0 auto;box-sizing:border-box}.chat-message--appear{animation:message-appear 1s ease-out}@keyframes message-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message--mine{align-items:flex-end}.chat-message__header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.chat-message__avatar{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--avatar-bg, #3a3a3a);display:flex;align-items:center;justify-content:center;color:var(--avatar-icon, #888);font-size:9px;font-weight:500;overflow:hidden}.chat-message__avatar img{width:100%;height:100%;object-fit:cover}.chat-message__body{display:flex;flex-direction:column;gap:2px;max-width:100%;min-width:0}.chat-message--mine .chat-message__body{align-items:flex-end}.chat-message__sender{font-size:14px;color:var(--text-secondary, #666)}.chat-message__row{display:flex;align-items:flex-end;gap:4px;min-width:0;max-width:100%}.chat-message--mine .chat-message__row{flex-direction:row-reverse}.chat-message__bubble{padding:6px 10px;border-radius:10px;word-break:break-word;min-width:0;overflow:hidden}.chat-message:not(.chat-message--mine) .chat-message__bubble{background:var(--message-you-bg, #2a2a2a);color:var(--message-you-text, inherit);border-top-left-radius:2px}.chat-message--mine .chat-message__bubble{background:var(--message-me-bg, #3a3a3a);color:var(--message-me-text, inherit);border-top-right-radius:2px}.chat-message__image{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.chat-message__time{font-size:10px;color:var(--text-tertiary, #555);padding:0 4px}.chat-message__progress{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;background:var(--message-you-bg, #2a2a2a);width:fit-content}.chat-message__progress span{width:5px;height:5px;border-radius:50%;background:#666;animation:progress-bounce 1.2s infinite ease-in-out}.chat-message__progress span:nth-child(1){animation-delay:0s}.chat-message__progress span:nth-child(2){animation-delay:.15s}.chat-message__progress span:nth-child(3){animation-delay:.3s}@keyframes progress-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-message__progress--thinking span{background:#9a7ad8}.chat-message__native{border-radius:8px;background:#ffffff08;border-left:2px solid #555;font-size:10px;color:#666}.chat-message__native-label{padding:4px 10px;cursor:pointer;font-size:9px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.chat-message__native-body{padding:4px 10px;margin:0;font-family:monospace;font-size:9px;line-height:13px;color:#555;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.chat-markdown{font-size:12px;line-height:1.6;color:#e0e0e0;word-break:keep-all;overflow-wrap:break-word}.chat-markdown p{margin:0}.chat-markdown p+p{margin-top:8px}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3,.chat-markdown h4,.chat-markdown h5,.chat-markdown h6{margin:10px 0 4px;font-weight:600;line-height:1.4;color:#f0f0f0}.chat-markdown h1{font-size:16px}.chat-markdown h2{font-size:14px}.chat-markdown h3{font-size:13px}.chat-markdown h4,.chat-markdown h5,.chat-markdown h6{font-size:12px}.chat-markdown strong{font-weight:600;color:#f0f0f0}.chat-markdown em{font-style:italic}.chat-markdown del{color:#888;text-decoration:line-through}.chat-markdown a{color:#7ab3ff;text-decoration:none}.chat-markdown a:hover{text-decoration:underline}.chat-markdown ul,.chat-markdown ol{margin:6px 0;padding-left:20px}.chat-markdown li{margin:3px 0}.chat-markdown li>p{margin:0}.chat-markdown li:has(>input[type=checkbox]){list-style:none;margin-left:-20px}.chat-markdown input[type=checkbox]{margin-right:4px;accent-color:#7ab3ff}.chat-markdown blockquote{margin:6px 0;padding:2px 10px;border-left:2px solid #555;color:#aaa;font-style:normal}.chat-markdown hr{border:none;border-top:1px solid #444;margin:10px 0}.chat-markdown table{border-collapse:collapse;margin:8px 0;font-size:11px;width:100%}.chat-markdown th,.chat-markdown td{border:1px solid #444;padding:4px 8px;text-align:left}.chat-markdown th{background:#ffffff0d;font-weight:600;color:#ccc}.chat-markdown code:not(pre code){background:#ffffff14;padding:1px 4px;border-radius:3px;font-family:monospace;font-size:11px;color:#e8b87a}.chat-markdown pre{margin:8px 0;padding:10px 12px;border-radius:6px;background:#1a1a1a;overflow-x:auto}.chat-markdown pre code{font-family:monospace;font-size:11px;line-height:16px;color:#d4d4d4;background:none;padding:0}.chat-markdown img{max-width:100%;border-radius:6px}.chat-message__thinking{padding:4px 10px;border-radius:8px;background:#ffffff08;border-left:2px solid #444;font-size:11px;line-height:15px;color:#777;white-space:pre-wrap;word-break:break-word}.chat-message__thinking-label{display:block;font-size:9px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.chat-message__thinking-text{display:block}.chat-message__dots span{opacity:0;animation:thinking-dot 1.4s infinite}.chat-message__dots span:nth-child(1){animation-delay:0s}.chat-message__dots span:nth-child(2){animation-delay:.2s}.chat-message__dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-dot{0%{opacity:0}20%,60%{opacity:1}to{opacity:0}}.chat-message__tool{border-radius:6px;background:#ffffff08;border-left:2px solid #5a7a5a;font-size:11px;line-height:15px;color:#777;overflow:hidden}.chat-message__tool-header{display:flex;align-items:center;gap:4px;width:100%;padding:4px 8px;border:none;background:transparent;cursor:pointer;color:#6a9a6a}.chat-message__tool-header:hover{background:#ffffff08}.chat-message__tool-label{font-size:10px;font-weight:600;font-family:monospace;color:#6a9a6a}.chat-message__tool-body{padding:0 10px 6px;word-break:break-word}.chat-message__tool-args{display:block;font-family:monospace;font-size:10px;color:#666;white-space:pre-wrap}.chat-message__tool-result{display:block;font-family:monospace;font-size:10px;color:#8a8;margin-top:2px;white-space:pre-wrap}.chat-message__media{display:flex;flex-direction:column;gap:4px}.chat-message__media-image{border-radius:10px;overflow:hidden;max-width:200px}.chat-message__media-image img{display:block;width:100%;height:auto;object-fit:cover}.chat-message__media-video{position:relative;border-radius:10px;overflow:hidden;max-width:200px}.chat-message__media-video img{display:block;width:100%;height:auto;object-fit:cover}.chat-message__media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff}.chat-message__media-file{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#2a2a2a;color:#e0e0e0;max-width:200px}.chat-message--mine .chat-message__media-file{background:#3a3a3a}.chat-message__media-info{display:flex;flex-direction:column;gap:1px;min-width:0}.chat-message__media-name{font-size:12px;line-height:16px;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-message__media-size{font-size:10px;color:#666}.chat-message__gen{margin:8px 0}.chat-message__gen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-width:400px}.chat-message__gen-slot{aspect-ratio:1;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.chat-message__gen-slot--pending{background:#2a2a2a;animation:gen-pulse 1.5s ease-in-out infinite}.chat-message__gen-slot--pending .chat-message__gen-spinner{width:24px;height:24px;border:2px solid #444;border-top-color:#aaa;border-radius:50%;animation:gen-spin .8s linear infinite}.chat-message__gen-slot--done{background:#1a1a1a}.chat-message__gen-slot--done img{width:100%;height:100%;object-fit:cover}.chat-message__gen-slot--error{background:#2a2a2a;color:#e57373;font-size:11px;padding:8px;text-align:center;word-break:break-word}@keyframes gen-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes gen-spin{to{transform:rotate(360deg)}}.chat-input{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:16px;max-width:var(--chat-content-width, 400px);margin:0 auto;width:100%;box-sizing:border-box;background:transparent}.chat-input__field-wrapper{flex:1;display:flex;flex-direction:column;gap:6px;padding:8px 8px 8px 12px;border:2px solid transparent;border-radius:12px;background:var(--input-bg, rgba(52, 52, 52, .8));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box;transition:border-color .2s ease}.chat-input__field-wrapper:focus-within{border-color:var(--divider, #555)}.chat-input__field-wrapper--drag-over{border-color:#4fc3f780;background:#343434f2}.chat-input__field-row{display:flex;align-items:flex-end;gap:4px}.chat-input__field{display:block;box-sizing:border-box;width:100%;height:16px;max-height:104px;margin:0;padding:0 10px 0 0;border:none;background:transparent;color:var(--input-text, #e0e0e0);font-size:12px;font-family:inherit;line-height:16px;outline:none;resize:none;overflow-y:auto}.chat-input__field::placeholder{color:var(--input-placeholder, #666)}.chat-input__add{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:17px;height:17px;margin-bottom:9px;border:none;border-radius:50%;background:transparent;color:var(--button-color, #888);cursor:pointer;transition:color .2s ease}.chat-input__add:hover:not(:disabled){color:var(--button-hover, #e0e0e0)}.chat-input__add:disabled{color:var(--text-disabled, #444);cursor:default}.chat-input__send{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border:none;border-radius:50%;background:transparent;color:var(--button-color, #888);cursor:pointer;transition:color .2s ease}.chat-input__send:hover:not(:disabled){color:var(--button-hover, #e0e0e0)}.chat-input__send:disabled{color:var(--text-disabled, #444);cursor:default}.chat-input__attachments{display:flex;flex-wrap:wrap;gap:4px}.chat-input__attachment{display:flex;align-items:center;gap:4px;padding:3px 4px;background:var(--input-bg, #3a3a3a);border-radius:6px;font-size:.7rem;color:var(--text-secondary, #ccc)}.chat-input__attachment-progress{width:22px;height:22px;border-radius:4px;background:#2a2a2a;overflow:hidden;position:relative}.chat-input__attachment-progress-bar{position:absolute;bottom:0;left:0;width:0;height:100%;background:#4fc3f766;transition:width .2s ease}.chat-input__attachment-thumb{width:22px;height:22px;border-radius:4px;object-fit:cover}.chat-input__attachment-icon{color:var(--button-color, #888)}.chat-input__attachment-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-input__attachment-remove{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--button-color, #666);cursor:pointer;transition:color .15s}.chat-input__attachment-remove:hover{color:var(--button-hover, #e0e0e0)}.flexlayout__layout{--color-1: #1e1e1e;--color-2: #252525;--color-3: #2a2a2a;--color-text: var(--window-title, #e0e0e0);--font-family: var(--head-font, "Pretendard", sans-serif);--color-tab-selected: var(--window-title, #e0e0e0);--color-tab-unselected: color-mix(in srgb, var(--window-title, #e0e0e0) 50%, transparent);--color-tab-selected-background: var(--window-bg, #1a1a1a);--color-tab-unselected-background: transparent;--color-tabset-background: var(--window-bg, #1a1a1a);--color-tabset-background-selected: var(--window-bg, #1a1a1a);--color-tabset-divider-line: #2a2a2a;--color-splitter: transparent;--color-splitter-hover: transparent;--color-splitter-drag: transparent;--color-drag1: #3b82f6;--color-drag1-background: rgba(59, 130, 246, .1);--font-size: 12px;background:transparent}.flexlayout__tabset_header,.flexlayout__tab_button_content{font-family:var(--head-font, "Pretendard", sans-serif);font-weight:var(--head-font-weight, 600)}.flexlayout__tab{background:var(--window-body, #1e1e1e);color:#e0e0e0;padding:4px;font-family:var(--body-font, "Pretendard", sans-serif);border-bottom-left-radius:var(--window-radius, 8px);border-bottom-right-radius:var(--window-radius, 8px)}.flexlayout__tabset{border-radius:var(--window-radius, 8px);overflow:hidden}.flexlayout__splitter,.flexlayout__splitter:hover{background:transparent!important;position:relative}.flexlayout__splitter_handle{display:none!important}.flexlayout__splitter:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--handle-color, #2a2a2a);border-radius:2px;pointer-events:none;opacity:.2;transition:opacity .15s}.flexlayout__splitter:hover:after,.flexlayout__splitter:active:after{opacity:1}.flexlayout__splitter_horz:after{width:var(--handle-width, 4px);height:var(--handle-height, 64px)}.flexlayout__splitter_vert:after{width:var(--handle-height, 64px);height:var(--handle-width, 4px)}.flexlayout__tabset-selected{background-color:var(--window-bg, #1a1a1a)}.flexlayout__tabset_tabbar_outer{background-color:var(--window-bg, #1a1a1a)!important;background-image:none!important;height:var(--window-head-height, 32px)!important;border-bottom:none!important}.flexlayout__tabset_header{background-color:var(--window-bg, #1a1a1a)!important;background-image:none!important}.chat-explore-logo{display:flex;align-items:center;height:44px;flex-shrink:0;padding:0 16px}.chat-explore-logo__img{height:18px;width:auto;opacity:.7}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:30px;padding:0 8px;background:var(--window-body, #1e1e1e);border-bottom:none}.chat-toolbar-title{color:#777;font-size:.8rem;font-weight:500}.chat-toolbar-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:#555;cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s}.chat-toolbar:hover .chat-toolbar-close{opacity:1}.chat-toolbar-close:hover{color:#e0e0e0}.chat-window{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.25rem;background:var(--window-body, #1e1e1e);color:#e0e0e0}.chat-window--chat{position:relative;display:block;overflow:hidden}.chat-messages{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;padding:8px 0}.chat-input-wrap{position:absolute;bottom:0;left:0;right:0;z-index:1}.chat-model-bar{position:absolute;top:8px;left:0;right:0;z-index:2;display:flex;justify-content:flex-end;align-items:center;gap:8px;max-width:var(--chat-content-width, 400px);margin:0 auto;width:100%;padding:0 16px;box-sizing:border-box;pointer-events:none}.chat-model-bar>*{pointer-events:auto}.chat-new-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:12px;background:transparent;color:var(--button-color, #777);cursor:pointer;transition:color .15s}.chat-new-btn:hover{color:var(--button-hover, #e0e0e0)}.chat-avatar-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:var(--avatar-bg, rgba(52, 52, 52, .8));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--avatar-icon, #e0e0e0);cursor:pointer;transition:background .15s}.chat-avatar-btn:hover{background:var(--list-hover, rgba(62, 62, 62, .9))}.chat-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-avatar-info{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:0;pointer-events:auto}.chat-avatar-name{color:var(--text-default, #e0e0e0);font-size:.85rem;font-weight:500;line-height:1}.chat-twins-panel{position:absolute;top:42px;left:0;right:0;z-index:2;display:flex;justify-content:center;gap:12px;padding:16px 16px 8px;max-width:var(--chat-content-width, 400px);margin:0 auto;box-sizing:border-box;overflow-x:auto;border-radius:12px}.chat-twins-panel__item{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.chat-twins-panel__item--fadein{opacity:0;transform:translateY(8px);animation:twinFadeIn .8s ease forwards}@keyframes twinFadeIn{to{opacity:1;transform:translateY(0)}}.chat-twins-panel__item--active{position:relative}.chat-twins-panel__item--active:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#ec4899);z-index:0}.chat-twins-panel__item--active .chat-twins-panel__img,.chat-twins-panel__item--active .chat-twins-panel__placeholder{position:relative;z-index:1}.chat-twins-panel__img{width:34px;height:34px;border-radius:50%;object-fit:cover}.chat-twins-panel__placeholder{width:34px;height:34px;border-radius:50%;background:#50505099;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:.85rem;font-weight:600}.chat-twins-panel__name{font-size:.7rem;color:#aaa;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.chat-standby,.chat-active{position:absolute;inset:0;transition:opacity .3s ease}.chat-standby--hidden,.chat-active--hidden{opacity:0;pointer-events:none}.chat-standby{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1}.chat-standby__hint{color:var(--text-tertiary, #555);font-size:.95rem;font-weight:400}.chat-standby__input{width:100%}.lock-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--window-button, #555);cursor:pointer}.lock-btn:hover:not(:disabled){color:var(--window-button-hover, #e0e0e0)}.lock-btn--active{color:var(--window-button-active, #8aaa7a)}.lock-btn:disabled{opacity:.3;cursor:default}.layout-locked .lock-btn,.layout-locked .flexlayout__tab_toolbar{opacity:0;pointer-events:none;transition:opacity .7s}.layout-locked .flexlayout__splitter{pointer-events:none!important}.layout-locked .flexlayout__splitter:after{opacity:0!important;transition:opacity .7s}.lock-btn,.flexlayout__tab_toolbar{transition:opacity .7s}.flexlayout__splitter:after{transition:opacity .7s}.resize-overlay{position:absolute;inset:0;z-index:100;pointer-events:none}.resize-overlay__panel{position:absolute;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--window-bg) 80%,transparent);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border:none;border-radius:4px;box-sizing:border-box;opacity:0;transition:opacity .25s ease,backdrop-filter .25s ease,-webkit-backdrop-filter .25s ease;will-change:opacity,backdrop-filter}.resize-overlay--visible .resize-overlay__panel{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.resize-overlay__label{font-size:18px;font-weight:500;color:var(--text-default);white-space:nowrap;-webkit-user-select:none;user-select:none;text-align:center;line-height:1.6}.resize-overlay__unit{font-size:13px;font-weight:400}.resize-overlay__px{font-size:13px;font-weight:400;color:var(--text-tertiary)}.folder-tree-item{display:flex;align-items:center;gap:4px;padding:4px 8px;cursor:pointer;border-radius:4px;-webkit-user-select:none;user-select:none}.folder-tree-item:hover{background:var(--list-hover, rgba(255, 255, 255, .06))}.folder-tree-item--selected{background:var(--list-active, rgba(255, 255, 255, .1))}.folder-tree-item__toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:none;color:inherit;cursor:pointer;flex-shrink:0}.folder-tree-item__toggle-spacer{width:20px;flex-shrink:0}.folder-tree-item__icon{color:var(--archive-folder-icon, #ffb74d);flex-shrink:0}.folder-tree-item__name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-tree-item{display:flex;align-items:center;gap:4px;padding:4px 8px;cursor:pointer;border-radius:4px;-webkit-user-select:none;user-select:none}.trash-tree-item:hover{background:var(--list-hover, rgba(255, 255, 255, .06))}.trash-tree-item--selected{background:var(--list-active, rgba(255, 255, 255, .1))}.trash-tree-item__spacer{width:20px;flex-shrink:0}.trash-tree-item__icon{color:var(--text-tertiary, #9e9e9e);flex-shrink:0}.trash-tree-item__name{font-size:13px;color:var(--text-tertiary, #9e9e9e)}.trash-tree-item__badge{font-size:11px;color:var(--text-tertiary, #9e9e9e);margin-left:4px}.storage-bar{padding:8px 12px}.storage-bar__track{height:4px;background:#ffffff14;border-radius:2px}.storage-bar__fill{height:100%;border-radius:2px;transition:width .3s}.storage-bar__fill--normal{background:#5b9bd5}.storage-bar__fill--warning{background:#ffb74d}.storage-bar__fill--danger{background:#ef5350}.storage-bar__text{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary, #9e9e9e);margin-top:4px}.folder-tree{display:flex;flex-direction:column;height:100%}.folder-tree__content{flex:1;overflow-y:auto;padding:4px 0}.folder-tree__divider{height:1px;background:#ffffff14;margin:4px 8px}.explorer-header{display:flex;align-items:center;gap:4px;padding:4px 12px}.explorer-header__path{font-size:11px;color:#555;font-family:monospace}.breadcrumb{display:flex;align-items:center;gap:2px;font-size:13px;overflow-x:auto;white-space:nowrap}.breadcrumb__item{padding:2px 6px;border:none;background:none;color:inherit;cursor:pointer;border-radius:4px;font-size:13px}.breadcrumb__item:hover{background:var(--button-hover-bg, rgba(255, 255, 255, .08))}.breadcrumb__group{display:flex;align-items:center}.breadcrumb__sep{color:var(--text-tertiary, #555);font-size:12px}.explorer-toolbar{display:flex;align-items:center;gap:4px;margin-left:auto}.explorer-toolbar__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:none;color:inherit;cursor:pointer;border-radius:4px}.explorer-toolbar__btn:hover{background:var(--button-hover-bg, rgba(255, 255, 255, .08))}.explorer-toolbar__spacer{flex:1}.explorer-toolbar__toggle{display:flex;gap:2px}.explorer-toolbar__toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:none;color:inherit;cursor:pointer;border-radius:4px}.explorer-toolbar__toggle-btn:hover{background:var(--button-hover-bg, rgba(255, 255, 255, .08))}.explorer-toolbar__toggle-btn--active{color:var(--button-active, #5b9bd5)}.grid-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.grid-item:hover{background:var(--list-hover, rgba(255, 255, 255, .06))}.grid-item--selected{background:var(--list-active, rgba(255, 255, 255, .1))}.grid-item--drag-over{background:#4fc3f726;outline:2px dashed rgba(79,195,247,.5);outline-offset:-2px}.grid-item__thumb{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;background:var(--archive-item-bg, #252525)}.grid-item__image{width:100%;height:100%;object-fit:cover}.grid-item__icon--folder{color:var(--archive-folder-icon, #ffb74d)}.grid-item__icon--file{color:var(--archive-file-icon, #90a4ae)}.grid-item__info{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:8px;width:100%}.grid-item__name{font-size:12px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.grid-item__size{font-size:11px;color:var(--text-tertiary, #777)}.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px;padding:8px;overflow-y:auto;flex:1}.list-item{display:flex;align-items:center;height:32px;padding:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.list-item:hover{background:var(--list-hover, rgba(255, 255, 255, .06))}.list-item--selected{background:var(--list-active, rgba(255, 255, 255, .1))}.list-item--drag-over{background:#64b4ff1a}.list-item__icon{width:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.list-item__icon--folder{color:var(--archive-folder-icon, #ffb74d)}.list-item__icon--file{color:var(--archive-file-icon, #90a4ae)}.list-item__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.list-item__size{width:80px;text-align:right;color:var(--text-tertiary, #9e9e9e);font-size:11px;flex-shrink:0}.list-item__date{width:100px;text-align:right;color:var(--text-tertiary, #9e9e9e);font-size:11px;flex-shrink:0}.list-item__type{width:60px;text-align:right;color:var(--text-tertiary, #9e9e9e);font-size:11px;flex-shrink:0}.directory-list{display:flex;flex-direction:column;overflow-y:auto;flex:1}.directory-list__header{display:flex;align-items:center;height:28px;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;color:#9e9e9e;padding:0 8px;flex-shrink:0}.directory-list__header-name{flex:1;padding-left:28px}.directory-list__header-size{width:80px;text-align:right}.directory-list__header-date{width:100px;text-align:right}.directory-list__header-type{width:60px;text-align:right}.trash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px;padding:8px;overflow-y:auto;flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;gap:12px}.empty-state__icon{color:#444}.empty-state__message{font-size:14px;color:#777;margin:0}.archive-explorer{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--window-body, #1e1e1e);color:var(--text-default, #e0e0e0)}.archive-explorer__content{flex:1;overflow-y:auto;position:relative;border:2px solid transparent;border-radius:8px;transition:border-color .15s}.archive-explorer__content--drag-active{border-color:#4fc3f766;background:#4fc3f70d}.archive-explorer__sentinel{height:1px}.context-menu{position:fixed;z-index:2000;min-width:160px;background:var(--window-body, #2a2a2a);border:1px solid var(--divider, #3a3a3a);border-radius:8px;padding:4px 0;box-shadow:0 4px 12px #0000004d}.context-menu__item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text-default, #e0e0e0);border:none;background:none;width:100%;text-align:left}.context-menu__item:hover{background:var(--list-hover, rgba(255, 255, 255, .08))}.context-menu__item--danger{color:var(--text-error, #ef5350)}.context-menu__item--danger:hover{background:#ef53501a}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;font-family:inherit;font-weight:500;cursor:pointer;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--xs{height:24px;padding:0 8px;font-size:10px}.btn--sm{height:28px;padding:0 10px;font-size:12px}.btn--md{height:32px;padding:0 14px;font-size:14px}.btn--lg{height:36px;padding:0 18px;font-size:16px}.btn--xl{height:40px;padding:0 22px;font-size:18px}.btn--full-width{width:100%}.btn__icon{display:flex;align-items:center;font-size:1.2em}.btn--contained.btn--primary{background-color:#1976d2;color:#fff}.btn--contained.btn--secondary{background-color:#9c27b0;color:#fff}.btn--contained.btn--success{background-color:#2e7d32;color:#fff}.btn--contained.btn--error{background-color:#d32f2f;color:#fff}.btn--contained.btn--warning{background-color:#ed6c02;color:#fff}.btn--outlined{background-color:transparent;border:1px solid}.btn--outlined.btn--primary{border-color:#1976d2;color:#1976d2}.btn--outlined.btn--secondary{border-color:#9c27b0;color:#9c27b0}.btn--outlined.btn--success{border-color:#2e7d32;color:#2e7d32}.btn--outlined.btn--error{border-color:#d32f2f;color:#d32f2f}.btn--outlined.btn--warning{border-color:#ed6c02;color:#ed6c02}.btn--text{background-color:transparent;border:none}.btn--text.btn--primary{color:#1976d2}.btn--text.btn--secondary{color:#9c27b0}.btn--text.btn--success{color:#2e7d32}.btn--text.btn--error{color:#d32f2f}.btn--text.btn--warning{color:#ed6c02}@media(hover:hover){.btn--contained.btn--primary:hover:not(:disabled){background-color:#1565c0}.btn--contained.btn--secondary:hover:not(:disabled){background-color:#7b1fa2}.btn--contained.btn--success:hover:not(:disabled){background-color:#1b5e20}.btn--contained.btn--error:hover:not(:disabled){background-color:#c62828}.btn--contained.btn--warning:hover:not(:disabled){background-color:#e65100}.btn--outlined.btn--primary:hover:not(:disabled){background-color:#1976d214}.btn--outlined.btn--secondary:hover:not(:disabled){background-color:#9c27b014}.btn--outlined.btn--success:hover:not(:disabled){background-color:#2e7d3214}.btn--outlined.btn--error:hover:not(:disabled){background-color:#d32f2f14}.btn--outlined.btn--warning:hover:not(:disabled){background-color:#ed6c0214}.btn--text.btn--primary:hover:not(:disabled){background-color:#1976d214}.btn--text.btn--secondary:hover:not(:disabled){background-color:#9c27b014}.btn--text.btn--success:hover:not(:disabled){background-color:#2e7d3214}.btn--text.btn--error:hover:not(:disabled){background-color:#d32f2f14}.btn--text.btn--warning:hover:not(:disabled){background-color:#ed6c0214}}.ripple-container{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:auto}.ripple{position:absolute;border-radius:50%;background-color:#ffffff59;transform:scale(0);animation:ripple-expand .6s ease-out forwards;pointer-events:none}@keyframes ripple-expand{to{transform:scale(1);opacity:0}}.prompt-dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.prompt-dialog{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;padding:24px;min-width:320px;max-width:400px;box-shadow:0 4px 20px #0000004d}.prompt-dialog__title{font-size:16px;font-weight:600;color:#e0e0e0;margin:0 0 16px}.prompt-dialog__input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #3a3a3a;border-radius:8px;background:#1e1e1e;color:#e0e0e0;outline:none;box-sizing:border-box;margin-bottom:20px}.prompt-dialog__input:focus{border-color:#5b9bd5}.prompt-dialog__actions{display:flex;justify-content:flex-end;gap:8px}.image-viewer{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--window-body, #111)}.image-viewer--empty{align-items:center;justify-content:center;gap:8px}.image-viewer__empty-icon{font-size:48px;color:var(--text-disabled, #333)}.image-viewer__empty-text{font-size:12px;color:var(--text-tertiary, #555)}.image-viewer__toolbar{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--window-bg, #1a1a1a);border-bottom:1px solid var(--divider, #2a2a2a);min-height:28px;flex-shrink:0}.image-viewer__filename{font-size:11px;color:var(--text-secondary, #aaa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.image-viewer__scale{font-size:11px;color:var(--text-tertiary, #666);min-width:36px;text-align:right}.image-viewer__btn{background:none;border:none;color:var(--button-color, #888);cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center}.image-viewer__btn:hover{background:var(--button-hover-bg, #333);color:var(--button-hover, #ccc)}.image-viewer__btn .material-symbols-outlined{font-size:16px}.image-viewer__canvas{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center}.image-viewer__img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;transition:transform .1s ease}.image-viewer__strip{display:flex;gap:4px;padding:4px 8px;background:var(--window-bg, #1a1a1a);border-top:1px solid var(--divider, #2a2a2a);overflow-x:auto;flex-shrink:0}.image-viewer__strip::-webkit-scrollbar{height:4px}.image-viewer__strip::-webkit-scrollbar-thumb{background:var(--divider, #333);border-radius:2px}.image-viewer__thumb{flex-shrink:0;width:48px;height:48px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:.6;transition:opacity .2s,border-color .2s}.image-viewer__thumb:hover{opacity:.9}.image-viewer__thumb--active{opacity:1;border-color:#5a8a5a}.image-viewer__thumb img{width:100%;height:100%;object-fit:cover}.archive-window{display:flex;height:100%;overflow:hidden;background:var(--window-body, #1e1e1e);color:var(--text-default, #e0e0e0)}.archive-window__main{display:flex;overflow:hidden}.archive-window__tree{display:flex;flex-direction:column;min-width:120px;max-width:400px;flex-shrink:0;overflow:hidden}.archive-window__resize{width:12px;flex-shrink:0;cursor:col-resize;background:transparent;position:relative}.archive-window__resize:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:var(--divider, #2a2a2a);transition:background .7s ease}.archive-window__resize:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:120px;border-radius:1.5px;background:var(--divider, #2a2a2a);transition:background .7s ease}.archive-window__resize:hover:before,.archive-window__resize:hover:after{background:var(--text-secondary, #666)}.archive-window__explorer{flex:1;overflow:hidden}.archive-window__viewer{flex-shrink:0;overflow:hidden}.archive-window__viewer-resize{flex-shrink:0;background:transparent;position:relative;display:flex;align-items:center;justify-content:center}.archive-window__viewer-resize--h{width:12px}.archive-window__viewer-resize--v{height:12px}.archive-window__viewer-resize--h:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:var(--divider, #2a2a2a);transition:background .7s ease}.archive-window__viewer-resize--v:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1px;background:var(--divider, #2a2a2a);transition:background .7s ease}.archive-window__viewer-resize:hover:before{background:var(--text-secondary, #666)}.archive-window__swap-btn{position:relative;z-index:1;background:var(--button-hover-bg, #2a2a2a);border:none;color:var(--button-color, #888);cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;opacity:0;transition:opacity .3s ease}.archive-window__viewer-resize:hover .archive-window__swap-btn{opacity:1}.archive-window__swap-btn:hover{background:var(--list-hover, #444);color:var(--button-hover, #ccc)}.archive-window__swap-btn .material-symbols-outlined{font-size:14px}.paper-window{height:100%;display:flex;flex-direction:column;position:relative}.paper-window__header{display:flex;align-items:center;padding:8px 12px;flex-shrink:0}.paper-window__title{font-size:.75rem;font-weight:600;color:#888;flex:1}.paper-window__header-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #333;border-radius:4px;background:transparent;color:#666;cursor:pointer;transition:background .12s,color .12s}.paper-window__header-btn:hover{background:#252525;color:#e0e0e0}.paper-window__content{flex:1;overflow:hidden}.paper-window__overlay{position:absolute;inset:0;z-index:10;background:#1a1a1a}.paper-window__standby{height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-size:.85rem}.paper-main{height:100%;display:flex}.paper-main__sidebar-wrap{display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06)}.paper-main__sidebar{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#333 transparent}.paper-main__thumb{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:2px solid transparent;border-radius:4px;background:transparent;cursor:pointer;transition:border-color .12s}.paper-main__thumb:hover:not(.paper-main__thumb--active){border-color:#ffffff1a}.paper-main__thumb--active{border-color:#3b82f6}.paper-main__thumb-inner{position:relative}.paper-main__thumb-page{background:#fff;border-radius:1px;box-shadow:0 1px 3px #0000004d}.paper-main__thumb-del{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:#333;color:#999;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.paper-main__thumb:hover .paper-main__thumb-del{opacity:1}.paper-main__thumb-del:hover{background:#444;color:#e0e0e0}.paper-main__thumb-num{font-size:.6rem;color:#666}.paper-main__add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px dashed #333;border-radius:4px;background:transparent;color:#555;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.paper-main__add-btn:hover{background:#252525;color:#e0e0e0;border-color:#555}.paper-main__sidebar-footer{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:8px;border-top:1px solid rgba(255,255,255,.06);width:100%}.paper-main__page-info{flex:1;font-size:.6rem;color:#555;white-space:nowrap}.paper-main__setting-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#555;cursor:pointer;transition:background .12s,color .12s}.paper-main__setting-btn:hover{background:#252525;color:#e0e0e0}.paper-main__view{flex:1;display:flex;align-items:center;justify-content:center;background:var(--window-canvas);padding:16px;overflow:hidden;position:relative}.paper-main__view-actions{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:4px}.paper-main__source-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #333;border-radius:4px;background:#00000080;color:#666;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.paper-main__source-btn:disabled{opacity:.5;cursor:not-allowed}.paper-main__source-btn:hover{background:#000000b3;color:#e0e0e0}.paper-main__source-btn--active{border-color:#3b82f6;color:#e0e0e0}.paper-main__source{width:100%;height:100%;margin:0;padding:16px;background:#161616;color:#aaa;font-size:.7rem;line-height:1.6;overflow:auto;white-space:pre-wrap;word-break:break-all;border-radius:4px;scrollbar-width:thin;scrollbar-color:#333 transparent}.paper-main__page{background:#fff;box-shadow:0 2px 12px #0006;border-radius:2px;overflow:hidden;color:#000;box-sizing:border-box}.paper-main__page>div{margin:0;padding:0}.paper-main__page .page-body[contenteditable=true]{cursor:text;outline:none}.paper-main__page .page-body>div:not(.page-number),.paper-main__page .page-body>table{position:relative}.paper-main__page .page-body>div:not(.page-number):not([data-paper-active=true]):hover,.paper-main__page .page-body>table:hover{outline:1px dashed rgba(59,130,246,.3);outline-offset:1px}.paper-main__page .page-body>div:not(.page-number):before,.paper-main__page .page-body>table:before{content:"drag_indicator";font-family:Material Symbols Outlined;font-size:18px;position:absolute;left:-28px;top:0;width:28px;height:100%;display:flex;align-items:center;justify-content:center;color:transparent;cursor:pointer;transition:color .12s}.paper-main__page .page-body>table:before{height:auto;top:4px}.paper-main__page .page-body>div:not(.page-number):hover:before,.paper-main__page .page-body>table:hover:before{color:#999}.paper-main__page .page-body>div[data-paper-active=true]{outline:1.5px solid #3b82f6;outline-offset:1px}.paper-main__page .page-body>img[data-paper-active=true]{box-shadow:inset 0 0 0 9999px #3b82f626;outline:1.5px solid #3b82f6;outline-offset:1px}.paper-main__page .page-body>img:not([data-paper-active=true]):hover{box-shadow:inset 0 0 0 9999px #3b82f614;cursor:pointer}.paper-main__page .page-body>table:not([data-paper-active=true]):hover{outline:1px dashed rgba(59,130,246,.3);outline-offset:1px}.paper-main__page .page-body>table[data-paper-active=true]{outline:none}.paper-main__page .page-body>table td[data-cell-active=true],.paper-main__page .page-body>table th[data-cell-active=true]{outline:1.5px solid #3b82f6;outline-offset:-1.5px}.paper-main__page .page-body>.math-block{margin:4px 0}.paper-main__page .page-body math-span{display:inline;vertical-align:baseline;cursor:pointer}.paper-main__page .page-body math-span:hover{outline:1px dashed rgba(59,130,246,.4);outline-offset:2px;border-radius:2px}.paper-main__page .page-body .math-inline-edit{display:inline-block;vertical-align:baseline;background:transparent;border:none;border-radius:0;outline:1.5px solid #3b82f6;outline-offset:2px;color:inherit;font-size:inherit}.paper-main__page .page-body .math-inline-edit::part(virtual-keyboard-toggle){display:none}.paper-main__page .page-body .math-inline-edit::part(content){display:inline-block}.paper-main__page .page-body>.math-block math-field{display:block;width:100%;font-size:14pt;background:transparent;border:none;border-radius:0;outline:none;color:#000}.paper-main__page .page-body>.math-block math-field::part(content){display:block;width:100%;text-align:left}.paper-main__page .page-body>.math-block[data-align=center] math-field::part(content){text-align:center}.paper-main__page .page-body>.math-block[data-align=right] math-field::part(content){text-align:right}.paper-main__page .page-body>.math-block math-field::part(virtual-keyboard-toggle){display:none}.paper-main__page .page-body>.math-block math-field::part(menu-toggle){display:none}.paper-main__page .page-body>.math-block[data-paper-active=true]{outline:1.5px solid #3b82f6;outline-offset:2px}.paper-main__page .page-body img{max-width:100%}.paper-main__page .page-body img[data-drop-target=true]{box-shadow:inset 0 0 0 9999px #3b82f640;outline:2px solid #3b82f6;outline-offset:2px}.paper-setting{position:relative;height:100%;overflow:auto;container-type:inline-size}.paper-setting__body{display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;max-width:1080px;margin:0 auto}.paper-setting__layout{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;flex:1}.paper-setting__layout>*:first-child{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}.paper-setting__layout>*:last-child{padding:12px;max-width:none}.paper-setting__layout>*{width:100%;max-width:500px}@container (min-width: 640px){.paper-setting__body,.paper-setting__layout{flex-direction:row;align-items:flex-start}.paper-setting__layout>*{flex:1 1 0}.paper-setting__layout>*:first-child{border-bottom:none;padding-bottom:0;border-right:1px solid rgba(255,255,255,.08);padding-right:16px}}.paper-setting__preview-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:16px 0;background:#161616;border-radius:6px}.paper-setting__preview-desc{margin:0;padding:8px 16px 0;font-size:.7rem;line-height:1.5;color:#666;text-align:left;max-width:240px}.paper-setting__preview-area{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:360px}.paper-setting__preview-body{display:flex;align-items:flex-end;gap:6px}.paper-setting__dim--abs-h,.paper-setting__dim--abs-v{--dim-color: #e0e0e0}.paper-setting__dim--abs-h{position:absolute;left:0;padding-bottom:4px}.paper-setting__dim--abs-v{position:absolute;bottom:0;padding-left:4px}.paper-setting__preview-stack{position:relative}.paper-setting__preview-a4{position:absolute;bottom:0;left:0;background:#b4825014;border:1px solid rgba(180,130,80,.2);border-radius:2px}.paper-setting__preview-a4-label{position:absolute;bottom:4px;right:4px;font-size:.6rem;font-weight:700;color:#b4825066}.paper-setting__dim--a4-h,.paper-setting__dim--a4-v{--dim-color: rgba(180, 130, 80, .5)}.paper-setting__dim--a4-h{position:absolute;top:-20px;left:0}.paper-setting__dim--a4-v{position:absolute;right:-24px;bottom:0}.paper-setting__dim-inner{--color: rgba(180, 130, 80, .5);--inset: 2px;position:absolute;display:flex;align-items:center;gap:0}.paper-setting__dim-inner--h{bottom:16px;left:var(--inset);right:var(--inset);flex-direction:row}.paper-setting__dim-inner--v{right:16px;top:var(--inset);bottom:var(--inset);flex-direction:column;width:20px}.paper-setting__dim-inner__line{flex:1}.paper-setting__dim-inner--h .paper-setting__dim-inner__line{border-bottom:1px solid var(--color)}.paper-setting__dim-inner--v .paper-setting__dim-inner__line{border-left:1px solid var(--color);width:0;align-self:center}.paper-setting__dim-inner__val{font-size:.75rem;color:var(--color);flex-shrink:0;white-space:nowrap;padding:0 4px}.paper-setting__dim-inner--v .paper-setting__dim-inner__val{writing-mode:vertical-lr;transform:rotate(180deg);padding:4px 0}.paper-setting__dim-inner__arrow{flex-shrink:0}.paper-setting__dim-inner--h .paper-setting__dim-inner__arrow{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.paper-setting__dim-inner--h .paper-setting__dim-inner__arrow:first-child{border-right:4px solid var(--color)}.paper-setting__dim-inner--h .paper-setting__dim-inner__arrow:last-child{border-left:4px solid var(--color)}.paper-setting__dim-inner--v .paper-setting__dim-inner__arrow{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent}.paper-setting__dim-inner--v .paper-setting__dim-inner__arrow:first-child{border-bottom:4px solid var(--color)}.paper-setting__dim-inner--v .paper-setting__dim-inner__arrow:last-child{border-top:4px solid var(--color)}.paper-setting__preview-page{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:2px;box-shadow:0 1px 4px #0000004d}.paper-setting__preview-label{font-size:.85rem;font-weight:600;color:#999;text-transform:uppercase}.paper-setting__controls{width:100%;max-width:320px}.paper-setting__tabs{display:flex;justify-content:center;gap:2px;padding:12px 16px 0}.paper-setting__tab{padding:6px 16px;border:none;border-radius:4px;background:transparent;color:#777;font-size:.75rem;cursor:pointer;transition:background .12s,color .12s}.paper-setting__tab:hover{background:#252525;color:#bbb}.paper-setting__tab--active{background:#2a2a2a;color:#e0e0e0}.paper-setting__back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:#777;cursor:pointer;margin-right:4px;transition:background .12s,color .12s}.paper-setting__back-btn:hover{background:#252525;color:#e0e0e0}.paper-setting__data-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #333;border-radius:4px;background:transparent;color:#555;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.paper-setting__data-btn:hover{background:#252525;color:#999}.paper-setting__data-btn--active{background:#2a2a2a;border-color:#3b82f6;color:#e0e0e0}.paper-setting__data-overlay{position:absolute;inset:0;z-index:10;background:#111;overflow:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.paper-setting__data-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#888;cursor:pointer;transition:background .12s,color .12s}.paper-setting__data-close:hover{background:#252525;color:#e0e0e0}.paper-setting__data-code{margin:0;padding:20px;color:#aaa;font-size:.72rem;line-height:1.6;white-space:pre}.paper-setting__section{display:flex;align-items:center;gap:8px;margin-bottom:12px}.paper-setting__section-label{flex-shrink:0;width:48px;font-size:.72rem;color:#666;white-space:nowrap}.paper-setting__dim{display:flex;align-items:center;gap:0}.paper-setting__dim-line{flex:1;border-bottom:1px solid var(--dim-color)}.paper-setting__dim-val{font-size:.75rem;color:var(--dim-color);flex-shrink:0;white-space:nowrap;padding:0 4px}.paper-setting__dim--h{flex-direction:row}.paper-setting__dim--h .paper-setting__dim-bar{display:flex;align-items:center;flex-shrink:0;height:10px}.paper-setting__dim--h .paper-setting__dim-bar:before{content:"";display:block;width:1px;height:100%;background:var(--dim-color)}.paper-setting__dim--h .paper-setting__dim-bar:first-child:after{content:"";display:block;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:4px solid var(--dim-color)}.paper-setting__dim--h .paper-setting__dim-bar:last-child{flex-direction:row-reverse}.paper-setting__dim--h .paper-setting__dim-bar:last-child:after{content:"";display:block;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:4px solid var(--dim-color)}.paper-setting__dim--v{flex-direction:column;width:20px}.paper-setting__dim--v .paper-setting__dim-line{border-bottom:none;border-left:1px solid var(--dim-color);width:0;flex:1;align-self:center}.paper-setting__dim--v .paper-setting__dim-val{writing-mode:vertical-lr;transform:rotate(180deg);padding:4px 0}.paper-setting__dim--v .paper-setting__dim-bar{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:10px;align-self:center}.paper-setting__dim--v .paper-setting__dim-bar:before{content:"";display:block;height:1px;width:100%;background:var(--dim-color)}.paper-setting__dim--v .paper-setting__dim-bar:first-child:after{content:"";display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:4px solid var(--dim-color)}.paper-setting__dim--v .paper-setting__dim-bar:last-child{flex-direction:column-reverse}.paper-setting__dim--v .paper-setting__dim-bar:last-child:after{content:"";display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--dim-color)}.paper-setting__direction{display:flex;gap:4px}.paper-setting__dir-btn{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;padding:6px;border:1px solid #2a2a2a;border-radius:4px;background:transparent;color:#777;font-size:.72rem;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.paper-setting__dir-btn:hover{background:#252525;color:#bbb}.paper-setting__dir-btn--active{background:#2a2a2a;border-color:#3b82f6;color:#e0e0e0}.paper-setting__templates{display:flex;flex-direction:column;gap:2px}.paper-setting__tpl{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;border-radius:4px;background:transparent;color:#999;font-size:.75rem;cursor:pointer;text-align:left;transition:background .12s}.paper-setting__tpl:hover{background:#252525}.paper-setting__tpl--active{background:#2a2a2a;color:#e0e0e0}.paper-setting__tpl-name{flex-shrink:0;width:52px;font-weight:600}.paper-setting__tpl-size{flex-shrink:0;width:62px;color:#666;font-size:.7rem;font-variant-numeric:tabular-nums}.paper-setting__tpl--active .paper-setting__tpl-size{color:#999}.paper-setting__tpl-desc{color:#555;font-size:.7rem}.paper-setting__tpl--active .paper-setting__tpl-desc{color:#888}.paper-setting__size{display:flex;align-items:center;gap:4px;flex:1}.paper-setting__size-unit{font-size:.68rem;color:#666}.paper-setting__size-x{font-size:.72rem;color:#555;padding:0 2px}.paper-setting__fields{display:flex;gap:8px}.paper-setting__label{display:flex;align-items:center;gap:6px;flex:1;font-size:.72rem;color:#777}.paper-setting__input{width:100%;padding:4px 6px;border:1px solid #2a2a2a;border-radius:4px;background:#252525;color:#e0e0e0;font-size:.75rem;outline:none;transition:border-color .15s}.paper-setting__input:focus{border-color:#555}.paper-setting__input:disabled{opacity:.4;cursor:not-allowed}.paper-page__preview{position:relative;background:#fff;border-radius:2px;box-shadow:0 1px 4px #0000004d}.paper-page__margin{position:absolute;border:1px dashed rgba(59,130,246,.6);pointer-events:none}.paper-page__margin-dim{position:absolute;font-size:.6rem;font-weight:600;color:#3b82f6b3;pointer-events:none}.paper-page__page-num{position:absolute;font-size:.55rem;color:#999;pointer-events:none}.paper-page__section-block{margin-bottom:16px}.paper-page__section-block .paper-setting__section-label{display:block;width:auto;margin-bottom:8px}.paper-page__margins{display:flex;flex-direction:column;gap:4px;flex:1}.paper-page__margin-label{display:flex;align-items:center;gap:4px;font-size:.72rem;color:#777}.paper-page__margin-label>span:first-child{flex-shrink:0;width:28px;color:#666}.paper-page__margin-label .paper-setting__input{width:56px}.paper-page__pos-wrap{flex:1}.paper-setting__select{width:64px;padding:4px 6px;border:1px solid #2a2a2a;border-radius:4px;background:#252525;color:#e0e0e0;font-size:.75rem;outline:none;transition:border-color .15s}.paper-setting__select--wide{width:100%}.paper-setting__select:focus{border-color:#555}.paper-page__pos-offset{display:flex;flex-direction:column;gap:4px;flex:1}.paper-typo__preview{position:relative;display:block;background:#fff;border-radius:2px;box-shadow:0 1px 4px #0000004d;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ccc transparent}.paper-typo__sample{display:block;color:#333;cursor:pointer;white-space:nowrap;overflow:hidden;transition:color .12s;line-height:1.3}.paper-typo__sample:hover,.paper-typo__sample--active{color:#3b82f6}.paper-typo__sample-block{display:block;color:#333;white-space:pre-wrap;word-break:break-all}.paper-typo__list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.paper-typo__add-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #333;border-radius:4px;background:transparent;color:#777;cursor:pointer;transition:background .12s,color .12s}.paper-typo__add-btn:hover{background:#252525;color:#e0e0e0}.paper-typo__list{display:flex;flex-direction:column;margin-bottom:12px;max-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.paper-typo__item-name{font-size:.72rem;color:#bbb;flex:1}.paper-typo__item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background .12s}.paper-typo__item:hover{background:#252525}.paper-typo__item--active{background:#2a2a2a}.paper-typo__item-size{font-size:.68rem;color:#666;font-variant-numeric:tabular-nums}.paper-typo__item-del{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:3px;background:transparent;color:#555;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.paper-typo__item:hover .paper-typo__item-del{opacity:1}.paper-typo__item-del:hover{background:#3a2020;color:#ef4444}.paper-typo__instruction{width:100%;min-height:48px;padding:4px 6px;border:1px solid #2a2a2a;border-radius:4px;background:#252525;color:#e0e0e0;font-size:.72rem;line-height:1.4;outline:none;resize:vertical;font-family:inherit;transition:border-color .15s}.paper-typo__instruction:focus{border-color:#555}.paper-page__margin-label--top{align-items:flex-start}.paper-page__margin-label--top>span:first-child{padding-top:4px}.paper-toolbar{position:absolute;z-index:20;display:flex;align-items:center;gap:3px;padding:4px 6px;background:#222;color:#ccc;border-radius:6px;box-shadow:0 2px 8px #0006;font-size:.72rem;-webkit-user-select:none;user-select:none;transform:translate(-50%)}.paper-toolbar__row{display:flex;align-items:center;gap:3px;white-space:nowrap}.paper-toolbar__label{font-size:.65rem;font-weight:600;color:#8cf;padding:0 4px;white-space:nowrap}.paper-toolbar__size{font-size:.7rem;color:#ccc;min-width:36px;text-align:center;-webkit-user-select:none;user-select:none}.paper-toolbar__btn{display:flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 4px;border:none;border-radius:4px;background:transparent;color:#ccc;font-size:.72rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.paper-toolbar__btn:hover{background:#333;color:#fff}.paper-toolbar__btn--active{background:#3b82f626;color:#3b82f6}.paper-toolbar__btn--active:hover{background:#3b82f640}.paper-toolbar__select{height:24px;padding:0 4px;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#ccc;font-size:.68rem;outline:none;cursor:pointer;transition:border-color .12s}.paper-toolbar__select:focus{border-color:#3b82f6}.paper-toolbar__separator{width:1px;height:16px;background:#444;margin:0 2px;flex-shrink:0}.paper-toolbar__input{height:24px;padding:0 4px;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#ccc;font-size:.72rem;outline:none;transition:border-color .12s}.paper-toolbar__input:focus{border-color:#3b82f6}.paper-toolbar__input--color{width:24px;height:24px;padding:1px;border:1px solid #333;border-radius:4px;background:#2a2a2a;cursor:pointer}.paper-toolbar__input--color::-webkit-color-swatch-wrapper{padding:1px}.paper-toolbar__input--color::-webkit-color-swatch{border:none;border-radius:2px}.paper-toolbar__table-group{display:flex;align-items:center;gap:3px;white-space:nowrap}.paper-toolbar__table-group .paper-toolbar__btn{font-size:.6rem;gap:1px}.paper-toolbar__img-group{display:flex;flex-direction:column;gap:4px}.paper-toolbar__img-row{display:flex;align-items:center;gap:3px;white-space:nowrap;min-width:320px}.paper-drag-droplet{width:48px;height:48px;border-radius:50%;background:#222;color:#fff;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px #0006}@keyframes paper-drag-fade{0%{opacity:1}to{opacity:.2}}.paper-block--dragging{animation:paper-drag-fade .2s ease-out forwards}@keyframes paper-drop-bounce{0%{opacity:.2;transform:scale(.97)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.paper-block--dropped{animation:paper-drop-bounce .25s ease-out forwards}.paper-drop-indicator{position:absolute;height:2px;background:#3b82f6;pointer-events:none;z-index:22;border-radius:1px}.paper-resize-handle{position:absolute;z-index:21;background:#fff;border:1.5px solid #3b82f6;border-radius:2px}.paper-resize-handle--edge{background:transparent;border:none}.paper-table-handle{position:absolute;z-index:20;width:20px;height:20px;border-radius:5px;background:#2a2a2a;border:1px solid #444;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .12s,border-color .12s}.paper-table-handle:hover{opacity:1;background:#3b82f6;border-color:#3b82f6}.paper-table-handle:active{cursor:pointer}.paper-table-handle__icon{font-family:Material Symbols Outlined;font-size:14px;color:#999;line-height:1;pointer-events:none}.paper-table-handle:hover .paper-table-handle__icon{color:#fff}.paper-table-handle--col .paper-table-handle__icon{transform:rotate(90deg)}.paper-table-dot{position:absolute;z-index:19;background:#3b82f6;border-radius:3px;pointer-events:none}.paper-table-dot--col{width:20px;height:4px}.paper-table-dot--row{width:4px;height:20px}.paper-table-menu{position:absolute;z-index:30;background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:4px 0;box-shadow:0 4px 12px #0006;min-width:120px}.paper-table-menu__item{display:block;width:100%;padding:5px 12px;border:none;background:transparent;color:#ddd;font-size:.7rem;text-align:left;cursor:pointer;white-space:nowrap}.paper-table-menu__item:hover{background:#3b82f633}.paper-table-menu__item--danger{color:#f87171}.paper-table-menu__item--danger:hover{background:#f8717126}.paper-table-ghost{position:absolute;z-index:30;pointer-events:none;opacity:.85;box-shadow:0 4px 16px #0000004d;border-radius:4px;overflow:hidden}.paper-table-ghost table{border-collapse:collapse}.paper-table-drag-indicator--col{position:absolute;z-index:25;width:2px;background:#3b82f6;pointer-events:none;transition:left .3s ease}.paper-table-drag-indicator--col:before,.paper-table-drag-indicator--col:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent}.paper-table-drag-indicator--col:before{top:-7px;border-top:7px solid #3b82f6}.paper-table-drag-indicator--col:after{bottom:-7px;border-bottom:7px solid #3b82f6}.paper-table-drag-indicator--row{position:absolute;z-index:25;height:2px;background:#3b82f6;pointer-events:none;transition:top .3s ease}.paper-table-drag-indicator--row:before,.paper-table-drag-indicator--row:after{content:"";position:absolute;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent}.paper-table-drag-indicator--row:before{left:-7px;border-left:7px solid #3b82f6}.paper-table-drag-indicator--row:after{right:-7px;border-right:7px solid #3b82f6}.book-window{height:100%;display:flex;flex-direction:column;position:relative}.book-window__header{display:flex;align-items:center;padding:8px 12px;flex-shrink:0}.book-window__title{font-size:.75rem;font-weight:600;color:#888;flex:1}.book-window__header-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #333;border-radius:4px;background:transparent;color:#666;cursor:pointer;transition:background .12s,color .12s}.book-window__header-btn:hover{background:#252525;color:#e0e0e0}.book-window__content{flex:1;overflow:hidden}.book-window__overlay{position:absolute;inset:0;z-index:10;background:#1a1a1a}.book-window__standby{height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-size:.85rem}.book-main{height:100%;display:flex}.book-main__sidebar-wrap{display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06)}.book-main__sidebar{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#333 transparent}.book-main__thumb{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:2px solid transparent;border-radius:4px;background:transparent;cursor:pointer;transition:border-color .12s}.book-main__thumb:hover:not(.book-main__thumb--active){border-color:#ffffff1a}.book-main__thumb--active{border-color:#3b82f6}.book-main__thumb-inner{position:relative}.book-main__thumb-page{background:#fff;border-radius:1px;box-shadow:0 1px 3px #0000004d}.book-main__thumb-del{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:#333;color:#999;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.book-main__thumb:hover .book-main__thumb-del{opacity:1}.book-main__thumb-del:hover{background:#444;color:#e0e0e0}.book-main__thumb-num{font-size:.6rem;color:#666}.book-main__add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px dashed #333;border-radius:4px;background:transparent;color:#555;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.book-main__add-btn:hover{background:#252525;color:#e0e0e0;border-color:#555}.book-main__sidebar-footer{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:8px;border-top:1px solid rgba(255,255,255,.06);width:100%}.book-main__page-info{flex:1;font-size:.6rem;color:#555;white-space:nowrap}.book-main__setting-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#555;cursor:pointer;transition:background .12s,color .12s}.book-main__setting-btn:hover{background:#252525;color:#e0e0e0}.book-main__view{flex:1;display:flex;align-items:center;justify-content:center;background:var(--window-canvas);padding:16px;overflow:hidden;position:relative}.book-main__view-actions{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:4px}.book-main__source-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #333;border-radius:4px;background:#00000080;color:#666;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.book-main__source-btn:disabled{opacity:.5;cursor:not-allowed}.book-main__source-btn:hover{background:#000000b3;color:#e0e0e0}.book-main__source-btn--active{border-color:#3b82f6;color:#e0e0e0}.book-main__source{width:100%;height:100%;margin:0;padding:16px;background:#161616;color:#aaa;font-size:.7rem;line-height:1.6;overflow:auto;white-space:pre-wrap;word-break:break-all;border-radius:4px;scrollbar-width:thin;scrollbar-color:#333 transparent}.book-main__page{background:#fff;box-shadow:0 2px 12px #0006;border-radius:2px;overflow:hidden;color:#000;box-sizing:border-box}.book-main__page>div{margin:0;padding:0}.book-main__page .page-body[contenteditable=true]{cursor:text;outline:none}.book-main__page .page-body>div:not(.page-number),.book-main__page .page-body>table{position:relative}.book-main__page .page-body>div:not(.page-number):not([data-book-active=true]):hover,.book-main__page .page-body>table:hover{outline:1px dashed rgba(59,130,246,.3);outline-offset:1px}.book-main__page .page-body>div:not(.page-number):before,.book-main__page .page-body>table:before{content:"drag_indicator";font-family:Material Symbols Outlined;font-size:18px;position:absolute;left:-28px;top:0;width:28px;height:100%;display:flex;align-items:center;justify-content:center;color:transparent;cursor:pointer;transition:color .12s}.book-main__page .page-body>table:before{height:auto;top:4px}.book-main__page .page-body>div:not(.page-number):hover:before,.book-main__page .page-body>table:hover:before{color:#999}.page-body span[style*="vertical-align: super"]:not([style*=font-size]),.page-body span[style*="vertical-align: sub"]:not([style*=font-size]){font-size:.6em}.book-main__page .page-body>div[data-book-active=true]{outline:1.5px solid #3b82f6;outline-offset:1px}.book-main__page .page-body>img[data-book-active=true]{box-shadow:inset 0 0 0 9999px #3b82f626;outline:1.5px solid #3b82f6;outline-offset:1px}.book-main__page .page-body>img:not([data-book-active=true]):hover{box-shadow:inset 0 0 0 9999px #3b82f614;cursor:pointer}.book-main__page .page-body>table:not([data-book-active=true]):hover{outline:1px dashed rgba(59,130,246,.3);outline-offset:1px}.book-main__page .page-body>table[data-book-active=true]{outline:none}.book-main__page .page-body>table td[data-cell-active=true],.book-main__page .page-body>table th[data-cell-active=true]{outline:1.5px solid #3b82f6;outline-offset:-1.5px}.book-main__page .page-body>.math-block{margin:4px 0}.book-main__page .page-body math-span{display:inline;vertical-align:baseline;cursor:pointer}.book-main__page .page-body math-span:hover{outline:1px dashed rgba(59,130,246,.4);outline-offset:2px;border-radius:2px}.book-main__page .page-body .math-inline-edit{display:inline-block;vertical-align:baseline;background:transparent;border:none;border-radius:0;outline:1.5px solid #3b82f6;outline-offset:2px;color:inherit;font-size:inherit}.book-main__page .page-body .math-inline-edit::part(virtual-keyboard-toggle){display:none}.book-main__page .page-body .math-inline-edit::part(content){display:inline-block}.book-main__page .page-body>.math-block math-field{display:block;width:100%;font-size:14pt;background:transparent;border:none;border-radius:0;outline:none;color:#000}.book-main__page .page-body>.math-block math-field::part(content){display:block;width:100%;text-align:left}.book-main__page .page-body>.math-block[data-align=center] math-field::part(content){text-align:center}.book-main__page .page-body>.math-block[data-align=right] math-field::part(content){text-align:right}.book-main__page .page-body>.math-block math-field::part(virtual-keyboard-toggle){display:none}.book-main__page .page-body>.math-block math-field::part(menu-toggle){display:none}.book-main__page .page-body>.math-block[data-book-active=true]{outline:1.5px solid #3b82f6;outline-offset:2px}.book-main__page .page-body img{max-width:100%}.book-main__page .page-body img[data-drop-target=true]{box-shadow:inset 0 0 0 9999px #3b82f640;outline:2px solid #3b82f6;outline-offset:2px}.book-setting{position:relative;height:100%;overflow:auto;container-type:inline-size}.book-setting__body{display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;max-width:1080px;margin:0 auto}.book-setting__layout{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;flex:1}.book-setting__layout>*:first-child{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}.book-setting__layout>*:last-child{padding:12px;max-width:none}.book-setting__layout>*{width:100%;max-width:500px}@container (min-width: 640px){.book-setting__body,.book-setting__layout{flex-direction:row;align-items:flex-start}.book-setting__layout>*{flex:1 1 0}.book-setting__layout>*:first-child{border-bottom:none;padding-bottom:0;border-right:1px solid rgba(255,255,255,.08);padding-right:16px}}.book-setting__preview-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:16px 0;background:#161616;border-radius:6px}.book-setting__preview-desc{margin:0;padding:8px 16px 0;font-size:.7rem;line-height:1.5;color:#666;text-align:left;max-width:240px}.book-setting__preview-area{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:360px}.book-setting__preview-body{display:flex;align-items:flex-end;gap:6px}.book-setting__dim--abs-h,.book-setting__dim--abs-v{--dim-color: #e0e0e0}.book-setting__dim--abs-h{position:absolute;left:0;padding-bottom:4px}.book-setting__dim--abs-v{position:absolute;bottom:0;padding-left:4px}.book-setting__preview-stack{position:relative}.book-setting__preview-a4{position:absolute;bottom:0;left:0;background:#b4825014;border:1px solid rgba(180,130,80,.2);border-radius:2px}.book-setting__preview-a4-label{position:absolute;bottom:4px;right:4px;font-size:.6rem;font-weight:700;color:#b4825066}.book-setting__dim--a4-h,.book-setting__dim--a4-v{--dim-color: rgba(180, 130, 80, .5)}.book-setting__dim--a4-h{position:absolute;top:-20px;left:0}.book-setting__dim--a4-v{position:absolute;right:-24px;bottom:0}.book-setting__dim-inner{--color: rgba(180, 130, 80, .5);--inset: 2px;position:absolute;display:flex;align-items:center;gap:0}.book-setting__dim-inner--h{bottom:16px;left:var(--inset);right:var(--inset);flex-direction:row}.book-setting__dim-inner--v{right:16px;top:var(--inset);bottom:var(--inset);flex-direction:column;width:20px}.book-setting__dim-inner__line{flex:1}.book-setting__dim-inner--h .book-setting__dim-inner__line{border-bottom:1px solid var(--color)}.book-setting__dim-inner--v .book-setting__dim-inner__line{border-left:1px solid var(--color);width:0;align-self:center}.book-setting__dim-inner__val{font-size:.75rem;color:var(--color);flex-shrink:0;white-space:nowrap;padding:0 4px}.book-setting__dim-inner--v .book-setting__dim-inner__val{writing-mode:vertical-lr;transform:rotate(180deg);padding:4px 0}.book-setting__dim-inner__arrow{flex-shrink:0}.book-setting__dim-inner--h .book-setting__dim-inner__arrow{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.book-setting__dim-inner--h .book-setting__dim-inner__arrow:first-child{border-right:4px solid var(--color)}.book-setting__dim-inner--h .book-setting__dim-inner__arrow:last-child{border-left:4px solid var(--color)}.book-setting__dim-inner--v .book-setting__dim-inner__arrow{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent}.book-setting__dim-inner--v .book-setting__dim-inner__arrow:first-child{border-bottom:4px solid var(--color)}.book-setting__dim-inner--v .book-setting__dim-inner__arrow:last-child{border-top:4px solid var(--color)}.book-setting__preview-page{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:2px;box-shadow:0 1px 4px #0000004d}.book-setting__preview-label{font-size:.85rem;font-weight:600;color:#999;text-transform:uppercase}.book-setting__controls{width:100%;max-width:320px}.book-setting__tabs{display:flex;justify-content:center;gap:2px;padding:12px 16px 0}.book-setting__tab{padding:6px 16px;border:none;border-radius:4px;background:transparent;color:#777;font-size:.75rem;cursor:pointer;transition:background .12s,color .12s}.book-setting__tab:hover{background:#252525;color:#bbb}.book-setting__tab--active{background:#2a2a2a;color:#e0e0e0}.book-setting__back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:#777;cursor:pointer;margin-right:4px;transition:background .12s,color .12s}.book-setting__back-btn:hover{background:#252525;color:#e0e0e0}.book-setting__data-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #333;border-radius:4px;background:transparent;color:#555;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.book-setting__data-btn:hover{background:#252525;color:#999}.book-setting__data-btn--active{background:#2a2a2a;border-color:#3b82f6;color:#e0e0e0}.book-setting__data-overlay{position:absolute;inset:0;z-index:10;background:#111;overflow:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.book-setting__data-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#888;cursor:pointer;transition:background .12s,color .12s}.book-setting__data-close:hover{background:#252525;color:#e0e0e0}.book-setting__data-code{margin:0;padding:20px;color:#aaa;font-size:.72rem;line-height:1.6;white-space:pre}.book-setting__section{display:flex;align-items:center;gap:8px;margin-bottom:12px}.book-setting__section-label{flex-shrink:0;width:48px;font-size:.72rem;color:#666;white-space:nowrap}.book-setting__dim{display:flex;align-items:center;gap:0}.book-setting__dim-line{flex:1;border-bottom:1px solid var(--dim-color)}.book-setting__dim-val{font-size:.75rem;color:var(--dim-color);flex-shrink:0;white-space:nowrap;padding:0 4px}.book-setting__dim--h{flex-direction:row}.book-setting__dim--h .book-setting__dim-bar{display:flex;align-items:center;flex-shrink:0;height:10px}.book-setting__dim--h .book-setting__dim-bar:before{content:"";display:block;width:1px;height:100%;background:var(--dim-color)}.book-setting__dim--h .book-setting__dim-bar:first-child:after{content:"";display:block;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:4px solid var(--dim-color)}.book-setting__dim--h .book-setting__dim-bar:last-child{flex-direction:row-reverse}.book-setting__dim--h .book-setting__dim-bar:last-child:after{content:"";display:block;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:4px solid var(--dim-color)}.book-setting__dim--v{flex-direction:column;width:20px}.book-setting__dim--v .book-setting__dim-line{border-bottom:none;border-left:1px solid var(--dim-color);width:0;flex:1;align-self:center}.book-setting__dim--v .book-setting__dim-val{writing-mode:vertical-lr;transform:rotate(180deg);padding:4px 0}.book-setting__dim--v .book-setting__dim-bar{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:10px;align-self:center}.book-setting__dim--v .book-setting__dim-bar:before{content:"";display:block;height:1px;width:100%;background:var(--dim-color)}.book-setting__dim--v .book-setting__dim-bar:first-child:after{content:"";display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:4px solid var(--dim-color)}.book-setting__dim--v .book-setting__dim-bar:last-child{flex-direction:column-reverse}.book-setting__dim--v .book-setting__dim-bar:last-child:after{content:"";display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--dim-color)}.book-setting__direction{display:flex;gap:4px}.book-setting__dir-btn{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;padding:6px;border:1px solid #2a2a2a;border-radius:4px;background:transparent;color:#777;font-size:.72rem;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.book-setting__dir-btn:hover{background:#252525;color:#bbb}.book-setting__dir-btn--active{background:#2a2a2a;border-color:#3b82f6;color:#e0e0e0}.book-setting__templates{display:flex;flex-direction:column;gap:2px}.book-setting__tpl{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;border-radius:4px;background:transparent;color:#999;font-size:.75rem;cursor:pointer;text-align:left;transition:background .12s}.book-setting__tpl:hover{background:#252525}.book-setting__tpl--active{background:#2a2a2a;color:#e0e0e0}.book-setting__tpl-name{flex-shrink:0;width:52px;font-weight:600}.book-setting__tpl-size{flex-shrink:0;width:62px;color:#666;font-size:.7rem;font-variant-numeric:tabular-nums}.book-setting__tpl--active .book-setting__tpl-size{color:#999}.book-setting__tpl-desc{color:#555;font-size:.7rem}.book-setting__tpl--active .book-setting__tpl-desc{color:#888}.book-setting__size{display:flex;align-items:center;gap:4px;flex:1}.book-setting__size-unit{font-size:.68rem;color:#666}.book-setting__size-x{font-size:.72rem;color:#555;padding:0 2px}.book-setting__fields{display:flex;gap:8px}.book-setting__label{display:flex;align-items:center;gap:6px;flex:1;font-size:.72rem;color:#777}.book-setting__input{width:100%;padding:4px 6px;border:1px solid #2a2a2a;border-radius:4px;background:#252525;color:#e0e0e0;font-size:.75rem;outline:none;transition:border-color .15s}.book-setting__input:focus{border-color:#555}.book-setting__input:disabled{opacity:.4;cursor:not-allowed}.book-page__preview{position:relative;background:#fff;border-radius:2px;box-shadow:0 1px 4px #0000004d}.book-page__margin{position:absolute;border:1px dashed rgba(59,130,246,.6);pointer-events:none}.book-page__margin-dim{position:absolute;font-size:.6rem;font-weight:600;color:#3b82f6b3;pointer-events:none}.book-page__page-num{position:absolute;font-size:.55rem;color:#999;pointer-events:none}.book-page__section-block{margin-bottom:16px}.book-page__section-block .book-setting__section-label{display:block;width:auto;margin-bottom:8px}.book-page__margins{display:flex;flex-direction:column;gap:4px;flex:1}.book-page__margin-label{display:flex;align-items:center;gap:4px;font-size:.72rem;color:#777}.book-page__margin-label>span:first-child{flex-shrink:0;width:28px;color:#666}.book-page__margin-label .book-setting__input{width:56px}.book-page__pos-wrap{flex:1}.book-setting__select{width:64px;padding:4px 6px;border:1px solid #2a2a2a;border-radius:4px;background:#252525;color:#e0e0e0;font-size:.75rem;outline:none;transition:border-color .15s}.book-setting__select--wide{width:100%}.book-setting__select:focus{border-color:#555}.book-page__pos-offset{display:flex;flex-direction:column;gap:4px;flex:1}.book-typo__preview{position:relative;display:block;background:#fff;border-radius:2px;box-shadow:0 1px 4px #0000004d;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ccc transparent}.book-typo__sample{display:block;color:#333;cursor:pointer;white-space:nowrap;overflow:hidden;transition:color .12s;line-height:1.3}.book-typo__sample:hover,.book-typo__sample--active{color:#3b82f6}.book-typo__sample-block{display:block;color:#333;white-space:pre-wrap;word-break:break-all}.book-typo__list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.book-typo__add-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #333;border-radius:4px;background:transparent;color:#777;cursor:pointer;transition:background .12s,color .12s}.book-typo__add-btn:hover{background:#252525;color:#e0e0e0}.book-typo__list{display:flex;flex-direction:column;margin-bottom:12px;max-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.book-typo__item-name{font-size:.72rem;color:#bbb;flex:1}.book-typo__item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background .12s}.book-typo__item:hover{background:#252525}.book-typo__item--active{background:#2a2a2a}.book-typo__item-size{font-size:.68rem;color:#666;font-variant-numeric:tabular-nums}.book-typo__item-del{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:3px;background:transparent;color:#555;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.book-typo__item:hover .book-typo__item-del{opacity:1}.book-typo__item-del:hover{background:#3a2020;color:#ef4444}.book-typo__instruction{width:100%;min-height:48px;padding:4px 6px;border:1px solid #2a2a2a;border-radius:4px;background:#252525;color:#e0e0e0;font-size:.72rem;line-height:1.4;outline:none;resize:vertical;font-family:inherit;transition:border-color .15s}.book-typo__instruction:focus{border-color:#555}.book-page__margin-label--top{align-items:flex-start}.book-page__margin-label--top>span:first-child{padding-top:4px}.book-toolbar{position:absolute;z-index:20;display:flex;align-items:center;gap:3px;padding:4px 6px;background:#222;color:#ccc;border-radius:6px;box-shadow:0 2px 8px #0006;font-size:.72rem;-webkit-user-select:none;user-select:none;transform:translate(-50%)}.book-toolbar__row{display:flex;align-items:center;gap:3px;white-space:nowrap}.book-toolbar__label{font-size:.65rem;font-weight:600;color:#8cf;padding:0 4px;white-space:nowrap}.book-toolbar__size{font-size:.7rem;color:#ccc;min-width:36px;text-align:center;-webkit-user-select:none;user-select:none}.book-toolbar__btn{display:flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 4px;border:none;border-radius:4px;background:transparent;color:#ccc;font-size:.72rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.book-toolbar__btn:hover{background:#333;color:#fff}.book-toolbar__btn--active{background:#3b82f626;color:#3b82f6}.book-toolbar__btn--active:hover{background:#3b82f640}.book-toolbar__select{height:24px;padding:0 4px;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#ccc;font-size:.68rem;outline:none;cursor:pointer;transition:border-color .12s}.book-toolbar__select:focus{border-color:#3b82f6}.book-toolbar__separator{width:1px;height:16px;background:#444;margin:0 2px;flex-shrink:0}.book-toolbar__input{height:24px;padding:0 4px;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#ccc;font-size:.72rem;outline:none;transition:border-color .12s}.book-toolbar__input:focus{border-color:#3b82f6}.book-toolbar__input--color{width:24px;height:24px;padding:1px;border:1px solid #333;border-radius:4px;background:#2a2a2a;cursor:pointer}.book-toolbar__input--color::-webkit-color-swatch-wrapper{padding:1px}.book-toolbar__input--color::-webkit-color-swatch{border:none;border-radius:2px}.book-toolbar__table-group{display:flex;align-items:center;gap:3px;white-space:nowrap}.book-toolbar__table-group .book-toolbar__btn{font-size:.6rem;gap:1px}.book-toolbar__img-group{display:flex;flex-direction:column;gap:4px}.book-toolbar__img-row{display:flex;align-items:center;gap:3px;white-space:nowrap;min-width:320px}.book-drag-droplet{width:48px;height:48px;border-radius:50%;background:#222;color:#fff;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px #0006}@keyframes book-drag-fade{0%{opacity:1}to{opacity:.2}}.book-block--dragging{animation:book-drag-fade .2s ease-out forwards}@keyframes book-drop-bounce{0%{opacity:.2;transform:scale(.97)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.book-block--dropped{animation:book-drop-bounce .25s ease-out forwards}.book-drop-indicator{position:absolute;height:2px;background:#3b82f6;pointer-events:none;z-index:22;border-radius:1px}.book-resize-handle{position:absolute;z-index:21;background:#fff;border:1.5px solid #3b82f6;border-radius:2px}.book-resize-handle--edge{background:transparent;border:none}.book-table-handle{position:absolute;z-index:20;width:20px;height:20px;border-radius:5px;background:#2a2a2a;border:1px solid #444;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .12s,border-color .12s}.book-table-handle:hover{opacity:1;background:#3b82f6;border-color:#3b82f6}.book-table-handle:active{cursor:pointer}.book-table-handle__icon{font-family:Material Symbols Outlined;font-size:14px;color:#999;line-height:1;pointer-events:none}.book-table-handle:hover .book-table-handle__icon{color:#fff}.book-table-handle--col .book-table-handle__icon{transform:rotate(90deg)}.book-table-dot{position:absolute;z-index:19;background:#3b82f6;border-radius:3px;pointer-events:none}.book-table-dot--col{width:20px;height:4px}.book-table-dot--row{width:4px;height:20px}.book-table-menu{position:absolute;z-index:30;background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:4px 0;box-shadow:0 4px 12px #0006;min-width:120px}.book-table-menu__item{display:block;width:100%;padding:5px 12px;border:none;background:transparent;color:#ddd;font-size:.7rem;text-align:left;cursor:pointer;white-space:nowrap}.book-table-menu__item:hover{background:#3b82f633}.book-table-menu__item--danger{color:#f87171}.book-table-menu__item--danger:hover{background:#f8717126}.book-table-ghost{position:absolute;z-index:30;pointer-events:none;opacity:.85;box-shadow:0 4px 16px #0000004d;border-radius:4px;overflow:hidden}.book-table-ghost table{border-collapse:collapse}.book-table-drag-indicator--col{position:absolute;z-index:25;width:2px;background:#3b82f6;pointer-events:none;transition:left .3s ease}.book-table-drag-indicator--col:before,.book-table-drag-indicator--col:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent}.book-table-drag-indicator--col:before{top:-7px;border-top:7px solid #3b82f6}.book-table-drag-indicator--col:after{bottom:-7px;border-bottom:7px solid #3b82f6}.book-table-drag-indicator--row{position:absolute;z-index:25;height:2px;background:#3b82f6;pointer-events:none;transition:top .3s ease}.book-table-drag-indicator--row:before,.book-table-drag-indicator--row:after{content:"";position:absolute;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent}.book-table-drag-indicator--row:before{left:-7px;border-left:7px solid #3b82f6}.book-table-drag-indicator--row:after{right:-7px;border-right:7px solid #3b82f6}.book-window{height:100%;position:relative;display:flex;flex-direction:column}.book-progress{display:flex;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:20px 24px 16px;gap:4px}.book-progress__step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.book-progress__bar{width:100%;height:8px;border-radius:4px;background:#d8d8d8;transition:background .3s ease,height .3s ease}.book-progress__step--done .book-progress__bar{background:#7ab8f5}.book-progress__step--active .book-progress__bar{background:#5ba3f0;height:10px;border-radius:5px}.book-progress__label{font-size:.75rem;font-weight:500;color:#b0b0b0;white-space:nowrap;transition:color .3s ease}.book-progress__step--done .book-progress__label,.book-progress__step--active .book-progress__label{color:#5ba3f0}.book-title{text-align:center;font-size:1.1rem;font-weight:600;color:#444;padding:0 24px 12px}.book-body{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px 16px}.book-flipbook{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.book-flipbook .stf__parent{transition:transform .6s ease}.book-flipbook--cover .stf__parent{transform:translate(-25%)}.book-flipbook--back .stf__parent{transform:translate(25%)}.book-page{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000f}.book-page--cover{background:linear-gradient(135deg,#7ab8f5,#5ba3f0);color:#fff}.book-page__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:inherit}.book-char{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);align-content:start;justify-items:center;gap:16px;padding:32px 16px}.book-char--left{padding-left:48px}.book-char--right{padding-right:48px}.book-char__title{grid-column:1 / -1;font-size:.85rem;font-weight:600;color:#444;text-align:left;justify-self:start}.book-char__card{aspect-ratio:3 / 4;width:100%;max-width:100px;border-radius:12px;border:3px solid #d5d5d5;background:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative}.book-char__image{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#ccc;cursor:pointer}.book-char__image:hover{color:#999}.book-char__name{width:100%;text-align:center;border:none;border-top:1px solid #e8e8e8;outline:none;font-size:.7rem;padding:6px 4px;color:#444;background:transparent}.book-char__name:focus{border-color:#5ba3f0}.book-char__remove{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;border:none;background:#e0e0e0;color:#888;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:1;opacity:0;transition:opacity .15s ease}.book-char__card:hover .book-char__remove{opacity:1}.book-char__remove:hover{background:#f44;color:#fff}.book-char__add-card{aspect-ratio:3 / 4;width:100%;max-width:100px;border-radius:12px;border:3px solid #d5d5d5;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;transition:opacity .15s ease}.book-char__add-card:hover{opacity:1}.book-char__add-icon{font-size:1.5rem;color:#ccc}.book-char__add-card:hover .book-char__add-icon{color:#999}.book-debug{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;font-size:.75rem;color:#888}.book-debug button{padding:4px 12px;border:1px solid #ccc;border-radius:4px;background:transparent;color:#666;font-size:.75rem;cursor:pointer}.book-debug button:disabled{opacity:.3;cursor:default}.book-debug button:not(:disabled):hover{background:#f0f0f0}.profile-panel{padding:24px 0}.profile-panel__section{padding:16px 0;border-bottom:1px solid var(--divider)}.profile-panel__section:last-child{border-bottom:none}.profile-panel__section-title{font-size:12px;font-weight:600;color:var(--text-tertiary);margin-bottom:12px;text-transform:uppercase}.profile-panel__user{display:flex;align-items:center;gap:14px}.profile-panel__avatar{width:56px;height:56px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--avatar-icon)}.profile-panel__avatar-img{width:100%;height:100%;object-fit:cover}.profile-panel__info{min-width:0}.profile-panel__name{font-size:16px;font-weight:600;color:var(--text-default)}.profile-panel__email{font-size:13px;color:var(--text-secondary);margin-top:2px}.profile-panel__type{font-size:11px;color:var(--text-tertiary);margin-top:4px}.profile-panel__plan-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;margin-bottom:12px}.profile-panel__plan-name{font-size:14px;font-weight:700}.profile-panel__plan-grade{font-size:11px;opacity:.7}.profile-panel__plan-details{display:flex;flex-direction:column;gap:6px}.profile-panel__row{display:flex;justify-content:space-between;align-items:center}.profile-panel__row-label{font-size:13px;color:var(--text-secondary)}.profile-panel__row-value{font-size:13px;color:var(--text-primary)}.profile-panel__cubes{display:flex;flex-direction:column;gap:10px}.profile-panel__cube-header{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-default);margin-bottom:4px}.profile-panel__cube-count{color:var(--text-secondary);font-weight:400}.profile-panel__cube-track{height:6px;background:var(--divider);border-radius:3px;overflow:hidden}.profile-panel__cube-fill{height:100%;border-radius:3px;transition:width .3s ease}.profile-panel__logout{width:100%;padding:10px;border:1px solid var(--button-border);border-radius:8px;background:transparent;color:var(--button-color);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.profile-panel__logout:hover{background:var(--button-hover-bg);color:var(--button-hover)}.children-panel{height:100%;padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.children-panel__title{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:600;color:var(--text-default);margin:0 0 16px;padding:0 12px}.children-panel__back{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 0 0 8px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer}.children-panel__back:hover{background:var(--button-hover-bg);color:var(--text-default)}.children-panel--center{display:flex;align-items:center;justify-content:center}.children-intro{text-align:center;max-width:320px}.children-intro__icon{color:var(--text-secondary);margin-bottom:12px}.children-intro__title{font-size:18px;font-weight:600;color:var(--text-default);margin:0 0 8px}.children-intro__desc{font-size:13px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.children-intro__btn{padding:10px 24px;font-size:13px;font-weight:500;border:none;border-radius:6px;background:var(--button-active);color:#fff;cursor:pointer}.children-intro__btn:hover{opacity:.9}.children-register{max-width:360px;margin:0 auto}.children-register__steps{position:relative;display:flex;gap:8px;margin-bottom:24px}.children-register__step{flex:1;text-align:center;font-size:12px;color:var(--text-disabled);padding:6px 0;border-bottom:2px solid var(--button-border);transition:color .25s}.children-register__step--done{color:var(--text-secondary)}.children-register__step--active{color:var(--button-active)}.children-register__indicator{position:absolute;bottom:0;height:2px;background:var(--button-active);border-radius:1px;transition:left .3s ease,width .3s ease}.children-register__form{display:flex;flex-direction:column;gap:12px}.children-register__label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.children-register__hint{font-size:11px;color:var(--text-tertiary)}.children-register__label input,.children-register__label select{padding:8px 10px;font-size:13px;border:1px solid var(--button-border);border-radius:4px;background:var(--input-bg);color:var(--input-text);outline:none}.children-register__label input:focus,.children-register__label select:focus{border-color:var(--button-active)}.children-register__birthday{display:flex;align-items:center;gap:4px}.children-register__birthday input{flex:1;min-width:0;padding:8px 10px;font-size:13px;text-align:center;border:1px solid var(--button-border);border-radius:4px;background:var(--input-bg);color:var(--input-text);outline:none}.children-register__birthday input:focus{border-color:var(--button-active)}.children-register__birthday-sep{color:var(--text-disabled);font-size:13px}.children-register__group-input{padding:10px 12px;font-size:14px;text-align:center;border:1px solid var(--button-border);border-radius:6px;background:var(--input-bg);color:var(--input-text);outline:none}.children-register__group-input::placeholder{color:var(--input-placeholder)}.children-register__group-input:focus{border-color:var(--button-active)}.children-register__error{font-size:12px;color:var(--text-error);margin:0}.children-register__actions{display:flex;gap:8px;margin-top:8px}.children-register__cancel{flex:1;padding:8px;font-size:13px;border:1px solid var(--button-border);border-radius:4px;background:transparent;color:var(--button-color);cursor:pointer}.children-register__cancel:hover{background:var(--button-hover-bg)}.children-register__next{flex:1;padding:8px;font-size:13px;border:none;border-radius:4px;background:var(--button-active);color:#fff;cursor:pointer}.children-register__next:disabled{opacity:.4;cursor:default}.children-register__next:not(:disabled):hover{opacity:.9}.children-register__done{text-align:center;padding:40px 0}.children-register__done-icon{color:var(--button-active);margin-bottom:16px}.children-register__done h3{font-size:18px;color:var(--text-default);margin:0 0 8px}.children-register__done p{font-size:13px;color:var(--text-secondary);margin:0 0 24px}.children-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.children-list__items{flex:1;overflow-y:auto}.children-list__header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:12px}.children-list__title{font-size:14px;font-weight:600;color:var(--text-default);margin:0}.group-picker__trigger{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;padding:8px 12px;border:1px solid var(--button-border);border-radius:6px;background:transparent;cursor:pointer;color:var(--text-default)}.group-picker__trigger:hover{background:var(--button-hover-bg)}.group-picker__name{flex:1;font-size:14px;text-align:left;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-picker__panel{position:fixed;border:1px solid var(--button-border);border-radius:8px;background:var(--window-body);box-shadow:0 4px 16px #0000001f;overflow:hidden}.group-picker__search{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--button-border);color:var(--text-secondary)}.group-picker__search input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:var(--text-default)}.group-picker__search input::placeholder{color:var(--text-disabled)}.group-picker__list{max-height:200px;overflow-y:auto;padding:4px 0}.group-picker__item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer}.group-picker__item:hover{background:var(--button-hover-bg)}.group-picker__item--active{background:var(--list-active)}.group-picker__item-name{font-size:13px;color:var(--text-default);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-picker__item-meta{font-size:11px;color:var(--text-tertiary);flex-shrink:0;margin-left:8px}.group-picker__empty{padding:16px 12px;text-align:center;font-size:12px;color:var(--text-disabled)}.group-picker__add{display:flex;align-items:center;gap:6px;width:100%;padding:10px 12px;border:none;border-top:1px solid var(--button-border);background:transparent;color:var(--button-active);font-size:13px;font-weight:500;cursor:pointer}.group-picker__add:hover{background:var(--button-hover-bg)}.children-list__add{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;border:1px solid var(--button-border);border-radius:4px;background:transparent;color:var(--button-color);cursor:pointer}.children-list__add:hover{background:var(--button-hover-bg);color:var(--button-hover)}.children-list__add--danger:hover{color:var(--text-error)}.children-list__item{display:flex;align-items:center;gap:10px;padding:10px 24px;background:transparent;border-radius:6px;margin-bottom:6px}.children-list__right{margin-left:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.children-list__type{font-size:11px;color:var(--text-tertiary);white-space:nowrap}.children-list__avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--button-hover-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.children-list__avatar img{width:100%;height:100%;object-fit:cover}.children-list__info{display:flex;flex-direction:column;gap:2px}.children-list__name{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-default);font-weight:500}.children-list__badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--button-active);color:#fff}.children-list__badge--owner{background:var(--text-secondary)}.children-list__meta{font-size:11px;color:var(--text-tertiary)}.children-list__actions{display:flex;gap:4px}.children-list__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--button-color);cursor:pointer}.children-list__btn:hover{background:var(--button-hover-bg);color:var(--button-hover)}.children-list__btn--danger:hover{color:var(--text-error)}.member-detail{display:flex;align-items:center;gap:14px;padding:16px 24px}.member-detail__avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--button-hover-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.member-detail__avatar img{width:100%;height:100%;object-fit:cover}.member-detail__info{display:flex;flex-direction:column;gap:2px;min-width:0}.member-detail__name{font-size:15px;font-weight:600;color:var(--text-default)}.member-detail__id{font-size:12px;color:var(--text-secondary)}.member-detail__email{font-size:12px;color:var(--text-tertiary)}.member-tabs{display:flex;gap:0;border-bottom:1px solid var(--button-border);padding:0 24px}.member-tabs__item{padding:8px 16px;font-size:12px;font-weight:500;color:var(--text-disabled);border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;transition:color .15s,border-color .15s}.member-tabs__item:hover{color:var(--text-secondary)}.member-tabs__item--active{color:var(--button-active);border-bottom-color:var(--button-active)}.member-tabs__content{flex:1;overflow-y:auto;padding:16px 24px}.member-tabs__mock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 0;color:var(--text-disabled)}.member-tabs__mock p{margin:0;font-size:13px}.member-tabs__settings{display:flex;flex-direction:column;gap:4px}.member-tabs__setting-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:none;border-radius:8px;background:transparent;color:var(--text-default);cursor:pointer;text-align:left}.member-tabs__setting-btn:hover{background:var(--button-hover-bg)}.member-tabs__child-info{padding:0 4px 12px;border-bottom:1px solid var(--divider, #333);margin-bottom:8px}.member-tabs__setting-btn--danger{color:var(--text-error, #e74c3c)}.member-tabs__setting-btn--danger:hover{background:#e74c3c14}.member-tabs__setting-info{flex:1;display:flex;flex-direction:column;gap:2px}.member-tabs__setting-title{font-size:13px;font-weight:500}.member-tabs__setting-desc{font-size:11px;color:var(--text-tertiary)}.group-tabs{display:flex;gap:0;border-bottom:1px solid var(--divider, #333);margin:8px 0 0}.group-tabs__item{padding:8px 16px;font-size:12px;font-weight:500;color:var(--text-tertiary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer}.group-tabs__item:hover{color:var(--text-secondary)}.group-tabs__item--active{color:var(--button-active);border-bottom-color:var(--button-active)}.group-settings{display:flex;flex-direction:column;gap:2px;padding:8px 0}.group-settings__item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:6px;color:var(--text-default);cursor:pointer;text-align:left}.group-settings__item:hover{background:var(--list-hover)}.group-settings__item--danger{color:var(--text-error, #e74c3c)}.group-settings__item--danger:hover{background:#e74c3c14}.group-settings__info{flex:1;display:flex;flex-direction:column;gap:2px}.group-settings__title{font-size:13px;font-weight:500}.group-settings__desc{font-size:11px;color:var(--text-tertiary)}.bulk-result-list{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto;margin-bottom:12px}.bulk-result-list__item{padding:6px 10px;font-size:12px;color:var(--text-default);background:var(--list-hover);border-radius:4px}.bulk-result-list__username{font-weight:500}.prop-group{margin-bottom:12px;padding-top:12px;border-top:1px solid #333}.prop-group-header{display:flex;justify-content:space-between;align-items:center;padding:6px 0;cursor:pointer}.prop-group-header--static{cursor:default}.prop-group-header span{font-size:12px;font-weight:700;color:#aaa;text-transform:capitalize}.prop-group-toggle{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.prop-group-toggle .material-icons{font-size:18px;color:#888}.prop-subgroup{margin-bottom:8px}.prop-subgroup__label{font-size:11px;font-weight:600;color:#666;margin-bottom:4px}.prop-subgroup__body{padding-left:12px}.prop-color{display:flex;align-items:center;gap:8px;margin-bottom:12px}.prop-color label{flex:1;font-size:12px;color:#888}.prop-color input[type=color]{-webkit-appearance:none;appearance:none;width:48px;height:24px;padding:0;border:1px solid #333;border-radius:4px;background:transparent;cursor:pointer}.prop-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.prop-color input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.prop-color input[type=color]::-moz-color-swatch{border:none;border-radius:3px}.prop-color span{width:24px;flex-shrink:0}.prop-input{display:flex;align-items:center;gap:8px;margin-bottom:12px}.prop-input label{flex:1;font-size:12px;color:#888}.prop-input-field{display:flex}.prop-input-field input{width:48px;padding:4px 8px;font-size:12px;border:1px solid #333;border-radius:4px 0 0 4px;background:transparent;color:inherit;text-align:right}.prop-input-spinner{display:flex;flex-direction:column}.prop-input-spinner button{width:16px;height:12px;padding:0;border:1px solid #333;border-left:none;background:#2a2a2a;color:#888;font-size:6px;line-height:1;cursor:pointer}.prop-input-spinner button:first-child{border-radius:0 4px 0 0;border-bottom:none}.prop-input-spinner button:last-child{border-radius:0 0 4px}.prop-input-spinner button:hover{background:#3a3a3a;color:#fff}.prop-input span{width:24px;font-size:12px;color:#888;text-align:left}.prop-select{display:flex;align-items:center;gap:8px;margin-bottom:12px}.prop-select label{flex:1;font-size:12px;color:#888}.prop-select select{width:auto;padding:4px 8px;font-size:12px;border:1px solid #333;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.prop-select span{width:24px;flex-shrink:0}.account-window{height:100%;overflow-y:auto;display:flex;justify-content:center}.account-window__content{width:100%;max-width:480px;height:100%;padding:0 16px;box-sizing:border-box}.theme-bg-row+.theme-bg-row{margin-top:4px}.theme-bg-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;background:var(--list-active)}.theme-bg-label{font-size:12px;color:var(--text-secondary)}.theme-bg-edit{padding:3px 10px;font-size:11px;border:1px solid var(--button-border);border-radius:4px;background:transparent;color:var(--button-color);cursor:pointer}.theme-bg-edit:hover{background:var(--button-hover-bg);color:var(--button-hover)}.theme-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:196px;overflow-y:auto}.theme-list__row{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px}.theme-list__row:hover{background:var(--list-hover)}.theme-list__name{flex:1;min-width:0;background:transparent;border:none;color:var(--text-primary);font-size:12px;outline:none}.theme-list__name:focus{color:var(--text-default)}.theme-list__btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--button-color);cursor:pointer}.theme-list__btn:hover{background:var(--button-hover-bg);color:var(--button-hover)}.theme-list__btn:disabled{opacity:.3;cursor:default}.theme-list__actions{display:flex;gap:8px;margin-top:8px}.theme-list__action-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;border:1px solid var(--button-border);border-radius:4px;background:transparent;color:var(--button-color);cursor:pointer}.theme-list__action-btn:hover{background:var(--button-hover-bg);color:var(--button-hover)}.plan-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.plan-modal{background:#1e1e1e;border-radius:16px;padding:32px;max-width:1100px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #00000080;position:relative}.plan-modal__header{display:flex;justify-content:center;align-items:center;margin-bottom:28px;position:relative}.plan-modal__title{font-size:1.1rem;font-weight:600;color:#e0e0e0;margin:0}.plan-modal__close{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#777;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s,color .15s}.plan-modal__close:hover{background:#2a2a2a;color:#e0e0e0}.plan-modal__cards{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.plan-modal__card{flex:0 0 190px;background:#252525;border:1px solid #333;border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s}.plan-modal__card--current{border-color:#6366f1}.plan-modal__name{font-size:1rem;font-weight:600;color:#e0e0e0;margin:0}.plan-modal__name-en{font-size:.72rem;color:#777;margin-top:2px}.plan-modal__price{display:flex;align-items:baseline;gap:2px}.plan-modal__price-amount{font-size:1.6rem;font-weight:700;color:#e0e0e0}.plan-modal__price-period{font-size:.72rem;color:#777}.plan-modal__cubes{display:flex;flex-direction:column;gap:4px}.plan-modal__cube-row{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#bbb}.plan-modal__cube-dot{width:6px;height:6px;border-radius:2px;flex-shrink:0}.plan-modal__cube-dot--red{background:#ef4444}.plan-modal__cube-dot--blue{background:#3b82f6}.plan-modal__cube-dot--gold{background:#eab308}.plan-modal__features{display:flex;flex-direction:column;gap:4px;font-size:.72rem;color:#999}.plan-modal__feature{display:flex;align-items:center;gap:4px}.plan-modal__feature-icon{font-size:.72rem;color:#777}.plan-modal__btn{width:100%;padding:10px 0;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s;margin-top:auto}.plan-modal__btn:hover{opacity:.85}.plan-modal__btn--current{background:#333;color:#777;cursor:default}.plan-modal__btn--current:hover{opacity:1}.plan-modal__btn--subscribe{color:#fff}.plan-modal__loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#777;font-size:.85rem}.prop-slider{display:flex;align-items:center;gap:8px;margin-bottom:12px}.prop-slider label{flex:1;font-size:12px;color:#888}.prop-slider input[type=range]{width:100px;height:4px;cursor:pointer}.prop-slider input[type=text]{width:48px;padding:4px;font-size:12px;border:1px solid #333;border-radius:4px;background:transparent;color:inherit;text-align:right}.prop-slider span{width:24px;font-size:12px;color:#888;text-align:left;flex-shrink:0}.prop-toggle-group{display:flex;align-items:center;gap:8px;margin-bottom:12px}.prop-toggle-group label{flex:1;font-size:12px;color:#888}.prop-toggle-buttons{display:flex;gap:4px}.prop-toggle-btn{width:28px;height:28px;padding:0;font-size:12px;color:#888;background:transparent;border:1px solid #333;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.prop-toggle-btn:hover{color:#fff;border-color:#555}.prop-toggle-btn.active{color:#8aaa7a;border-color:#555}.prop-toggle-group span{width:24px;flex-shrink:0}.prop-anchor{display:flex;align-items:center;padding:4px 0;margin-bottom:8px}.prop-anchor__label{font-size:12px;color:#aaa;flex:1}.prop-anchor__wrap{display:grid;grid-template-columns:auto 16px;grid-template-rows:auto auto;gap:4px;align-items:center;margin-right:32px}.prop-anchor__grid-area{display:flex;flex-direction:column;gap:2px}.prop-anchor__row{display:flex;gap:2px}.prop-anchor__cell{width:16px;height:16px;border:1px solid #444;border-radius:2px;background:transparent;cursor:pointer;padding:0;transition:background .1s,border-color .1s}.prop-anchor__cell:hover{border-color:#888;background:#333}.prop-anchor__cell--active{background:#64a0ff;border-color:#64a0ff}.prop-anchor__stretch-v{grid-column:2;grid-row:1;width:16px;height:52px;padding:0;font-size:12px;line-height:1;border:1px solid #444;border-radius:4px;background:transparent;color:#888;cursor:pointer;transition:background .1s,border-color .1s,color .1s}.prop-anchor__stretch-h{grid-column:1;grid-row:2;width:52px;height:16px;padding:0;font-size:12px;line-height:1;border:1px solid #444;border-radius:4px;background:transparent;color:#888;cursor:pointer;transition:background .1s,border-color .1s,color .1s}.prop-anchor__stretch-v:hover,.prop-anchor__stretch-h:hover{border-color:#888;background:#333;color:#ccc}.prop-anchor__stretch--active{background:#64a0ff;border-color:#64a0ff;color:#fff}.sb-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#111}.sb-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #2a2a2a;flex-shrink:0}.sb-header__title{font-size:14px;font-weight:600;color:#e0e0e0}.sb-header__theme-select{padding:4px 8px;font-size:12px;border:1px solid #333;border-radius:6px;background:#1e1e1e;color:#ccc;outline:none;cursor:pointer}.sb-header__theme-select:hover{border-color:#555}.sb-header__theme-select:focus{border-color:#4a7aaa}.sb-header__targets{display:flex;gap:4px;align-items:center;margin-right:8px}.sb-header__target{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;border-radius:6px;background:transparent;color:#666;cursor:pointer;transition:all .15s}.sb-header__target:hover{background:#2a2a2a;color:#aaa}.sb-header__target--active{background:#2a3a50;border-color:#4a7aaa;color:#8abaee}.sb-header__actions{display:flex;gap:8px;align-items:center;margin-left:auto}.sb-header__btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;border:1px solid #333;border-radius:6px;background:transparent;color:#aaa;font-size:12px;cursor:pointer}.sb-header__btn:hover{background:#2a2a2a;color:#e0e0e0}.sb-header__btn--save{background:#2d5a27;border-color:#3a7a32;color:#c8e6c0}.sb-header__btn--save:hover{background:#3a7a32}.sb-body{flex:1;display:flex;min-height:0}.sb-canvas{flex:1;position:relative;overflow:hidden;cursor:default}.sb-canvas__snap{position:absolute;width:12px;height:12px;border-radius:50%;background:#64a0ff33;border:2px solid rgba(100,160,255,.3);z-index:2;pointer-events:none;transition:transform .15s,background .15s,border-color .15s;margin:6px}.sb-canvas__snap--active{transform:scale(1.6);background:#64a0ff80;border-color:#64a0ff}.sb-canvas__item{cursor:grab;border:2px solid transparent;box-sizing:border-box;transition:border-color .15s}.sb-canvas__item:hover{border-color:#64a0ff66}.sb-canvas__item--selected{border-color:#64a0ff}.sb-canvas__handle{position:absolute;width:6px;height:6px;background:#64a0ff;border:1px solid #fff;border-radius:1px;z-index:1}.sb-canvas__item-name{position:absolute;top:-24px;left:0;font-size:16px;color:#666;pointer-events:none;z-index:2;white-space:nowrap}.sb-canvas__item-empty{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px dashed #555;color:#555;font-size:11px}.sb-panel{width:280px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;border-left:1px solid #2a2a2a;background:#1a1a1a}.sb-panel__tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid #2a2a2a;flex-shrink:0}.sb-panel__tab{padding:8px 12px;font-size:12px;font-weight:500;color:#888;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.sb-panel__tab:hover{color:#ccc}.sb-panel__tab--active{color:#e0e0e0;border-bottom-color:#64a0ff}.sb-panel__content{flex:1;overflow-y:auto;padding:16px}.sb-panel__text-field{display:flex;align-items:center;gap:8px;padding:4px 0}.sb-panel__text-field label{font-size:12px;color:#aaa;min-width:32px;flex-shrink:0}.sb-panel__text-field input{flex:1;padding:4px 8px;font-size:12px;background:#2a2a2a;border:1px solid #333;border-radius:4px;color:#ccc;outline:none}.sb-panel__text-field input:focus{border-color:#555}.sb-panel__item-section{background:#151515;border-radius:6px;padding:6px;margin-bottom:8px}.sb-panel__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sb-panel__item-title{font-size:12px;font-weight:600;color:#aaa}.sb-panel__item-count{font-size:11px;color:#666;background:#2a2a2a;padding:1px 6px;border-radius:8px}.sb-panel__item-list{display:flex;flex-direction:column;gap:2px;margin-bottom:4px;height:120px;overflow-y:auto}.sb-panel__item-row{display:flex;align-items:center;gap:4px;padding:4px 8px;height:30px;box-sizing:border-box;border-radius:4px;cursor:pointer;font-size:12px;color:#aaa;transition:transform .15s ease,background .12s;position:relative}.sb-panel__item-row--dragging{background:#2a2a2a;box-shadow:0 2px 8px #0006;transition:none}.sb-panel__item-row:hover{background:#252525}.sb-panel__item-row--active{background:#2a2a2a;color:#e0e0e0}.sb-panel__item-handle{display:flex;align-items:center;cursor:grab;color:#444;flex-shrink:0}.sb-panel__item-handle:active{cursor:grabbing}.sb-panel__item-row:hover .sb-panel__item-handle{color:#888}.sb-panel__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-panel__item-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:#666;cursor:pointer}.sb-panel__item-delete:hover{background:#333;color:#f66}.sb-panel__add-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:6px;border:1px dashed #333;border-radius:4px;background:transparent;color:#888;font-size:12px;cursor:pointer}.sb-panel__add-btn:hover{border-color:#555;color:#ccc}.sb-panel__pair-row{display:flex;align-items:center;height:28px;margin-bottom:4px}.sb-panel__pair-label{font-size:12px;color:#888;width:40px;flex-shrink:0}.sb-panel__pair-sub{font-size:10px;color:#666;width:14px;flex-shrink:0;text-align:center}.sb-panel__pair-input{flex:1;min-width:0;padding:4px 6px;font-size:12px;background:transparent;border:1px solid #333;border-radius:4px;color:#ccc;text-align:right;outline:none}.sb-panel__pair-input:focus{border-color:#555}.sb-panel__ratio-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid #333;border-radius:4px;background:transparent;color:#666;cursor:pointer;flex-shrink:0;margin-left:8px;transition:background .1s,border-color .1s,color .1s}.sb-panel__ratio-btn:hover{border-color:#555;color:#aaa}.sb-panel__ratio-btn--active{background:#2a4a2a;border-color:#4a8a4a;color:#8aaa7a}.sb-panel__section-label{font-size:12px;font-weight:600;color:#888;margin-bottom:8px;padding-top:10px;border-top:1px solid #2a2a2a;margin-top:10px}.sb-panel__subgroup{margin-bottom:10px}.sb-panel__subgroup-label{font-size:11px;font-weight:600;color:#666;margin-bottom:6px}.sb-panel__subgroup-body{padding-left:12px}.sb-panel__surface-list{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.sb-panel__surface-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:#aaa;font-size:12px;cursor:pointer;transition:background .15s,color .15s;text-align:left}.sb-panel__surface-item:hover,.sb-panel__surface-item--active{background:#2a2a2a;color:#e0e0e0}.sb-panel__surface-badge{margin-left:auto;font-size:10px;color:#666;background:#333;padding:1px 5px;border-radius:8px}.sb-panel__tile-anchor{display:grid;grid-template-columns:14px 14px;gap:2px}.sb-panel__tile-anchor-btn{width:14px;height:14px;border:1px solid #444;border-radius:2px;background:transparent;cursor:pointer;padding:0;transition:background .1s,border-color .1s}.sb-panel__tile-anchor-btn:hover{border-color:#888;background:#333}.sb-panel__tile-anchor-btn--active{background:#64a0ff;border-color:#64a0ff}.sb-panel__image-input{margin:4px 0}.sb-panel__image-drop{display:flex;align-items:center;justify-content:center;height:80px;border:1px dashed #444;border-radius:6px;cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s;margin-bottom:8px}.sb-panel__image-drop:hover{border-color:#666;background:#ffffff05}.sb-panel__image-drop--over{border-color:#64a0ff;background:#64a0ff0d}.sb-panel__image-preview{max-width:100%;max-height:100%;object-fit:contain}.sb-panel__image-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:#555;font-size:11px}.sb-panel__window-list{display:flex;gap:4px;padding:8px 16px;border-bottom:1px solid #2a2a2a}.sb-panel__window-item{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#888;font-size:12px;cursor:pointer}.sb-panel__window-item:hover{background:#2a2a2a;color:#ccc}.sb-panel__window-item--active{background:#2a3a50;border-color:#4a7aaa;color:#8abaee}.sb-panel__inline-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sb-panel__inline-label{font-size:12px;color:#888;width:40px;flex-shrink:0}.text-input{display:inline-flex;flex-direction:column;gap:4px;position:relative}.text-input--full-width{width:100%}.text-input__wrapper{display:flex;align-items:center;gap:8px;border-radius:8px;transition:all .2s ease;position:relative}.text-input__field{flex:1;border:none;background:transparent;font-family:inherit;color:#212121;outline:none;width:100%}.text-input__field::placeholder{color:#9e9e9e}.text-input__label{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:#757575;pointer-events:none;transition:all .2s ease;background:transparent;padding:0 4px}.text-input--has-start-icon .text-input__label{left:40px}.text-input--floating .text-input__label{top:0;font-size:12px;color:#1976d2}.text-input--floating.text-input--secondary .text-input__label{color:#9c27b0}.text-input--outlined.text-input--floating .text-input__label{background:#fff}.text-input--filled.text-input--floating .text-input__label{top:4px;transform:none}.text-input__icon{display:flex;align-items:center;color:#757575;z-index:1}.text-input__helper{font-size:12px;color:#757575;margin-left:12px}.text-input--xs .text-input__wrapper{height:24px;padding:0 8px}.text-input--xs .text-input__field,.text-input--xs .text-input__label{font-size:10px}.text-input--xs.text-input--floating .text-input__label{font-size:8px}.text-input--sm .text-input__wrapper{height:28px;padding:0 10px}.text-input--sm .text-input__field,.text-input--sm .text-input__label{font-size:12px}.text-input--sm.text-input--floating .text-input__label{font-size:10px}.text-input--md .text-input__wrapper{height:32px;padding:0 14px}.text-input--md .text-input__field,.text-input--md .text-input__label{font-size:14px}.text-input--md.text-input--floating .text-input__label{font-size:11px}.text-input--lg .text-input__wrapper{height:36px;padding:0 18px}.text-input--lg .text-input__field,.text-input--lg .text-input__label{font-size:16px}.text-input--lg.text-input--floating .text-input__label{font-size:12px}.text-input--xl .text-input__wrapper{height:40px;padding:0 22px}.text-input--xl .text-input__field,.text-input--xl .text-input__label{font-size:18px}.text-input--xl.text-input--floating .text-input__label{font-size:14px}.text-input--outlined .text-input__wrapper{border:1px solid #e0e0e0;background-color:#fff}.text-input--outlined.text-input--focused .text-input__wrapper{border-color:#1976d2;box-shadow:0 0 0 1px #1976d2}.text-input--outlined.text-input--secondary.text-input--focused .text-input__wrapper{border-color:#9c27b0;box-shadow:0 0 0 1px #9c27b0}.text-input--filled .text-input__wrapper{border:none;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5;border-radius:8px 8px 0 0}.text-input--filled.text-input--focused .text-input__wrapper{border-bottom-color:#1976d2;box-shadow:0 1px #1976d2;background-color:#eee}.text-input--filled.text-input--secondary.text-input--focused .text-input__wrapper{border-bottom-color:#9c27b0;box-shadow:0 1px #9c27b0}.text-input--filled .text-input__label{background:transparent}.text-input--error .text-input__wrapper{border-color:#d32f2f}.text-input--error.text-input--focused .text-input__wrapper{border-color:#d32f2f;box-shadow:0 0 0 1px #d32f2f}.text-input--error .text-input__label,.text-input--error .text-input__helper{color:#d32f2f}.text-input--disabled{opacity:.5;pointer-events:none}.text-input:not(.text-input--floating) .text-input__label{color:#757575}.design-page{min-height:100vh;padding:24px;background-color:#f5f5f5}.design-page__title{margin:0 0 32px;font-size:28px;font-weight:700;color:#212121}.design-section{background-color:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.design-section__title{margin:0 0 24px;font-size:22px;font-weight:600;color:#333;padding-bottom:12px;border-bottom:1px solid #eee}.design-group{margin-bottom:24px}.design-group:last-child{margin-bottom:0}.design-group__title{margin:0 0 12px;font-size:14px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.design-group__items{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.design-group__items--column{flex-direction:column;align-items:stretch}.app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}