.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}.inspector-tabpanel{padding-top:4px}.inspector-tabpanel[hidden]{display:none}@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{font-size:16px}.inspector-tabs button{min-height:46px;font-size:13px}}.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}.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-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:default;pointer-events:none;background:transparent}.geometry-panel-copy{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:5px;overflow:hidden;pointer-events:none}.geometry-panel-copy b{display:grid;flex:none;width:24px;height:24px;place-items:center;border-radius:50%;background:#342f40;color:#fff}.geometry-panel-copy span{font-size:13px}.geometry-panel-copy em{color:#6b6473;font-size:11px}.geometry-panel-copy small{margin-top:auto;color:#7566ad;font-size:10px}.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>.toolbar>label:nth-of-type(3),.layout-work>.toolbar>label:nth-of-type(3)+button{display:none}.layout-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>.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>.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>.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>.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>.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>.toolbar>button:nth-of-type(1):after{content:"縦に分割"}.layout-work>.toolbar>button:nth-of-type(2):after{content:"横に分割"}.layout-work>.toolbar>button:nth-of-type(3):after{content:"コマ削除"}.layout-work>.toolbar>button:nth-of-type(-n+3):hover:after{display:block}.share-viewer{display:grid;grid-template-columns:245px 1fr;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-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 1fr}.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}}.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)}}