.landing{--ink: #26222f;--muted: #686271;--purple: #6656a8;--pale: #f5f2fb;background:#fff;color:var(--ink);min-height:100vh;overflow-x:clip}.landing a{text-decoration:none;color:inherit}.landing a:focus-visible{outline:3px solid #d4a343;outline-offset:4px;border-radius:7px}.landing-header{position:relative;height:76px;max-width:1240px;margin:auto;padding:0 24px;border:0;display:flex;align-items:center;gap:30px;z-index:5}.landing-brand{display:flex;align-items:center;gap:10px}.landing-brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--purple);color:#fff;font-weight:800}.landing-brand>div{display:grid;line-height:1.2}.landing-brand small{color:#77717f;font-size:11px}.landing-header nav{height:auto;border:0;padding:0;margin-left:auto;display:flex;align-items:center;gap:30px;background:none}.landing-header nav a{font-size:13px;color:#524d5b;min-height:44px;display:flex;align-items:center}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;padding:14px 21px;border-radius:9px;background:var(--purple);color:#fff!important;font-weight:700;box-shadow:0 8px 24px #6656a82b;transition:transform .2s,background .2s}.landing-button:hover{transform:translateY(-2px);background:#594a99}.landing-button.compact{min-height:44px;padding:10px 17px;gap:16px;font-size:13px;box-shadow:none}.hero{max-width:1240px;margin:auto;min-height:690px;padding:76px 24px 98px;display:grid;grid-template-columns:43% 57%;align-items:center}.hero>*{min-width:0}.eyebrow,.section-kicker{color:#5d4c9f;font-size:12px;font-weight:800;letter-spacing:.16em}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c88d2e;margin-right:8px}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.18;letter-spacing:-.055em;margin:24px 0}.hero h1 em{color:var(--purple);font-style:normal}.hero-lead{max-width:510px;line-height:1.95;color:#514b59;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{min-height:44px;display:inline-flex;align-items:center;font-size:13px;font-weight:700}.text-link span{margin-left:10px;color:var(--purple)}.hero-note{font-size:11px;color:#6b6572;margin-top:18px}.hero-note span{color:#4e8467;font-weight:800}.product-shot{width:720px;border-radius:14px;background:#f6f5f8;border:1px solid #d5d1de;box-shadow:0 35px 80px #332b4730;overflow:hidden;transform:perspective(1200px) rotateY(-3deg);transform-origin:left}.shot-bar{height:42px;background:#fff;border-bottom:1px solid #e2dfe8;display:flex;align-items:center;padding:0 13px;gap:6px;font-size:11px}.shot-bar>i{width:7px;height:7px;border-radius:50%;background:#ded9e7}.shot-bar>span{margin-left:10px;font-weight:700}.shot-bar>b{margin-left:auto;color:#397759;font-size:9px}.shot-body{height:485px;display:grid;grid-template-columns:150px 1fr}.shot-body>aside{padding:16px 10px;background:#faf9fc;border-right:1px solid #dedbe5;overflow:hidden}.shot-body>aside small{color:#6c6674}.shot-body>aside strong{display:block;font-size:12px;margin:4px 0 20px}.shot-body>aside p{font-size:10px;font-weight:700}.shot-body>aside div{font-size:9px;padding:10px 7px;border-radius:3px}.shot-body>aside div.active{background:#e9e4f7;color:#4e3f90}.shot-body>aside i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b87a20;margin-right:5px}.shot-body>section{min-width:0;background:#eae8ed}.shot-tabs,.shot-tools{height:38px;background:#fff;border-bottom:1px solid #ddd9e5;display:flex;align-items:center;gap:20px;padding:0 14px;font-size:10px}.shot-tabs b{height:38px;display:flex;align-items:center;color:#544296;border-bottom:2px solid var(--purple)}.shot-tools{height:35px;background:#faf9fb;gap:7px}.shot-tools button{font-size:9px;padding:4px 8px;pointer-events:none}.shot-tools span{margin-left:5px;color:#595361}.paper-label{width:370px;margin:16px auto 6px;font-size:10px;font-weight:700}.mock-paper{width:370px;height:360px;margin:auto;background:#fff;padding:15px;display:grid;grid-template:56% 44%/1fr 1fr;gap:5px;box-shadow:0 7px 22px #352e4520}.mock-paper article{border:1px solid #827d89;padding:8px;display:flex;flex-direction:column}.mock-paper article.panel-one{grid-column:1/3}.mock-paper article>b{display:grid;place-items:center;background:#302b3c;color:#fff;width:19px;height:19px;border-radius:50%;font-size:10px}.mock-paper article p{font-size:9px;line-height:1.5}.mock-paper article small{margin-top:auto;color:#5d4b9c;font-size:7px}.use-cases{background:var(--pale);padding:105px max(24px,calc((100vw - 1160px)/2))}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #d8d2e3;padding-bottom:25px}.section-heading h2{margin:0;font-size:clamp(31px,4vw,48px);letter-spacing:-.04em}.use-case-list{display:grid;grid-template-columns:repeat(3,1fr)}.use-case-list article{padding:34px 32px 38px 0;margin-right:32px;border-bottom:1px solid #d8d2e3}.use-case-list span,.feature-grid article>span{color:#69599f;font:700 11px monospace}.use-case-list p{font-size:15px;line-height:1.8;margin:25px 0 0}.use-case-answer{max-width:840px;margin:38px 0 0;font-weight:700;line-height:1.9;color:#494351}.landing-section{max-width:1160px;margin:auto;padding:120px 24px}.landing-section h2,.workflow h2,.closing h2{font-size:clamp(32px,4vw,50px);line-height:1.35;letter-spacing:-.04em;margin:15px 0 50px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8d4df;border-left:1px solid #d8d4df}.feature-grid article{min-height:250px;padding:30px;border-right:1px solid #d8d4df;border-bottom:1px solid #d8d4df}.feature-grid article.with-visual{min-height:430px}.feature-grid h3{margin:42px 0 12px;font-size:18px;line-height:1.5}.feature-grid p,.workflow li p{color:#5e5866;line-height:1.8;font-size:13px}.feature-visual{height:170px;margin:-10px -10px 28px;background:#f3f0f8;border-radius:8px;overflow:hidden}.panel-visual{display:grid;grid-template:1.3fr 1fr/1fr 1fr;gap:5px;padding:15px;position:relative}.mini-panel{border:1px solid #a29baa;background:#fff;padding:8px;font:700 10px monospace;color:#fff}.mini-panel:before{content:"";display:block;width:18px;height:18px;background:#302b3c;border-radius:50%}.mini-panel.wide{grid-column:1/3}.panel-visual>i{position:absolute;left:48%;top:61%;width:28px;height:8px;border-radius:5px;background:#6955ad;box-shadow:0 0 0 3px #fff;transform:rotate(-5deg)}.mansion-visual{padding:17px 26px;display:grid;grid-template-columns:1fr 1fr;gap:12px;direction:rtl}.mansion-visual>span{background:#fff;border:1px solid #c8c2d0;padding:7px;display:grid;grid-template:1.5fr 1fr/1fr 1fr;gap:3px}.mansion-visual i{border:1px solid #8f8998}.mansion-visual i:first-child{grid-column:1/3}.spread-visual{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:4px;position:relative}.spread-visual>span{background:#fff;border:1px solid #c8c2d0;padding:7px;display:grid;grid-template:1.4fr 1fr/1fr 1fr;gap:3px}.spread-visual i{border:1px solid #8f8998}.spread-visual i:first-child{grid-column:1/3}.spread-visual>b{position:absolute;left:50%;top:20px;bottom:20px;width:8px;transform:translate(-50%);background:linear-gradient(90deg,#0000,#4a425530,#0000)}.mid-cta{margin-top:65px;padding:35px 42px;border-radius:13px;background:var(--pale);display:flex;align-items:center;justify-content:space-between}.mid-cta h3{font-size:25px;margin:0 0 8px}.mid-cta p{margin:0;color:#686171;font-size:13px}.workflow{background:var(--pale);padding:120px max(24px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px}.workflow ol{list-style:none;margin:0;padding:0}.workflow li{display:flex;gap:28px;padding:27px 0;border-bottom:1px solid #d4cede}.workflow li>b{color:#5d4c9f;font:700 12px monospace}.workflow li h3{margin:0;font-size:20px}.workflow li p{margin-bottom:0}.quick-start{max-width:1160px;margin:auto;padding:110px 24px;display:grid;grid-template-columns:1.15fr 1fr;gap:30px 80px}.quick-start h2{font-size:clamp(32px,4vw,48px);margin:15px 0 18px}.quick-start>div>p:last-child{color:#5e5866;line-height:1.9}.quick-start ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-start li{position:relative;padding:15px 15px 15px 42px;background:#f7f5fa;border-radius:8px;font-size:13px;font-weight:700}.quick-start li:before{content:"✓";position:absolute;left:16px;color:#4c8163}.quick-start aside{grid-column:1/-1;padding:22px 26px;border:1px solid #ddd7e7;border-left:4px solid var(--purple);border-radius:8px;display:flex;gap:25px;align-items:center}.quick-start aside b{white-space:nowrap}.quick-start aside p{margin:0;color:#5a5462;line-height:1.7;font-size:13px}.closing{background:#292433;color:#fff;text-align:center;padding:105px 24px}.closing-mark{width:54px;height:54px;margin:auto;display:grid;place-items:center;background:var(--purple);border-radius:16px;font-weight:800}.closing>p{color:#d5cedd;margin-top:25px}.closing h2{margin:12px 0 35px}.landing-button.light{background:#fff;color:#342c4a!important}.closing>small{display:block;color:#c9c2d1;margin-top:16px}.landing-footer{max-width:1160px;min-height:130px;margin:auto;padding:30px 24px;border:0;display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-footer>p{font-size:12px;color:#625c69}.landing-footer>small{font-size:11px;color:#77717f}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{max-width:650px}.product-shot{margin-top:60px;width:760px;transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr;gap:30px}.quick-start{grid-template-columns:1fr}.quick-start aside{grid-column:auto}.landing-footer>p{display:none}}@media(max-width:620px){.landing-header{height:66px;padding:0 16px}.landing-header nav{display:none}.landing-brand>span{width:38px;height:38px}.landing-brand>div{display:grid}.landing-button.compact{font-size:12px;gap:8px;padding:8px 12px}.hero{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);padding:48px 20px 68px;min-height:0}.hero h1{font-size:clamp(36px,10.5vw,42px);letter-spacing:-.06em}.hero h1 br{display:none}.hero-lead{font-size:14px}.hero-lead br{display:none}.hero-actions{align-items:stretch;flex-direction:column;gap:10px}.hero-actions .text-link{justify-content:center}.hero-note{text-align:center;line-height:1.6}.product-shot{width:660px;margin-top:45px;transform:scale(.54);transform-origin:left top;margin-bottom:-210px}.use-cases{padding:75px 20px}.section-heading{display:block}.section-heading h2{margin-top:12px}.use-case-list{grid-template-columns:1fr}.use-case-list article{margin:0;padding:23px 0;display:grid;grid-template-columns:38px 1fr;gap:5px}.use-case-list p{margin:0;font-size:14px}.use-case-answer{font-size:14px}.landing-section{padding:80px 20px}.landing-section h2 br{display:none}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:210px}.feature-grid article.with-visual{min-height:410px}.feature-grid h3{margin-top:28px}.mid-cta{padding:30px 22px;display:block}.mid-cta h3{font-size:21px}.mid-cta .landing-button{width:100%;margin-top:22px}.workflow{padding:80px 20px}.workflow h2 br{display:none}.quick-start{padding:80px 20px;gap:28px}.quick-start ul{grid-template-columns:1fr}.quick-start aside{display:block}.quick-start aside p{margin-top:9px}.closing{padding:80px 20px}.closing .landing-button{width:100%}.landing-footer{min-height:150px;align-items:flex-start;flex-direction:column;gap:18px}.landing-footer>small{align-self:flex-end}}@media(prefers-reduced-motion:reduce){.landing *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.landing-button:hover{transform:none}}:root{font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,system-ui,sans-serif;color:#262431;background:#efedf2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,select,input{border:1px solid #d6d2df;background:#fff;border-radius:7px;padding:7px 11px;color:#363245}button{cursor:pointer}button:hover:not(:disabled){border-color:#7464b4;background:#f7f5ff}button:disabled{opacity:.45;cursor:default}.app{height:100vh;display:grid;grid-template-columns:265px 1fr;grid-template-rows:58px 1fr;overflow:hidden}.app.collapsed{grid-template-columns:0 1fr}header{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:8px 16px;background:#fff;border-bottom:1px solid #dedbe5;z-index:3}.brand{display:flex;align-items:center;gap:9px;min-width:225px}.brand>span{display:grid;place-items:center;width:36px;height:36px;background:#6656a8;color:#fff;border-radius:10px;font-weight:800}.brand div{display:grid}.brand small{color:#898494}.project-title{flex:1;display:flex;align-items:center;gap:14px}.project-title input{border:0;font-weight:700;font-size:16px;min-width:260px}.project-title span{font-size:12px;color:#448263}.project-title .danger{color:#b64040}.actions{display:flex;gap:7px}aside{position:relative;background:#f8f7fa;border-right:1px solid #d9d6df;overflow:auto;padding-bottom:70px;transition:.15s}.collapsed aside{overflow:visible}.collapse{position:absolute;right:7px;top:9px;width:30px;padding:5px;z-index:2}.collapsed .collapse{right:-35px;background:#6656a8;color:#fff}.tree-head{padding:17px 16px 13px;display:grid;gap:4px;border-bottom:1px solid #e3e0e7}.tree-head small{color:#817b8c}.tree-head span{font-size:11px;color:#65549e;background:#eeeaf8;width:max-content;padding:3px 6px;border-radius:4px}aside section h3{font-size:13px;padding:10px 13px 4px;margin:0;color:#555064}.page-row{width:100%;height:44px;border:0;border-radius:0;background:transparent;display:grid;grid-template-columns:8px 37px 1fr auto;align-items:center;text-align:left;padding:4px 12px;gap:6px}.page-row.active{background:#e8e3f7;color:#554493}.page-row small{font-size:10px;color:#999}.status{width:6px;height:6px;border-radius:50%;background:#bbb}.status.s1{background:#d29a45}.status.s2{background:#4f9c78}.status.s3{background:#557dc1}.tree-actions{position:fixed;bottom:0;width:264px;padding:12px;background:#f8f7fa;border-top:1px solid #ddd;display:flex;gap:6px}main{min-width:0;display:flex;flex-direction:column;overflow:hidden}nav{height:49px;background:#fff;border-bottom:1px solid #dedbe5;padding-left:18px;display:flex;gap:4px}nav button{border:0;border-radius:0;background:transparent;padding:0 18px}nav button.active{color:#5d4ca1;border-bottom:3px solid #6d5caf;font-weight:700}.layout-work{display:grid;grid-template-columns:1fr 310px;grid-template-rows:47px 1fr;min-height:0;flex:1}.toolbar{display:flex;align-items:center;gap:8px;padding:7px 14px;background:#f9f8fb;border-bottom:1px solid #ddd9e3;min-height:47px}.toolbar label{display:flex;align-items:center;font-size:12px;gap:5px}.layout-work>.toolbar{grid-column:1/-1}.canvas-wrap{min-width:0;overflow:auto;padding:25px;display:grid;justify-items:center;align-content:start;background:#e7e5e9}.page-label{width:min(520px,80%);font-weight:600;margin-bottom:8px;color:#55505f}.page{width:min(520px,80%);background:#fff;padding:22px;box-shadow:0 7px 25px #332b4720;display:flex}.page.mini{width:100%;height:100%;padding:8px;box-shadow:none}.split{flex:1;display:grid;min-width:0;min-height:0}.panel{min-width:0;min-height:0;border:2px solid #3d3945;border-radius:0;background:#fff;padding:8px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;overflow:hidden}.panel:hover{background:#faf9ff}.panel.selected{outline:4px solid #7969bd;outline-offset:-4px;background:#f7f5ff}.panel b{background:#342f40;color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex:none}.panel span{font-size:13px;margin-top:7px}.panel em{font-size:11px;margin-top:6px;color:#6b6473}.panel small{font-size:10px;color:#7566ad;margin-top:auto}.mini .panel{padding:2px;border-width:1px}.mini .panel>*{display:none}.inspector{overflow:auto;background:#fff;border-left:1px solid #ddd9e3;padding:14px}.inspector>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.inspector label,.script-panel label{display:grid;font-size:11px;color:#6b6573;margin:9px 0;gap:3px}.inspector textarea{min-height:48px;resize:vertical;border:1px solid #d7d3df;border-radius:6px;padding:8px}.text-view,.spread-view{display:flex;flex-direction:column;min-height:0;flex:1}.text-view article{overflow:auto;background:#e8e6eb;padding:28px}.text-view article>section{max-width:800px;margin:auto;background:#fff;padding:35px 50px;box-shadow:0 5px 20px #332b4718}.script-panel{padding:10px 0;border-top:1px solid #eee}.script-panel h3{font-size:14px}.script-panel h3 span{font-size:10px;color:#6b59a6;background:#eeeaf8;padding:3px 6px;margin-left:8px}.script-panel textarea{border:0;border-left:3px solid #e2ddef;padding:8px 12px;min-height:50px;resize:vertical}.page-summary{background:#f6f4fa;padding:16px;border-radius:8px;margin:18px 0}.page-summary p{font-size:13px;margin:5px}.page-summary label{display:grid;font-size:12px;gap:4px;margin-top:13px}.spread-stage,.spread-list{flex:1;overflow:auto;padding:34px;background:#e5e3e8}.spread-list{display:grid;gap:35px}.spread{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:960px;margin:auto;background:#cbc7d0;padding:7px;box-shadow:0 8px 25px #2f293d24}.spread-page{background:#fff;aspect-ratio:1/1.414;padding:12px;display:flex;flex-direction:column;min-width:0;cursor:pointer}.spread-page.guides{outline:1px dashed #da7575;outline-offset:-19px}.spread-page b{font-size:12px;margin-top:7px}.spread-page small{font-size:10px;color:#777}.spread-page .page{flex:1;min-height:0}.blank{margin:auto;color:#aaa;letter-spacing:.2em}.gutter{position:absolute;width:10px;height:100%;left:50%;top:0;transform:translate(-50%);background:linear-gradient(90deg,#0000,#4a425522,#0000);pointer-events:none}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#302b3b;color:#fff;padding:11px 20px;border-radius:8px;z-index:9}.loading{height:100vh;display:grid;place-items:center;color:#6656a8}@media(max-width:900px){.app{grid-template-columns:210px 1fr}.brand{min-width:auto}.brand div,.project-title span,.actions button:first-child,.actions button:nth-child(2){display:none}.layout-work{grid-template-columns:1fr}.inspector{position:fixed;right:0;top:107px;bottom:0;width:min(340px,90vw);z-index:5}.page{width:95%}.tree-actions{width:209px}}@media(max-width:650px){.app{grid-template-columns:0 1fr}.app aside{overflow:visible}.app aside>*:not(.collapse){display:none}.app .collapse{right:-35px;background:#6656a8;color:#fff}.project-title input{min-width:0;width:130px}.actions button{font-size:0}.actions button:after{content:"⋮";font-size:18px}.toolbar{overflow:auto}.text-view article{padding:10px}.text-view article>section{padding:20px}.spread-stage{padding:12px}}.app.collapsed aside{border-right:0}.app.collapsed aside>*:not(.collapse){display:none}.split{position:relative}.split-handle{position:absolute;z-index:4;padding:0;border:0;border-radius:0;box-shadow:none;opacity:0;touch-action:none;transition:opacity .1s ease}.split-handle.vertical{top:50%;width:11px;height:calc(100% - 4px);background:transparent;cursor:col-resize}.split-handle.horizontal{left:50%;width:calc(100% - 4px);height:11px;background:transparent;cursor:row-resize}.split-handle:after{position:absolute;top:50%;left:50%;width:30px;height:9px;border:2px solid #fff;border-radius:5px;background:#7867bb;box-shadow:0 1px 5px #2f294655;content:"";transform:translate(-50%,-50%)}.split:hover>.split-handle{opacity:1}.split:has(>.split-handle:not([style*="rotate(0deg)"]))>.split-handle{background:#403a49;box-shadow:0 0 0 4px #fff;opacity:1}.split:has(>.split-handle:not([style*="rotate(0deg)"]))>.split-handle:after{opacity:0}.split:has(>.split-handle:not([style*="rotate(0deg)"])):hover>.split-handle:after{opacity:1}.split.horizontal:has(>.split-handle:not([style*="rotate(0deg)"]))>.panel:first-child{border-bottom-color:transparent}.split.horizontal:has(>.split-handle:not([style*="rotate(0deg)"]))>.panel:nth-child(2){border-top-color:transparent}.split.vertical:has(>.split-handle:not([style*="rotate(0deg)"]))>.panel:first-child{border-right-color:transparent}.split.vertical:has(>.split-handle:not([style*="rotate(0deg)"]))>.panel:nth-child(2){border-left-color:transparent}.split-handle.vertical:after{width:9px;height:30px}.split-handle:hover:after{background:#53418f}.page-label small{color:#817a8e;font-weight:400}.canvas-wrap{overflow:hidden}.fitted-page{min-width:0;min-height:0;flex:none}.fitted-page>.page{width:100%;height:100%}.inspector{container-type:inline-size;padding:0;overscroll-behavior:contain}.inspector>.inspector-sticky,.inspector>.inspector-body{display:block;margin:0}.inspector-sticky{position:sticky;top:0;z-index:4;border-bottom:1px solid #ddd9e3;background:#fff}.inspector-heading{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:8px 12px 5px}.inspector-heading b{color:#3d3747;font-size:14px}.inspector-heading button{display:grid;width:34px;height:34px;padding:0;place-items:center;border:0;background:transparent;font-size:18px}.inspector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 8px}.inspector-tabs button{position:relative;display:flex;min-width:0;min-height:42px;align-items:center;justify-content:center;gap:6px;padding:7px 6px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#6a6472;font-size:12px;font-weight:700}.inspector-tabs button.active{border-bottom-color:#6d5caf;color:#554493}.inspector-tabs button i{width:6px;height:6px;flex:none;border-radius:50%;background:#c28a32}.inspector-tabs button:focus-visible,.inspector :is(input,textarea,select,button):focus-visible{outline:2px solid #7564b6;outline-offset:-2px}.inspector-body{padding:10px 12px 18px}.inspector label{display:grid;gap:4px;margin:0 0 10px;color:#625c69;font-size:11px;font-weight:600}.inspector textarea,.inspector input,.inspector select{width:100%;border:1px solid #d7d3df;border-radius:6px;background:#fff;color:#302b38;font-weight:400}.inspector textarea{min-height:0;padding:8px 9px;overflow-x:hidden;line-height:1.55;resize:none}.inspector .panel-field-textarea--medium{min-height:72px}.inspector .panel-field-textarea--short{min-height:52px}.inspector input,.inspector select{min-height:38px;padding:7px 9px}.inspector-summary{margin-bottom:9px}.inspector-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:5px}.panel-image-field{display:grid;gap:6px;margin:10px 0 12px;color:#665f70;font-size:11px}.panel-image-dropzone{display:grid;min-height:82px;margin:0!important;place-content:center;gap:4px;border:1px dashed #bcb4cb;border-radius:7px;background:#faf9fc;text-align:center;cursor:pointer}.panel-image-dropzone small{color:#8b8494;font-weight:400}.panel-image-dropzone input,.panel-image-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.panel-image-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.panel-image-preview>img{display:block;width:100%;max-height:150px;border:1px solid #ddd8e4;border-radius:6px;object-fit:contain;background:#f7f5f8}.panel-image-preview>div{display:grid;gap:6px}.panel-image-upload,.panel-image-preview button{display:inline-grid!important;min-height:36px;margin:0!important;padding:6px 9px;place-items:center;border:1px solid #d6d2df;border-radius:7px;background:#fff;color:#363245!important;font-size:11px!important;cursor:pointer}.panel-image-preview button{color:#974554!important}.panel-image-dropzone:focus-within,.panel-image-upload:focus-within{outline:2px solid #7564b6;outline-offset:2px}.panel-image-controls{display:grid;gap:7px;padding:9px;border:1px solid #e0dce5;border-radius:7px;background:#faf9fc}.panel-image-controls label{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:7px;margin:0!important}.panel-image-controls input[type=range]{width:100%;min-height:28px;padding:0}.panel-image-controls output{min-width:38px;color:#6e657a;font-size:10px;text-align:right}.panel-image-controls>button{min-height:36px;font-size:11px}.inspector-tabpanel{padding-top:4px}.inspector-tabpanel[hidden]{display:none}.dialogue-editor{display:grid;gap:9px}.dialogue-editor-heading,.dialogue-entry-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dialogue-editor-heading>span{color:#665f70;font-size:11px;font-weight:600}.dialogue-editor-heading>button,.dialogue-entry-head>button{display:grid;flex:none;width:34px;height:34px;place-items:center;padding:0}.dialogue-editor-heading>button{border-color:#bcb2d2;color:#5e4a9d;font-size:18px;font-weight:700}.dialogue-entry{display:grid;gap:6px;padding:9px;border:1px solid #ddd8e5;border-radius:8px;background:#faf9fc}.dialogue-entry-head select{min-width:0;flex:1;font-size:11px}.dialogue-entry-head>button{color:#95505d}.dialogue-entry .panel-field-textarea{min-height:56px;font-size:11px}@container (max-width: 280px){.inspector-meta{grid-template-columns:1fr}}@media(max-width:650px){.inspector{position:fixed;top:58px;right:0;bottom:0;left:0;width:100%;max-width:none}.inspector textarea,.inspector input,.inspector select,.inspector .dialogue-entry .panel-field-textarea{font-size:16px}.inspector-tabs button{min-height:46px;font-size:13px}}@media(max-width:1024px){.app,.app.collapsed{display:flex;min-height:100vh;height:auto;flex-direction:column;overflow:visible}.app-header{position:sticky;top:0;z-index:20;order:0;width:100%}.app>main{order:1;width:100%;min-height:0;overflow:visible}.layout-work{display:flex;width:100%;min-height:0;flex:none;flex-direction:column}.layout-work>.toolbar{order:0;width:100%}.layout-work>.canvas-wrap{order:1;width:100%;height:min(72vh,760px);min-height:520px;flex:none}.layout-work>.inspector{position:static;z-index:auto;order:2;width:100%;min-height:360px;max-height:none;overflow:visible;border-top:1px solid #d9d5e0;border-left:0}.app>aside,.app.collapsed>aside{position:relative;order:2;display:block;width:100%;min-height:0;padding-bottom:0;overflow:visible;border-top:1px solid #cbc6d2;border-right:0}.app>aside>*:not(.collapse),.app.collapsed>aside>*:not(.collapse){display:block!important}.app>aside>.tree-head,.app.collapsed>aside>.tree-head{display:grid!important}.app>aside>.tree-actions,.app.collapsed>aside>.tree-actions{position:static;display:flex!important;width:100%}.app>aside .collapse{display:none}.text-view,.spread-view,.mansion-view{min-height:calc(100vh - 107px);flex:none}}@media(max-width:650px){.layout-work>.canvas-wrap{height:68vh;min-height:460px;padding:16px 10px}.layout-work>.inspector{min-height:420px}}.chapter-tree>h3{padding:0}.chapter-select{display:flex;width:100%;min-height:38px;align-items:center;justify-content:space-between;padding:8px 13px 5px;border:0;border-radius:0;background:transparent;color:#555064;text-align:left}.chapter-select small{color:#9891a2;font-size:10px;font-weight:400}.chapter-tree>h3.active .chapter-select{background:#eeeaf8;color:#554493;box-shadow:inset 3px 0 #7564b6}.chapter-select:focus-visible{position:relative;z-index:1;outline:2px solid #7564b6;outline-offset:-2px}.project-reference-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.tree-head{gap:3px;padding:10px 16px 9px}.project-reference-buttons button{min-width:0;min-height:36px;padding:6px 8px;border-color:#d8d3e0;font-size:12px;white-space:nowrap}.project-reference-buttons button.active{border-color:#7564b6;background:#eae5f7;color:#554493;font-weight:700}.project-reference-editor{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:0;flex:1;background:#e8e6eb}.reference-list,.reference-detail{min-width:0;overflow:auto;background:#fff}.reference-list{border-right:1px solid #d8d4de}.reference-list>header,.reference-detail>header{position:sticky;top:0;z-index:2;display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid #ddd9e3;background:#fbfafc}.reference-list>header>div{display:grid;gap:2px}.reference-list>header small{color:#8a8393;font-size:10px}.reference-list>div{display:grid;gap:4px;padding:10px}.reference-list>div>button{min-height:42px;overflow:hidden;border:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.reference-list>div>button.active{background:#eae5f7;color:#554493;font-weight:700}.reference-list>div>p{margin:22px 10px;color:#827b8b;font-size:12px;line-height:1.7}.reference-delete{color:#974554}.reference-form{display:grid;max-width:760px;gap:18px;margin:0 auto;padding:28px}.reference-form label{display:grid;gap:6px;color:#665f70;font-size:12px;font-weight:600}.reference-form input,.reference-form textarea{width:100%;min-width:0;padding:9px 11px;border:1px solid #d5d0dc;border-radius:7px;color:#342f3e;font-size:14px;font-weight:400}.reference-form textarea{min-height:220px;line-height:1.6;resize:vertical}.character-design-field{display:grid;gap:6px;color:#665f70;font-size:12px;font-weight:600}.character-design-dropzone{display:grid;min-height:132px;place-content:center;gap:5px;border:1px dashed #b8aecb;border-radius:8px;background:#faf8fd;color:#5c4d92;text-align:center;cursor:pointer}.character-design-dropzone:hover{border-color:#7564b6;background:#f4f0fb}.character-design-dropzone small{color:#8b8494;font-weight:400}.character-design-dropzone input,.character-design-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.character-design-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.character-design-image-button{display:block;min-width:0;padding:0;border:0;border-radius:8px;background:transparent;cursor:zoom-in}.character-design-image-button:hover{background:transparent}.character-design-preview img{display:block;width:100%;max-height:480px;object-fit:contain;border:1px solid #d8d2df;border-radius:8px;background:#f7f5f8}.character-design-image-button:focus-visible img{outline:2px solid #7564b6;outline-offset:2px}.character-design-actions{display:grid;gap:8px}.character-design-upload,.character-design-preview button{display:inline-grid;min-height:40px;place-items:center;padding:8px 12px;border:1px solid #d5d0dc;border-radius:7px;background:#fff;color:#514961;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.character-design-preview .character-design-image-button{display:block;min-height:0;padding:0;border:0;background:transparent;cursor:zoom-in}.character-design-delete{color:#974554}.image-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:28px;background:#1a1622b8}.image-lightbox{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(960px,100%);max-height:min(860px,92vh);margin:0;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 18px 60px #14111c59}.image-lightbox header,.image-lightbox footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #e4e0ea}.image-lightbox footer{justify-content:flex-end;border-top:1px solid #e4e0ea;border-bottom:0}.image-lightbox figcaption{min-width:0;overflow:hidden;color:#342f3e;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.image-lightbox img{display:block;max-width:100%;max-height:calc(92vh - 112px);margin:auto;object-fit:contain}.image-lightbox button{min-height:36px}.character-design-dropzone:focus-within,.character-design-upload:focus-within{outline:2px solid #7564b6;outline-offset:2px}.reference-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reference-empty{display:grid;min-height:300px;place-items:center;color:#8b8494}@media(max-width:700px){.project-reference-editor{grid-template-columns:1fr}.reference-list,.reference-detail{overflow:visible}.reference-list{border-right:0;border-bottom:1px solid #d8d4de}.reference-form{padding:20px 14px 28px}.reference-form-row{grid-template-columns:1fr}.reference-form input,.reference-form textarea{font-size:16px}.character-design-preview{grid-template-columns:1fr}.character-design-actions{grid-template-columns:1fr 1fr}}.app-header{container-name:app-header;container-type:inline-size;width:100%;height:58px;min-height:58px;gap:14px;overflow:visible}.app-header :is(button,span,b,small),.view-tabs button,.layout-toolbar :is(button,label,select,span){word-break:keep-all;overflow-wrap:normal;white-space:nowrap;writing-mode:horizontal-tb}.app-header .brand{min-width:190px;flex:none}.project-title{min-width:80px;overflow:hidden}.project-title input{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title .save-status{display:flex;flex:none;align-items:center;gap:4px;white-space:nowrap}.save-status i{width:9px;height:9px;flex:none;border-radius:50%;background:#448263}.save-status.danger i{background:#b64040}.save-status small{font-size:inherit}.actions{display:flex;flex:none;align-items:center;gap:5px}.app-header .actions button{display:inline-flex;font-size:inherit}.app-header .tooltip:after{content:attr(data-tooltip);font-size:11px}.ui-icon,.auth-icon{width:19px;height:19px;flex:none}.header-action,.auth-button,.auth-user{position:relative;display:inline-flex;min-width:40px;height:40px;flex:none;align-items:center;justify-content:center;gap:7px;padding:0 11px}.auth-user{max-width:150px}.auth-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip:after{position:absolute;top:calc(100% + 7px);left:50%;z-index:100;display:none;width:max-content;max-width:220px;padding:5px 8px;border-radius:5px;background:#302b3b;color:#fff;content:attr(data-tooltip);font-size:11px;line-height:1.4;pointer-events:none;transform:translate(-50%)}.tooltip:hover:after,.tooltip:focus-visible:after{display:block}.app-header :is(button,input):focus-visible,.view-tabs button:focus-visible,.layout-toolbar :is(button,select,input):focus-visible{outline:2px solid #7564b6;outline-offset:2px}.header-more{position:relative;display:none}.header-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:90;display:grid;width:215px;padding:6px;border:1px solid #d8d3e0;border-radius:9px;background:#fff;box-shadow:0 10px 30px #2f293d30}.header-menu button{display:flex;min-height:42px;align-items:center;gap:10px;padding:8px 10px;border:0;text-align:left}main{container-name:editor;container-type:inline-size}.view-tabs{height:49px;min-height:49px;overflow:hidden}.view-tabs button{display:flex;min-width:48px;height:49px;flex:none;align-items:center;justify-content:center;gap:7px}.view-tabs .tab-short{display:none}.layout-work{container-name:layout-work;container-type:inline-size}.layout-toolbar{position:relative;height:48px;min-height:48px;gap:7px;overflow:visible;white-space:nowrap}.layout-toolbar .panel-command{min-width:36px;flex:none}.layout-toolbar .toolbar-range{min-width:0;margin:0}.layout-toolbar .toolbar-range input{width:clamp(82px,10vw,150px);min-width:82px}.toolbar-settings{position:relative;display:none}.toolbar-settings>button{display:grid;width:40px;height:36px;padding:0;place-items:center}.display-settings-popover{position:absolute;top:calc(100% + 7px);right:0;z-index:80;display:grid;width:min(280px,calc(100vw - 20px));gap:12px;padding:14px;border:1px solid #d7d2df;border-radius:9px;background:#fff;box-shadow:0 10px 30px #302a4030}.display-settings-popover label{display:grid;grid-template-columns:42px 1fr;gap:9px}.display-settings-popover input{width:100%;min-width:150px}.png-export-option{display:inline-flex;min-height:36px;flex:none;align-items:center;gap:6px;color:#5b5367;font-size:12px;font-weight:600;white-space:nowrap}.png-export-option input{width:16px;height:16px;accent-color:#6656a8}.png-button{flex:none}.png-export-images-only .page-label,.png-export-images-only .geometry-panel-heading,.png-export-images-only .geometry-panel-dialogue,.png-export-images-only .geometry-panel-prose{display:none!important}.page-delete-button{display:inline-flex;min-width:40px;height:36px;flex:none;align-items:center;justify-content:center;gap:6px;color:#8a3d4a}.page-delete-button:hover:not(:disabled){border-color:#b95a69;background:#fff5f6}@container app-header (max-width: 1180px){.app-header{gap:8px;padding-inline:10px}.app-header .brand{min-width:150px}.app-header .brand small,.header-action .action-label,.auth-button span,.save-status small{display:none}.header-action,.auth-button{width:40px;padding:0}}@container app-header (max-width: 860px){.header-secondary{display:none!important}.header-more{display:block}.header-more>button,.actions .auth-button,.actions .auth-user{display:inline-flex!important}.app-header .brand div{display:grid}.save-status{display:flex!important}.actions>button:not(.header-secondary){display:inline-flex!important;font-size:inherit!important}.actions>button:after{content:none!important}}@container app-header (max-width: 620px){.app-header .brand{min-width:36px}.app-header .brand div,.save-status span,.auth-user span{display:none}.project-title{flex:1 1 70px}.project-title input{padding-inline:4px;font-size:13px}.actions{gap:3px}.auth-user{width:40px;padding:0}}@container editor (max-width: 700px){.view-tabs{padding-left:4px}.view-tabs button{padding-inline:12px}.view-tabs .tab-full{display:none}.view-tabs .tab-short{display:inline}}@container editor (max-width: 480px){.view-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0}.view-tabs button{width:100%;padding:0}.view-tabs .tab-short{display:none}}.geometry-page>.freehand-layer{position:absolute;top:22px;right:22px;bottom:22px;left:22px;z-index:6;width:calc(100% - 44px);height:calc(100% - 44px);overflow:visible;touch-action:none;pointer-events:none}.geometry-page.mini>.freehand-layer{top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.geometry-page>.freehand-layer.editing{cursor:crosshair;pointer-events:auto;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.freehand-work .fitted-page,.freehand-work .geometry-page,.freehand-work .geometry-surface{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.geometry-page>.freehand-layer.tool-eraser{cursor:cell}.geometry-page>.freehand-layer.tool-text{cursor:text}.geometry-page>.freehand-layer.tool-text text[data-freehand-id]{cursor:move}.geometry-page>.freehand-layer.tool-select{cursor:default}.geometry-page>.freehand-layer.tool-select [data-freehand-id]{cursor:move}.freehand-layer .selection-hit-area{pointer-events:stroke}.freehand-layer [data-freehand-id].selected{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #735bb7) drop-shadow(0 0 4px #735bb7)}.freehand-layer.tool-select:focus-visible{outline:2px solid #7564b6;outline-offset:2px}.freehand-toolbar{gap:7px;overflow:visible}.freehand-toolbar>button.active{border-color:#7564b6;background:#eae5f7;color:#554493;font-weight:700}.freehand-text-direction{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #d7d2df;border-radius:7px;background:#f7f5f9}.freehand-text-direction button{min-height:32px;padding:5px 9px;border:0;background:transparent;white-space:nowrap}.freehand-text-direction button.active{background:#e8e2f5;color:#554493;font-weight:700}.freehand-text-direction button:focus-visible{outline:2px solid #7564b6;outline-offset:1px}.freehand-size{min-width:210px;margin-left:4px}.freehand-size input{width:130px}.freehand-size span{width:20px;color:#6e6678;text-align:center}.freehand-colors{display:flex;gap:5px}.freehand-colors button{width:30px;min-width:30px;height:30px;padding:0;border:2px solid #c9c4d0;border-radius:50%}.freehand-colors button.black{background:#17151c}.freehand-colors button.red{background:#d23747}.freehand-colors button.blue{background:#286ccf}.freehand-colors button.white{background:#fff}.freehand-colors button.active{border-color:#7564b6;box-shadow:0 0 0 2px #fff,0 0 0 4px #7564b6}.freehand-clear{margin-left:auto;color:#914250}@container layout-work (max-width: 760px){.freehand-toolbar{flex-wrap:wrap;height:auto;min-height:48px;padding-block:6px}.freehand-size{min-width:180px}.freehand-size input{width:95px}}@media(max-width:520px){.freehand-toolbar>button{min-height:38px;padding-inline:8px}.freehand-size{order:2;width:calc(100% - 78px)}.freehand-size input{flex:1;width:auto}.freehand-colors{margin-left:auto}.freehand-clear{order:2}}@container layout-work (max-width: 900px){.layout-toolbar .toolbar-range span{display:none}.page-delete-button>span{display:none}}@container layout-work (max-width: 620px){.layout-toolbar{gap:3px;padding-inline:4px;overflow:visible}.layout-toolbar .template-select{width:86px;min-width:76px;padding-inline:5px}.layout-toolbar .panel-command{width:32px;min-width:32px;padding-inline:0}.layout-toolbar .toolbar-range{display:none}.toolbar-settings{display:block;margin-left:auto}.toolbar-settings,.toolbar-settings>button{width:36px}.layout-toolbar .png-button{width:44px;padding-inline:4px}}.mansion-view{flex:1;min-height:0;overflow:auto;background:#dfdde3}.mansion-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#f9f8fb;border-bottom:1px solid #d7d3df}.mansion-head>div:first-child{display:grid;gap:3px}.mansion-head span,.mansion-legend{color:#777182;font-size:11px}.mansion-legend{display:flex;align-items:center;gap:6px}.mansion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:1px;padding:1px;background:#c9c5ce;direction:rtl}.mansion-room{display:grid;grid-template-rows:auto 1fr auto auto;gap:7px;min-height:340px;padding:13px;border:0;border-radius:0;background:#f7f6f8;direction:ltr;text-align:left}.page-info-toggle{display:inline-flex;flex:none;align-items:center;gap:7px;color:#514a5e;font-size:12px;font-weight:600;white-space:nowrap}.page-info-toggle input{width:16px;height:16px;margin:0;accent-color:#6d5caf}.page-preview-frame{position:relative;min-width:0;min-height:0;overflow:hidden}.spread-stage,.spread-list{padding:clamp(16px,3vw,40px)}.spread-list{justify-items:stretch}.spread{width:100%;max-width:1400px}.page-preview-frame>.page{width:100%;height:100%}.spread-page .page-preview-frame{flex:1}.page-info-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;align-content:center;justify-items:center;gap:9px;overflow:hidden;padding:clamp(8px,5%,24px);background:#fbfaffb8;color:#363043;text-align:center;pointer-events:none}.page-info-overlay>b{max-width:100%;overflow:hidden;color:#554493;font-size:clamp(11px,1vw,15px);text-overflow:ellipsis;white-space:nowrap}.page-info-overlay dl{display:grid;width:min(100%,340px);gap:clamp(5px,1vh,10px);margin:0}.page-info-overlay dl>div{display:grid;gap:2px}.page-info-overlay dt{color:#7a7187;font-size:clamp(8px,.72vw,10px);font-weight:600}.page-info-overlay dd{display:-webkit-box;overflow:hidden;margin:0;font-size:clamp(9px,.85vw,12px);line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(max-width:650px){.mansion-head{flex-wrap:wrap;gap:8px 14px}.mansion-legend{display:none}.page-info-toggle{font-size:11px}}.mansion-room:hover{position:relative;z-index:1;outline:3px solid #7564b6;outline-offset:-3px}.mansion-room .page{width:100%;min-height:0;padding:7px}.mansion-room strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mansion-room small{overflow:hidden;color:#7d7686;text-overflow:ellipsis;white-space:nowrap}.mansion-purpose{display:-webkit-box;min-height:38px;overflow:hidden;padding:6px 7px;border-left:3px solid #7564b6;background:#efecf8;color:#51466e;font-size:11px;line-height:1.45;text-align:left;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.page-label-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.page-label-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-purpose-field textarea{width:100%;min-width:0;min-height:48px;padding:7px 9px;border:1px solid #d7d2df;border-radius:6px;background:#fbfaff;color:#373142;font-size:13px;line-height:1.45;resize:vertical}.page-purpose-field textarea:focus-visible{border-color:#7564b6;outline:2px solid #7564b633;outline-offset:1px}.page-purpose-field{margin:12px 0 14px!important}.spread-purpose{display:-webkit-box;overflow:hidden;margin-top:5px;padding:5px 7px;border-left:3px solid #7564b6;background:#f0edf8;color:#51466e;font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(max-width:650px){.page-purpose-field textarea{font-size:16px}}.page-inspector-title-field{margin-top:0!important;margin-bottom:16px!important}.page-inspector-title-field input{font-size:14px;font-weight:700}.page-inspector-help{margin:12px 0 0;color:#716a7a;font-size:12px;line-height:1.65}.page-inspector-hint{display:block;margin-top:18px;padding-top:12px;border-top:1px solid #ebe8ef;color:#8b8494;line-height:1.55}.mansion-number{display:flex;justify-content:space-between;color:#514760;font-weight:700}.geometry-page{position:relative;padding:22px}.geometry-page.mini{padding:7px}.geometry-surface{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}.geometry-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.geometry-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;text-align:left}.geometry-panel:hover{background:#7464b40d}.geometry-page.readonly .geometry-panel,.geometry-page.readonly .geometry-panel:hover{cursor:pointer;pointer-events:auto;background:transparent}.geometry-page.readonly .geometry-panel.selected{background:#7464b412}.panel{position:relative}.panel-background-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;opacity:.38;pointer-events:none;-webkit-user-select:none;user-select:none}.geometry-panel-copy{z-index:1}.panel>:not(.panel-background-image){position:relative;z-index:1}.geometry-panel-copy{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:5px;overflow:hidden;pointer-events:none}.geometry-panel-heading{display:flex;width:100%;min-width:0;align-items:flex-start;gap:6px}.geometry-panel-heading>b{display:grid;flex:none;width:24px;height:24px;place-items:center;border-radius:50%;background:#342f40;color:#fff}.geometry-panel-heading>span{min-width:0;padding-top:3px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.geometry-panel-dialogue{display:grid;width:100%;max-height:7.1em;gap:2px;padding:5px 7px;overflow:hidden;border:1px solid #ded9e6;border-radius:8px;background:#fbfaff;color:#40394b;line-height:1.4;pointer-events:auto}.geometry-panel-dialogue>div{max-height:5.8em;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#b9afd0 transparent;scrollbar-width:thin;touch-action:pan-y}.geometry-panel-dialogue>div::-webkit-scrollbar{width:5px}.geometry-panel-dialogue>div::-webkit-scrollbar-thumb{border-radius:999px;background:#b9afd0}.geometry-panel-dialogue p{display:flex;gap:4px;margin:0;font-size:11px;font-style:normal;line-height:1.4}.geometry-panel-dialogue p+p{margin-top:2px}.geometry-panel-dialogue p b{flex:none;color:#67579f;font-size:10px;font-weight:700}.geometry-panel-dialogue p span{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.panel>.geometry-panel-dialogue{margin-top:6px}.panel>.geometry-panel-heading{flex:none}.panel>.geometry-panel-heading>span{margin-top:0}.geometry-panel-prose{display:grid;width:100%;max-height:6.3em;gap:2px;padding:5px 7px;overflow:hidden;border:1px solid #bdb8c5;border-radius:0;background:#fff;color:#40394b;line-height:1.4;pointer-events:auto}.geometry-panel-prose>span{margin-top:0;color:#756b80;font-size:9px;font-weight:700}.geometry-panel-prose>p{min-height:0;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:#40394b;font-size:11px;font-style:normal;line-height:1.4;scrollbar-color:#b9afd0 transparent;scrollbar-width:thin;touch-action:pan-y;white-space:pre-wrap;overflow-wrap:anywhere}.geometry-panel-prose>p::-webkit-scrollbar{width:5px}.geometry-panel-prose>p::-webkit-scrollbar-thumb{border-radius:999px;background:#b9afd0}.panel>.geometry-panel-prose{flex:none;margin-top:6px}.geometry-handle{position:absolute;z-index:8;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:0;touch-action:none}.geometry-handle.horizontal{min-width:48px;height:18px;cursor:row-resize}.geometry-handle.vertical{width:18px;min-height:48px;cursor:col-resize}.geometry-handle:hover,.geometry-handle.visible{opacity:1}.geometry-handle:after{position:absolute;top:50%;left:50%;width:30px;height:9px;border:2px solid #fff;border-radius:5px;background:#7867bb;box-shadow:0 1px 5px #2f294655;content:"";transform:translate(-50%,-50%)}.geometry-handle.vertical:after{width:9px;height:30px}.inactive-boundary{stroke:transparent}.active-boundary{stroke:#8875d3;stroke-width:1.4;vector-effect:non-scaling-stroke}.boundary-control{position:absolute;right:10px;bottom:10px;z-index:12;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #cfc7e8;border-radius:8px;background:#f9f7ffed;box-shadow:0 3px 12px #3027481f;color:#51428d;font-size:11px}.boundary-control label{display:flex;align-items:center;gap:5px}.boundary-control input{width:95px}.boundary-control button{padding:4px 7px;font-size:11px}.layout-work:not(.freehand-work)>.toolbar>label:nth-of-type(3),.layout-work:not(.freehand-work)>.toolbar>label:nth-of-type(3)+button{display:none}.layout-work:not(.freehand-work)>.toolbar>button:nth-of-type(-n+3){position:relative;display:grid;width:36px;height:34px;padding:0;place-items:center;font-size:0}.layout-work:not(.freehand-work)>.toolbar>button:nth-of-type(-n+3):before{display:block;width:18px;height:18px;border:1.5px solid #71658e;box-sizing:border-box;content:""}.layout-work:not(.freehand-work)>.toolbar>button:nth-of-type(1):before{background:linear-gradient(90deg,transparent 31%,#71658e 31%,#71658e 36%,transparent 36%,transparent 64%,#71658e 64%,#71658e 69%,transparent 69%)}.layout-work:not(.freehand-work)>.toolbar>button:nth-of-type(2):before{background:linear-gradient(transparent 31%,#71658e 31%,#71658e 36%,transparent 36%,transparent 64%,#71658e 64%,#71658e 69%,transparent 69%)}.layout-work:not(.freehand-work)>.toolbar>button:nth-of-type(3):before{background:linear-gradient(45deg,transparent 47%,#71658e 47%,#71658e 53%,transparent 53%),linear-gradient(-45deg,transparent 47%,#71658e 47%,#71658e 53%,transparent 53%)}.layout-work:not(.freehand-work)>.toolbar>button:nth-of-type(-n+3):after{position:absolute;top:calc(100% + 6px);left:50%;z-index:30;display:none;width:max-content;padding:5px 7px;border-radius:5px;background:#302b3b;color:#fff;font-size:11px;pointer-events:none;transform:translate(-50%)}.layout-work:not(.freehand-work)>.toolbar>button:nth-of-type(1):after{content:"縦に分割"}.layout-work:not(.freehand-work)>.toolbar>button:nth-of-type(2):after{content:"横に分割"}.layout-work:not(.freehand-work)>.toolbar>button:nth-of-type(3):after{content:"コマ削除"}.layout-work:not(.freehand-work)>.toolbar>button:nth-of-type(-n+3):hover:after{display:block}.share-viewer{display:grid;grid-template-columns:245px minmax(0,1fr) 310px;grid-template-rows:58px 1fr;height:100vh;overflow:hidden;background:#e7e5e9}.share-header{grid-column:1 / -1}.share-title{display:grid;flex:1;gap:2px}.share-title span{color:#777182;font-size:11px}.readonly-badge{padding:5px 9px;border-radius:5px;background:#eeeaf8;color:#604fa0;font-size:12px;font-weight:700}.share-pages{overflow:auto;padding-bottom:20px;border-right:1px solid #d9d6df;background:#f8f7fa}.share-pages>div{display:grid;gap:4px;padding:16px;border-bottom:1px solid #e3e0e7}.share-pages>div small,.share-pages>div span{color:#817b8c;font-size:11px}.share-pages>button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;width:100%;height:44px;padding:5px 12px;border:0;border-radius:0;background:transparent;text-align:left}.share-pages>button.active{background:#e8e3f7;color:#554493}.share-pages>button small{color:#999;font-size:10px}.share-main{min-width:0;overflow:auto}.share-page-heading{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:8px 20px;border-bottom:1px solid #d9d5df;background:#f9f8fb}.share-page-heading>div:first-child{display:grid;gap:3px}.share-page-heading span{color:#777182;font-size:11px}.share-page-heading>div:last-child{display:flex;gap:6px}.share-canvas{display:grid;padding:26px;place-items:start center}.share-canvas .page{width:min(570px,90%)}.share-summary{max-width:760px;margin:0 auto 32px;padding:22px 28px;border-radius:9px;background:#fff;box-shadow:0 5px 20px #332b4718}.share-summary p{display:grid;grid-template-columns:24px 1fr;margin:10px 0;font-size:13px}.share-summary p span{grid-column:2;margin-top:3px;color:#675e70}.share-summary footer{margin-top:16px;padding-top:12px;border-top:1px solid #e7e3eb;color:#604fa0;font-size:12px}.share-inspector{min-width:0;overflow:auto;border-left:1px solid #d9d6df;background:#fff}.share-inspector>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:10px 14px;border-bottom:1px solid #e3e0e7;background:#fbfafd}.share-inspector>header>div{display:grid;gap:2px}.share-inspector>header small{color:#817b8c;font-size:10px}.share-inspector>header button{width:36px;height:36px;padding:0;font-size:20px}.share-inspector-body{display:grid;gap:16px;padding:16px}.share-inspector-body section{min-width:0}.share-inspector-body h2{margin:0 0 6px;color:#625b6c;font-size:11px;font-weight:600}.share-inspector-body section>div{min-height:36px;padding:9px 10px;border:1px solid #e0dce5;border-radius:6px;background:#faf9fc;font-size:13px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.share-inspector-body section>div.empty{color:#aaa4b0}.share-panel-image{display:block;width:100%;max-height:260px;border:1px solid #e0dce5;border-radius:6px;object-fit:contain;background:#faf9fc}.share-inspector-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-inspector-body .share-dialogue-entry+.share-dialogue-entry{margin-top:7px}.share-dialogue-entry b{display:block;margin-bottom:3px;color:#604fa0;font-size:11px}.share-dialogue-entry p{margin:0}.share-inspector-hint{margin:0;color:#817b8c;font-size:11px}.share-error{display:grid;min-height:100vh;padding:30px;place-content:center;text-align:center}@media(max-width:700px){.share-viewer{grid-template-columns:1fr;grid-template-rows:58px auto minmax(0,1fr) minmax(180px,auto)}.share-pages{display:flex;overflow-x:auto;padding:0;border-right:0;border-bottom:1px solid #d9d6df}.share-pages>div{display:none}.share-pages>button{grid-template-columns:auto;width:auto;min-width:64px;text-align:center}.share-pages>button span,.share-pages>button small{display:none}.share-summary{margin-inline:12px}.share-inspector{max-height:44vh;border-top:1px solid #d9d6df;border-left:0}}.manager-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;padding:28px;place-items:center;background:#211b3099}.project-manager{display:grid;grid-template-rows:58px 1fr;width:min(900px,96vw);height:min(680px,92vh);overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 20px 60px #17122066}.project-manager>header{display:flex;grid-column:auto;justify-content:space-between;padding:9px 14px 9px 20px}.project-manager>header>div{display:grid;gap:2px}.project-manager>header span{color:#7d7787;font-size:11px}.project-manager>header>button{width:34px;height:34px;padding:0;font-size:20px}.manager-body{display:grid;grid-template-columns:240px 1fr;min-height:0}.project-list{overflow:auto;padding:0 0 16px;border-right:1px solid #ddd9e3;background:#f7f6f9}.project-list>div{display:flex;justify-content:space-between;align-items:center;padding:12px}.project-list>div button{padding:5px 8px}.project-list>button{display:grid;gap:3px;width:100%;padding:10px 13px;border:0;border-radius:0;background:transparent;text-align:left}.project-list>button.active{background:#e8e3f7;color:#554493}.project-list>button span{color:#8a8491;font-size:10px}.project-detail{display:block;overflow:auto;padding:24px 28px}.project-detail>label{display:grid;max-width:540px;margin-bottom:14px;gap:5px;color:#686171;font-size:11px}.project-detail>label input{padding:9px 10px;color:#302b3b;font-size:14px}.chapter-heading{display:flex;justify-content:space-between;align-items:end;margin-top:28px;padding-bottom:9px;border-bottom:1px solid #e3dfe7}.chapter-heading>div{display:grid;gap:3px}.chapter-heading span{color:#817b8c;font-size:10px}.chapter-list>div{display:grid;grid-template-columns:25px 1fr auto auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eeebf0}.chapter-list>div>span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#eeeaf8;color:#5c4b98;font-size:11px}.chapter-list small{color:#898391;font-size:10px}.chapter-list button{color:#a04444;font-size:11px}.danger-zone{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding:14px;border:1px solid #ead4d4;border-radius:8px;background:#fff9f9}.danger-zone>div{display:grid;gap:3px}.danger-zone span{color:#8c7777;font-size:10px}.danger-zone button{border-color:#d7aaaa;color:#9c3737}.chapter-tree{position:relative;padding-bottom:4px;transition:background .1s ease}.chapter-tree h3{display:flex;justify-content:space-between;align-items:center}.chapter-tree h3 small{color:#9993a1;font-size:9px;font-weight:400}.chapter-tree.drop-active{background:#eee9fb;box-shadow:inset 3px 0 #7564b6}.empty-chapter{margin:5px 10px 9px;padding:13px 8px;border:1px dashed #b9b0d2;border-radius:6px;color:#867b9e;font-size:10px;text-align:center}.page-row.drop-before:before{position:absolute;top:-2px;right:10px;left:10px;height:3px;border-radius:2px;background:#7564b6;content:""}.page-row.drop-after:after{position:absolute;right:10px;bottom:-2px;left:10px;height:3px;border-radius:2px;background:#7564b6;content:""}.page-row{position:relative}@media(max-width:700px){.manager-backdrop{padding:8px}.project-manager{width:100%;height:96vh}.manager-body{grid-template-columns:1fr;grid-template-rows:150px 1fr}.project-list{display:flex;border-right:0;border-bottom:1px solid #ddd9e3}.project-list>div{min-width:110px}.project-list>button{min-width:150px}.project-detail{padding:18px}}.auth-user{display:inline-flex;align-items:center;gap:6px}.auth-user img{width:22px;height:22px;border-radius:50%}.busy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#f4f3f7b8;color:#312b42;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.busy-spinner{width:42px;height:42px;border:4px solid #d8d2ed;border-top-color:#6656a8;border-radius:50%;animation:busy-spin .75s linear infinite}@keyframes busy-spin{to{transform:rotate(360deg)}}