:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#273b32;background:#f6f7f3;font-synthesis:none;font-weight:400;--green: #294f40;--muted: #7c877e;--line: #e3e7df;--cream: #efeddf;--accent: #ca8e62;--white: #fff;--shadow: 0 8px 30px #253c2b07}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:34px;font-weight:550;letter-spacing:-1.3px;line-height:1.25}h1>span{color:var(--accent)}h2{font-size:21px;font-weight:550;letter-spacing:-.55px}h3{font-size:16px;font-weight:600}p{font-size:14px;color:var(--muted);line-height:1.7}small{font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b59166;outline-offset:3px}input[type=checkbox],input[type=range]{accent-color:var(--green)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;padding:32px 21px 20px;background:#fcfcf9;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650;letter-spacing:-.55px;margin-bottom:54px}.brand-icon{display:flex;align-items:center;justify-content:center;color:#f9f6e8;background:var(--green);border-radius:12px;width:42px;height:46px;transform:rotate(-5deg)}.brand small{display:block;font-size:7px;letter-spacing:1.45px;margin-top:6px;color:#849181;font-weight:550}.sidebar-label{font-size:9px;letter-spacing:1.5px;color:#97a092;margin:0 15px 15px;font-weight:650}nav{display:grid;gap:5px}nav>button{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:8px;font-size:12px;font-weight:500;text-align:left;color:#7b877a}nav>button.active{background:#e9efe7;color:var(--green);font-weight:650}nav>button:hover{background:#eff3ed}nav>button>span{margin-left:auto;font-size:10px;background:#dbe6d7;padding:3px 6px;border-radius:5px}.sidebar-create{margin-top:48px;padding:22px 15px 18px;border:1px solid #e1e5d9;border-radius:10px;background:linear-gradient(140deg,#f0f2e9,#f8f8ef)}.tiny-eyebrow{font-size:8px;letter-spacing:1.2px;color:#8c947c;font-weight:650}.sidebar-create p{font-size:16px;font-family:Georgia,serif;color:#52674b;line-height:1.5;margin:12px 0 18px}.sidebar-create .button{font-size:11px;padding:9px 11px;width:100%;background:#fcfcf8}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78936c;flex-shrink:0}.main{margin-left:240px;padding:0 46px;flex:1;min-width:0;max-width:1900px}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}.topbar>div{display:flex;align-items:center;gap:12px}.crumb{color:#8d9889}.top-note{display:flex;align-items:center;gap:7px;color:#74856e;font-size:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 0 28px}.eyebrow{font-size:9px;letter-spacing:1.65px;color:#8c967e;font-weight:650;display:block;margin-bottom:11px}.page-heading p{margin-top:11px}.button{border:1px solid #dce3d8;background:#fff;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:550;border-radius:7px;line-height:1.35;white-space:nowrap;transition:background .15s,transform .15s}.button:hover:not(:disabled){background:#f0f4eb}.button.primary{background:var(--green);color:#fbfcf6;border-color:var(--green);box-shadow:0 3px 5px #1633200b}.button.primary:hover:not(:disabled){background:#1e4031}.button.danger{color:#fff;background:#a64d41;border-color:#a64d41}.button.danger-text{color:#ab6b5e}.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-button{border:0;background:transparent;display:inline-flex;justify-content:center;align-items:center;padding:8px;border-radius:6px;color:#7a8778}.icon-button.active,.icon-button:hover:not(:disabled){background:#e7ede3;color:var(--green)}.text-button{background:transparent;border:0;color:#55704c;font-size:11px;display:inline-flex;align-items:center;gap:8px;padding:5px 0;font-weight:550}.text-button:hover{color:#1f4735}.home-hero{background:#eaeede;min-height:315px;border:1px solid #e0e5d6;border-radius:13px;display:flex;overflow:hidden;position:relative}.hero-copy{padding:32px 40px;flex:1;z-index:2}.pill{display:inline-flex;align-items:center;gap:5px;background:#e8efe4;color:#5d7654;font-size:9px;letter-spacing:.25px;font-weight:550;border-radius:5px;padding:6px 9px;line-height:1.3}.hero-copy .pill{font-size:10px;background:#f3f5ea;border:1px solid #dbe4cf}.hero-copy h2{font-family:Georgia,serif;font-size:43px;line-height:1.2;letter-spacing:-1.5px;font-weight:400;color:#344c35;margin:19px 0 14px}.hero-copy p{color:#7a876d;font-size:12px;line-height:1.8}.hero-copy .button{margin-top:21px;padding:12px 17px}.hero-copy small{display:block;color:#92a083;font-size:10px;margin-top:12px}.hero-art{width:48%;position:relative;align-self:stretch;background:radial-gradient(ellipse at bottom left,#cfd9bd50,transparent 70%)}.hero-paper{position:absolute;top:35px;left:14px;background:#fffefa;width:329px;height:410px;padding:25px 15px;transform:rotate(7deg);box-shadow:0 10px 30px #41552d1e;border:1px solid #f6f5ee;overflow:hidden}.hero-paper .paper-canvas{width:300px!important;max-width:100%;box-shadow:none;border:none}.mini-page-title{font-size:7px;letter-spacing:1.7px;color:#a3a08d;margin:0 10px 10px}.hero-paper-note{position:absolute;bottom:59px;left:27px;font-size:7px;color:#969985}.paper-stack{position:absolute;width:315px;height:430px;left:33px;top:45px;background:#f7f6eb;transform:rotate(13deg);box-shadow:0 3px 6px #58633912}.art-badge{position:absolute;bottom:25px;right:25px;font-size:10px;color:#688059;background:#f7f9efed;border:1px solid #d6dfc9;border-radius:20px;padding:10px 12px;display:flex;align-items:center;gap:8px;z-index:4}.fallback-sample{display:flex;gap:0;flex-wrap:wrap;padding:35px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0 34px}.stats>div{display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:9px;padding:18px 23px;background:#fcfcf9}.stat-icon{background:#e9f0e3;width:43px;height:43px;border-radius:10px;color:#799069;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:19px}.stat-icon.tan{background:#f5eadc;color:#b69a72}.stat-icon.pale{background:#eaf0ea;color:#7d9785}.stats b{font-size:23px;font-weight:550;letter-spacing:-.8px}.stats small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#899181;margin-top:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 18px}.section-heading h2{font-size:18px;letter-spacing:-.3px}.section-heading p{margin-top:8px;font-size:12px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px}.profile-card{background:#fffefa;width:100%;border:1px solid var(--line);border-radius:10px;padding:20px;text-align:left;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}.profile-card:hover{border-color:#aebda0;transform:translateY(-2px)}.profile-card-top{display:flex;align-items:center;justify-content:space-between;color:#9aa18e}.pill.sand{background:#f3edde;color:#a28d66;font-size:8px;letter-spacing:.6px}.profile-sample{display:flex;align-items:center;justify-content:center;height:90px;margin:9px 0;background:repeating-linear-gradient(transparent,transparent 24px,#ebeae344 24px,#ebeae344 25px)}.profile-sample>span{font-family:Georgia,serif;font-style:italic;color:#a5ac9c;font-size:14px}.profile-sample>.variant-thumb{width:25%;max-width:65px;height:80px;object-fit:contain}.profile-card h3{font-size:13px;font-weight:550;margin:5px 0 13px}.profile-meta{display:flex;gap:20px;font-size:10px;color:#939b8b}.profile-meta>span+span:before{content:"·";margin-right:20px}.new-card{min-height:213px;border:1px dashed #cdd6c5;background:#f6f8f0;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#87997a}.new-card:hover{background:#edf2e5;border-color:#8ba47a}.new-card>span{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eaf0e0}.new-card b{font-size:12px;font-weight:550}.new-card small{font-size:10px;color:#97a38b}.doc-list{border:1px solid var(--line);background:#fcfcfa;border-radius:10px;overflow:hidden}.doc-row{display:flex;gap:15px;align-items:center;padding:16px 22px}.doc-row+.doc-row{border-top:1px solid #eaede4}.doc-open{display:flex;align-items:center;flex:1;gap:15px;border:0;background:transparent;text-align:left;padding:0}.doc-open b{font-size:12px;font-weight:550}.doc-open small{display:block;font-size:10px;color:#97a08d;margin-top:6px}.document-icon{height:41px;width:35px;border:1px solid #e2e5d6;border-radius:5px;color:#9aab87;display:flex;align-items:center;justify-content:center;background:#f5f7ee}.doc-date{font-size:10px;color:#9fa695;white-space:nowrap}.getting-started{display:flex;align-items:center;gap:15px;margin-top:25px;background:#edeedf73;border:1px solid #e3e6d5;border-radius:8px;padding:17px 20px;color:#8e9e78}.getting-started b{font-size:11px;font-weight:550}.getting-started p{font-size:10px;margin-top:5px;color:#929b81}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:44px;padding:23px 0 26px;font-size:9px;color:#a1a895}.footer>span:first-child{font-weight:600;letter-spacing:.5px}.footer small{font-size:9px;margin-right:auto;color:#adb39f}.card-actions{display:flex;align-items:center;gap:12px;margin:9px 10px;color:#8e9a86}.card-actions button,.card-actions a{background:none;border:0;font-size:10px;display:flex;gap:5px;align-items:center}.card-actions button:last-child{margin-left:auto}.info-box{display:flex;gap:13px;padding:18px 20px;margin-top:24px;border:1px solid #e3e8db;background:#f0f4e9;border-radius:8px;color:#869a74}.info-box>svg{flex-shrink:0}.info-box p{font-size:11px;line-height:1.7;color:#839377}.loading{min-height:60vh;display:flex;align-items:center;justify-content:center;gap:15px;color:#8a9a7a;font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{min-height:220px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#9cac8c;border:1px dashed #d9e1d0;border-radius:9px;margin:15px 0;background:#fafbf6}.empty h2{color:#617b53}.empty p{font-size:12px}.empty.compact{min-height:115px;margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15281f66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:100}.modal{width:670px;max-width:100%;max-height:90vh;overflow:auto;background:#fcfdf8;box-shadow:0 30px 90px #17341c40;border-radius:14px;padding:28px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal h2{font-size:21px}.modal>p{margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.modal-actions.wide{justify-content:space-between}.field{display:block;margin-bottom:17px}.field>span{font-size:11px;color:#7d8c73;font-weight:550;display:block;margin-bottom:8px}.field>small{color:#98a18e;display:block;margin-top:7px;font-size:10px}.field input:not([type=color]),.field select,.field textarea,.character-panel select,.connection-add>input,.rename-form input{width:100%;padding:10px 11px;border:1px solid #dce3d5;border-radius:6px;background:#fffefa;color:#405837;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#93aa82;outline-offset:2px}.field textarea{resize:vertical;min-height:238px;line-height:1.85}.field select{cursor:pointer}.toast{position:fixed;bottom:25px;left:calc(50% + 80px);transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:16px 18px;box-shadow:0 8px 45px #142b2230;background:#fcfff8;color:#3f6233;border:1px solid #bfd2ae;border-radius:9px;font-size:12px;max-width:min(650px,90vw);z-index:110}.toast>span{display:flex}.toast>button{border:0;background:transparent;color:inherit;margin-left:10px;display:flex;align-items:center}.toast.error{background:#fff8f5;border-color:#e0b5a9;color:#9b5144}.workspace-heading{padding:30px 0 24px;display:flex;align-items:center;gap:15px}.workspace-heading h1{font-size:26px;display:flex;gap:10px;align-items:center}.workspace-heading .eyebrow{font-size:8px;margin-bottom:8px}.save-area{display:flex;align-items:center;gap:12px;margin-left:auto}.save-status{font-size:10px;color:#b09260;display:flex;align-items:center;gap:6px;white-space:nowrap}.save-status>.status-dot{background:#b7a06d}.save-status.saved{color:#7b9270}.save-status.saved>.status-dot{background:#879e75}.rename-form{display:flex;gap:6px}.demo-notice{display:flex;align-items:center;gap:10px;border:1px solid #e3dcc8;background:#f4eedf;border-radius:6px;font-size:11px;color:#a49673;padding:11px 14px;margin-bottom:22px}.tabs{display:flex;border-bottom:1px solid #dae2d2;gap:28px;margin-bottom:24px}.tabs>button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:13px 0;font-size:12px;font-weight:500;color:#95a189;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs>button.active{border-color:var(--green);color:var(--green);font-weight:600}.progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.progress-grid>button{background:#fbfcf8;padding:14px 15px;border:1px solid var(--line);border-radius:7px}.progress-grid span{display:flex;justify-content:space-between;font-size:10px;color:#91a182}.progress-grid b{font-weight:500;color:#637d53}.progress-grid i{height:4px;display:block;background:#e9eddf;border-radius:3px;margin-top:10px;overflow:hidden}.progress-grid em{display:block;height:100%;background:#a5b795;border-radius:3px}.record-layout{display:grid;grid-template-columns:minmax(0,1fr) 237px;gap:24px}.record-main{background:#fcfdf8;border:1px solid var(--line);padding:26px;border-radius:10px}.capture-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.capture-title .eyebrow{font-size:8px;margin-bottom:9px}.capture-title h2{font-size:22px}.capture-title h2 strong{font-weight:550;color:#ad8856}.capture-title .pill{font-size:9px}.capture-help{font-size:11px;line-height:1.75;margin:15px 0 20px;color:#98a18d;max-width:530px}.capture-surface{position:relative;border:1px solid #dfe5d8;border-radius:7px;overflow:hidden;box-shadow:inset 0 1px 3px #28431905}.capture-surface canvas{display:block;width:100%;aspect-ratio:640/260;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.paused-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#edf3e1c9;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#839773;font-size:12px;pointer-events:none}.capture-toolbar{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.capture-toolbar .button{padding:9px 10px;font-size:10px}.capture-options{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0 5px;font-size:9px;color:#99a68d}.capture-options>label{display:flex;align-items:center;gap:6px}.capture-options input{width:12px;height:12px}.capture-options .text-button{font-size:10px}.record-main .section-heading{border-top:1px solid var(--line);padding-top:22px}.record-main h3{font-size:13px}.variant-grid{display:flex;gap:10px;flex-wrap:wrap}.variant-card{border:1px solid #e0e6d9;background:#fffefa;border-radius:7px;overflow:hidden;padding:0;width:115px;transition:border .15s}.variant-card:hover{border-color:#92aa7b}.variant-thumb{display:block;width:100%;height:auto;object-fit:contain}.variant-card .variant-thumb{height:76px;padding:4px}.variant-card>span{display:block;text-align:left;font-size:9px;padding:10px;border-top:1px solid #e9ecdf;color:#7f9471}.variant-card small{display:block;color:#a5ad9b;font-size:8px;margin-top:4px}.tip{display:flex;align-items:center;gap:12px;margin-top:20px;border:1px solid #e6e4d1;border-radius:7px;background:#f8f5e9;padding:13px 15px;color:#af9a6c}.tip p{color:#9a967b;font-size:10px;line-height:1.65}.character-panel{border:1px solid var(--line);border-radius:10px;padding:22px 18px;background:#fafcf5;align-self:start}.character-panel h3{font-size:13px;margin-bottom:16px}.character-panel select{font-size:11px;background:#f8faf2}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:17px 0}.character-grid>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:48px;border:1px solid #e2e8d7;background:#fcfdf7;border-radius:6px;font-size:15px;color:#a4b493}.character-grid small{font-size:7px;margin-top:3px;color:#acb99b}.character-grid .has-variants{background:#eaf0e1;border-color:#dce6cf;color:#6f885b}.character-grid .selected{background:var(--green);border-color:var(--green);color:#fff}.character-grid .selected small{color:#bad0a9}.character-legend{display:flex;gap:10px;font-size:8px;color:#99a78b}.character-legend span{display:flex;align-items:center;gap:4px}.character-legend i{display:block;width:6px;height:6px;border-radius:50%;background:#b3c89c}.character-legend span+span i{background:#e2e8d7}.custom-character{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.custom-character .field>span{font-size:9px}.custom-character .field input{font-size:10px;padding:9px}.custom-character .button{font-size:10px;width:100%;padding:9px}.small-help{display:block;font-size:10px;color:#99a48c;line-height:1.75}.character-panel .small-help{margin-top:20px}.library{background:#fbfcf7;border:1px solid var(--line);border-radius:10px;padding:25px}.library .section-heading{margin:0 0 25px}.search{display:flex;gap:7px;align-items:center;background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:6px;color:#9fae8e}.search input{border:0;background:none;outline:none;width:130px;font-size:11px;color:#627c52}.library-row{display:flex;gap:25px;padding:17px 0;border-top:1px solid #e3e8d9}.library-symbol{width:85px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}.library-symbol>b{font-family:Georgia,serif;font-size:30px;font-weight:400;color:#829d69}.library-symbol small{font-size:9px;color:#a0b28e}.library-symbol .text-button{font-size:9px}.connections .section-heading{margin-top:0}.connection-add{display:flex;gap:12px;max-width:700px;margin:24px 0}.connection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.connection-card{border:1px solid var(--line);border-radius:8px;background:#fcfdf8;padding:20px}.connection-card-title{display:flex;justify-content:space-between;align-items:center}.connection-card-title>b{font-size:23px;font-family:Georgia,serif;font-weight:400;color:#688954}.connection-card>.variant-thumb{height:110px}.connection-card>p{height:110px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#a7b69b}.connection-card .button{font-size:10px;padding:9px}.connection-card .button-row{gap:5px}.connection-card .field>span{font-size:10px}.variant-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:23px}.variant-comparison>div{border:1px solid var(--line);background:#fffefa;border-radius:7px;padding:14px 12px}.variant-comparison span{font-size:9px;color:#94a286;display:block;text-align:center}.variant-comparison canvas{height:135px}.editor-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.editor-fields:has(>.field:nth-child(2):last-child){grid-template-columns:1fr 1fr}.range-field{display:block;margin:0 0 18px}.range-field>span{display:flex;justify-content:space-between;font-size:11px;color:#7e926f;margin-bottom:10px}.range-field b{font-size:10px;color:#81976f;font-weight:500}.range-field input{width:100%;height:4px;display:block;cursor:pointer}.context-checks{border:1px solid var(--line);border-radius:7px;padding:16px;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:12px}.context-checks legend{font-size:11px;color:#7d946c;padding:0 7px}.context-checks legend small{font-size:9px;color:#a6b698;margin-left:10px}.context-checks label{display:flex;align-items:center;gap:6px;font-size:10px;color:#899d78}details{margin-bottom:18px;border-bottom:1px solid #e4e8db;padding-bottom:13px}summary{font-size:11px;color:#7e966b;cursor:pointer}details p{margin-top:12px}details>div{margin-top:15px}.anchor-controls{display:flex;gap:15px;align-items:center;font-size:10px;color:#8c9e7c;margin-top:12px}.anchor-controls input[type=number]{width:70px;border:1px solid var(--line);border-radius:4px;padding:5px;margin-left:6px}.editor-heading{padding-bottom:25px}.editor-heading h1{font-size:30px}.editor-heading .save-status{font-size:9px;margin-right:8px}.editor-heading .button{padding:10px 12px;font-size:10px}.document-layout{display:grid;grid-template-columns:308px minmax(0,1fr);gap:22px;align-items:start}.input-panel{background:#fcfdf8;border:1px solid var(--line);border-radius:10px;padding:23px 21px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#7e9470}.panel-title h2{font-size:16px;color:#587044}.input-panel .field{margin-bottom:15px}.input-panel .field>span{font-size:10px}.input-panel .field>input,.input-panel .field>select{font-size:11px}.input-panel textarea{min-height:235px;font-size:11px!important;line-height:1.9;background:#fffefb!important}.text-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a4b297;margin-top:-7px}.text-meta .text-button{font-size:9px}.coverage{display:flex;align-items:center;gap:7px;font-size:10px;color:#a3a680;margin:14px 0}.coverage.good{color:#839d6e}.missing-box{background:#fcf1e4;border:1px solid #ecd9ba;border-radius:6px;padding:12px;margin-top:15px}.missing-box>b{font-size:10px;color:#a38a5f}.missing-box p{font-size:9px;color:#b39e7c;margin:5px 0 8px}.missing-box>div{display:flex;flex-wrap:wrap;gap:5px}.missing-box button{background:#fffefa;border:1px solid #e4d7bd;border-radius:4px;font-size:13px;padding:5px 7px;display:flex;align-items:center;gap:3px;color:#a28756}.generate-button{width:100%;margin-top:5px;font-size:11px}.version-hint{display:block;font-size:9px;color:#9fad90;line-height:1.65;margin-top:10px}.settings-toggle{border:0;background:none;border-top:1px solid var(--line);width:100%;display:flex;align-items:center;gap:9px;padding:20px 0 2px;margin-top:22px;font-size:11px;color:#789365;text-align:left;font-weight:550}.settings-toggle>svg:last-child{margin-left:auto;transition:transform .15s}.settings-toggle .rotate{transform:rotate(90deg)}.settings-panel{display:none}.settings-panel.open{display:block}.settings-subtitle{font-size:8px;letter-spacing:1.4px;color:#a2b293;font-weight:600;margin:23px 0 16px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.two-fields .field input{padding:9px;font-size:10px}.settings-panel .field select{font-size:10px}.settings-panel .range-field>span{font-size:10px}.settings-panel .field>span{font-size:10px}.color-field{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:6px 9px;border-radius:5px;background:#fffefa;font-size:11px;color:#8ea07d}.color-field input{width:27px;height:25px;border:0;background:none;padding:0;cursor:pointer}.checkboxes{display:grid;gap:10px;margin:19px 0}.checkboxes label{display:flex;align-items:center;gap:6px;font-size:10px;color:#8da37d}.seed-field{display:flex;gap:7px}.seed-field input{width:100%;min-width:0}.seed-field .button{padding:8px 10px}.preview-panel{border:1px solid #dfe5d7;border-radius:10px;overflow:hidden;background:#e9eee4;position:sticky;top:15px}.preview-toolbar{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe3d1;background:#fbfcf7;gap:8px}.preview-toolbar .button-row{gap:3px}.preview-toolbar .icon-button{padding:7px}.toolbar-divider{height:18px;border-left:1px solid #dfe7d6;margin:0 6px}.zoom-controls{display:flex;align-items:center;gap:3px}.zoom-number{font-size:10px;padding:5px;color:#97a38b;border:0;background:none;white-space:nowrap}.preview-notice{padding:10px 16px;background:#f7efdc;border-bottom:1px solid #e6dabd;color:#a79064;font-size:10px;line-height:1.6}.preview-scroll{overflow:auto;max-height:690px;min-height:450px;height:calc(100vh - 285px);scrollbar-width:thin;scrollbar-color:#c5d0b9 transparent}.page-stage{width:max-content;min-width:100%;padding:28px 32px 35px;text-align:center}.page-label{font-size:8px;color:#a1ad96;letter-spacing:1.4px;display:block;margin-bottom:17px}.paper-canvas{display:block;box-shadow:0 5px 14px #384e2520;background:#fff;border:1px solid #dfe4d4;margin:0 auto}.paper-canvas.editable{touch-action:none;cursor:grab}.paper-canvas.editable.eraser{cursor:crosshair}.paper-canvas.editable:active{cursor:grabbing}.preview-empty{height:100%;min-height:450px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;color:#aab79b;text-align:center;padding:30px}.preview-empty>span{width:75px;height:90px;display:flex;align-items:center;justify-content:center;background:#f7f9f1;border-radius:6px;box-shadow:0 5px 20px #2b3c2020;transform:rotate(-5deg);margin-bottom:7px}.preview-empty h2{font-family:Georgia,serif;font-size:22px;color:#879c75;font-weight:400}.preview-empty p{font-size:11px;color:#a2af95;line-height:1.8}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f9fbf5;border-top:1px solid #dce5d2;padding:10px 13px}.preview-footer>span{font-size:9px;color:#9eae90;line-height:1.5}.page-nav{display:flex;align-items:center;gap:6px;white-space:nowrap}.page-nav b{font-size:10px;color:#8fa080;font-weight:500}.page-nav .icon-button{padding:5px}.page-thumbnails{display:flex;gap:13px;padding:15px 20px;border-top:1px solid #dce5d2;background:#f4f7ec;overflow:auto;max-height:145px}.page-thumbnails>button{position:relative;flex-shrink:0;border:1px solid #e0e7d4;background:none;border-radius:4px;padding:5px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:58px;font-size:8px;color:#a6b699}.page-thumbnails>button.active{border-color:#8aab70;background:#e9f0de}.page-thumbnails .paper-canvas{box-shadow:none;border:0}.layout-warning{background:#f4efdf;color:#a4936e;font-size:10px;padding:10px 15px;border-top:1px solid #e3dcc8}.editor-bottom-note{display:flex;align-items:center;gap:10px;margin-top:20px;color:#a7b495;font-size:9px;line-height:1.7}.editor-bottom-note>svg{flex-shrink:0}.editor-bottom-note>a{margin-left:auto;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;color:#86a16f}@media (min-width: 1600px){.main{padding:0 60px}.document-layout{grid-template-columns:360px minmax(0,1fr)}.hero-art{width:50%}.hero-paper{left:70px}.paper-stack{left:90px}.record-layout{grid-template-columns:minmax(0,1fr) 285px}.character-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 1180px){.sidebar{width:207px;padding-left:15px;padding-right:15px}.brand{font-size:17px;gap:8px}.brand small{font-size:6px}.brand-icon{width:37px;height:41px}.main{margin-left:207px;padding:0 28px}.page-heading h1{font-size:29px}.home-hero .hero-copy{padding:28px}.hero-copy h2{font-size:36px}.hero-paper{left:0;top:50px;width:290px}.hero-art{width:45%}.art-badge{right:13px;font-size:8px;bottom:22px}.stats>div{padding:16px;gap:10px}.record-layout{grid-template-columns:minmax(0,1fr) 200px;gap:17px}.record-main{padding:20px}.character-panel{padding:19px 14px}.character-grid{grid-template-columns:repeat(4,1fr)}.capture-title .pill{font-size:8px}.capture-toolbar{flex-wrap:wrap}.document-layout{grid-template-columns:280px minmax(0,1fr);gap:16px}.input-panel{padding:20px 18px}.editor-heading .button-row .save-status{display:none}.preview-toolbar{padding:10px;flex-wrap:wrap}.preview-toolbar .icon-button{padding:5px}.preview-footer>span{max-width:200px}.workspace-heading h1{font-size:23px}.save-area{flex-direction:column;align-items:flex-end;gap:7px}.footer,.footer small{font-size:8px}}@media (max-width: 980px){.sidebar{width:72px;padding:25px 12px 18px}.brand{justify-content:center;margin-bottom:40px}.brand>span:last-child,.sidebar-label,.sidebar-create,nav>button>span{display:none}nav>button{font-size:0;padding:14px 12px;gap:0;justify-content:center}nav>button>svg{width:22px;height:22px}.main{margin-left:72px;padding:0 25px}.topbar{height:65px}.page-heading{padding-top:30px}.hero-art{width:45%}.home-hero{min-height:310px}.record-layout{grid-template-columns:minmax(0,1fr) 213px}.toast{left:50%}.document-layout{grid-template-columns:275px minmax(0,1fr)}.progress-grid span{font-size:9px}.hero-copy h2{font-size:39px}.capture-title{align-items:flex-start;flex-direction:column}.workspace-heading{gap:7px}.workspace-heading h1{font-size:21px}.preview-panel{top:10px}.preview-scroll{height:calc(100vh - 250px)}.editor-heading h1{font-size:25px}}@media (max-width: 760px){.sidebar{position:sticky;top:0;width:100%;height:61px;flex-direction:row;align-items:center;padding:10px 18px;border-right:0;border-bottom:1px solid var(--line);gap:18px}.brand{margin:0}.brand-icon{height:35px;width:32px;border-radius:8px}.brand-icon svg{width:19px}.brand>span:last-child{display:block;font-size:15px}.brand small{display:none}nav{display:flex;margin-left:auto;gap:5px}nav>button{padding:9px 10px}nav>button>svg{width:18px;height:18px}.app-shell{display:block}.main{margin:0;padding:0 20px}.topbar{height:46px;font-size:9px}.top-note{font-size:8px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;padding:25px 0}.page-heading h1{font-size:27px}.eyebrow{font-size:8px}.page-heading p{font-size:12px}.page-heading .button{font-size:11px;padding:10px 13px}.home-hero{min-height:350px}.hero-copy{padding:25px!important;width:65%;flex:none}.hero-copy h2{font-size:33px;margin-top:20px}.hero-copy p{font-size:10px}.hero-copy .button{padding:11px 13px;font-size:10px}.hero-copy small{font-size:8px;width:180px;line-height:1.6}.hero-art{width:35%}.hero-paper{left:0;top:95px;width:220px;padding:15px 10px}.hero-paper .paper-canvas{width:200px!important}.paper-stack{left:30px;top:100px;width:210px}.mini-page-title{font-size:5px;letter-spacing:1px}.art-badge{display:none}.stats{gap:8px;margin:18px 0 25px}.stats>div{padding:14px 12px;gap:8px;flex-direction:column;align-items:flex-start}.stat-icon{height:27px;width:29px;border-radius:7px}.stat-icon svg{width:15px}.stats b{font-size:20px}.stats small{font-size:8px}.section-heading h2{font-size:16px}.section-heading .text-button{font-size:10px}.profile-grid{grid-template-columns:1fr 1fr;gap:12px}.profile-card{padding:15px}.profile-card h3{font-size:11px}.profile-meta{gap:7px;font-size:8px}.profile-meta>span+span:before{margin-right:7px}.profile-card-top .pill{font-size:6px;padding:5px 6px}.profile-card-top>svg{width:12px}.profile-sample{height:72px}.new-card{min-height:187px}.new-card b{font-size:10px}.new-card small{font-size:8px}.doc-row{padding:14px;gap:9px}.doc-open{gap:10px}.doc-open b{font-size:11px}.doc-date{font-size:8px}.document-icon{width:28px;height:34px}.document-icon svg{width:19px}.getting-started{padding:14px}.getting-started b{font-size:10px}.getting-started p{font-size:9px}.footer{flex-wrap:wrap;gap:10px;margin-top:28px}.footer>span:last-child{font-size:7px}.record-layout{display:flex;flex-direction:column}.character-panel{order:-1;padding:16px}.character-panel h3{display:none}.character-panel select{max-width:190px}.character-grid{display:flex;overflow:auto;padding-bottom:5px;margin:12px 0 6px}.character-grid>button{min-width:37px;height:43px}.character-legend,.character-panel>.small-help{display:none}.custom-character{border:0;padding:0;margin-top:10px;display:flex;gap:8px;align-items:flex-end}.custom-character .field{margin:0;flex:1}.custom-character .field>span{font-size:8px;margin-bottom:6px}.custom-character .button{width:auto;height:33px}.workspace-heading{flex-wrap:wrap;padding-top:22px}.workspace-heading h1{font-size:20px}.workspace-heading .eyebrow{font-size:7px}.save-area{flex-direction:row;margin-left:0;width:100%;justify-content:flex-end}.save-area .button{font-size:10px;padding:8px 11px}.tabs{gap:19px;margin-bottom:18px;overflow:auto}.tabs>button{font-size:10px;white-space:nowrap}.tabs>button svg{width:15px}.progress-grid{gap:6px;margin-bottom:18px}.progress-grid>button{padding:10px 7px}.progress-grid span{font-size:7px;flex-direction:column;gap:5px}.progress-grid b{font-size:8px}.demo-notice{font-size:9px;line-height:1.6}.record-main{padding:18px}.capture-title{flex-direction:row;align-items:center}.capture-title h2{font-size:21px}.capture-help{font-size:10px}.capture-surface canvas{aspect-ratio:640/300}.capture-toolbar .button{font-size:9px;padding:9px}.capture-options{font-size:8px;flex-wrap:wrap}.variant-card{width:95px}.variant-card .variant-thumb{height:66px}.library{padding:17px}.library .section-heading{align-items:flex-start;flex-direction:column}.search,.search input{width:100%}.library-row{gap:10px}.library-symbol{width:55px}.library-symbol b{font-size:25px}.library-symbol small,.library-symbol .text-button{font-size:8px}.connection-add{flex-direction:column}.connection-add>input{font-size:11px}.connection-grid{grid-template-columns:1fr 1fr;gap:10px}.connection-card{padding:14px}.connection-card-title>b{font-size:21px}.connection-card .button-row .button{font-size:8px;padding:8px}.modal{padding:21px}.modal-header h2{font-size:19px}.modal-backdrop{padding:15px}.variant-comparison{gap:9px}.variant-comparison>div{padding:10px}.variant-comparison span{font-size:8px}.variant-comparison canvas{height:100px}.editor-fields{gap:10px}.editor-fields .field>span{font-size:9px;line-height:1.5}.editor-fields .field>input{font-size:11px}.modal-actions.wide{flex-wrap:wrap}.context-checks{gap:9px;padding:13px}.context-checks label{font-size:9px}.document-layout{display:flex;flex-direction:column;gap:20px}.input-panel{width:100%;padding:20px}.input-panel textarea{min-height:190px;font-size:12px!important}.editor-heading .button-row{width:100%;gap:6px}.editor-heading .button-row .button{flex:1;font-size:10px}.preview-panel{position:relative;top:auto;width:100%}.preview-toolbar{flex-wrap:nowrap;padding:10px}.preview-toolbar .icon-button{padding:5px}.preview-toolbar .icon-button svg{width:16px}.zoom-controls .icon-button svg{width:15px}.toolbar-divider{margin:0 3px}.preview-scroll{height:530px;min-height:380px;max-height:65vh}.page-stage{padding:22px 24px}.preview-footer>span{font-size:8px}.preview-footer{gap:8px}.editor-bottom-note{font-size:8px;flex-wrap:wrap}.editor-bottom-note>a{margin-left:27px}.settings-panel{display:none}.settings-panel.open{display:block}.editor-heading h1{font-size:27px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 760px){.custom-character .field{min-width:0}.custom-character .button{flex-shrink:0}.capture-surface canvas{aspect-ratio:640/260}}.layout-details{margin:16px 0;border-top:1px solid #e0e5dc;padding-top:12px}.layout-details>summary{cursor:pointer;font-size:12px;font-weight:650;padding:8px 0}.layout-details .field{margin:12px 0}.layout-details .heading-input{min-height:65px}.inline-check{display:flex;align-items:center;gap:8px;font-size:11px;margin:12px 0}.inline-check input{width:auto;accent-color:#365745}.table-card{padding:12px;background:#f8faf5;border:1px solid #e0e5dc;border-radius:8px;margin:12px 0}.layout-card-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}.table-cell-scroll{overflow-x:auto;margin:12px 0}.table-cell-grid{display:grid;gap:4px}.table-cell-grid textarea{min-height:54px;width:100%;resize:vertical;font-size:11px;padding:6px;border:1px solid #d7dfd2;border-radius:4px;background:#fff}.paper-canvas.reserve{cursor:crosshair}.capture-surface+.range-field{margin-top:14px}.blocks-editor{margin:20px 0 10px}.blocks-intro{display:flex;flex-direction:column;gap:6px;font-size:12px}.blocks-intro small{font-size:11px;line-height:1.6;color:#73846c}.content-block{background:#f8faf5;border:1px solid #e0e5dc;border-radius:9px;padding:12px;margin-top:12px}.content-block .block-text{width:100%;min-height:140px;padding:10px;font:inherit;font-size:12px;line-height:1.65;border:1px solid #d7dfd2;border-radius:6px;resize:vertical;margin-top:10px;background:#fff}.block-character-count{display:block;text-align:right;font-size:10px;color:#73846c;margin-top:4px}.block-add{display:flex;gap:18px;padding:12px 0 0;border-top:1px dashed #d7dfd2}.block-add button{display:inline-flex;align-items:center;gap:4px}.content-block .field{margin:12px 0}.content-block .layout-card-heading .button-row{gap:2px}.input-panel,.preview-toolbar{min-width:0;margin:0}.preview-toolbar{border:0;border-bottom:1px solid #dfe5d7}.input-panel:disabled{opacity:.7}.blocks-editor>summary{font-size:12px}.auth-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#faf8f3}.auth-story{background:#264c40;color:#f7f4ea;padding:42px 10%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:650;color:inherit;text-decoration:none}.auth-story-copy{padding:56px 0 30px;max-width:440px}.auth-story .tiny-eyebrow{color:#c2d4bb;letter-spacing:.15em}.auth-story h1{font-family:Georgia,serif;font-size:clamp(38px,4.5vw,64px);font-weight:400;line-height:1.13;margin:20px 0}.auth-story p{color:#d0dfd5;font-size:16px;line-height:1.8;max-width:350px}.auth-story>small{display:flex;align-items:center;gap:9px;color:#d0dfd5;line-height:1.5}.auth-paper{background:repeating-linear-gradient(#f7f2e6,#f7f2e6 31px,#d0d5cc 32px);color:#365347;padding:43px 30px 35px;margin:32px 0 20px;width:290px;max-width:100%;box-shadow:0 18px 40px #102b2838;transform:rotate(-5deg);display:flex;align-items:end;justify-content:space-between}.auth-paper span{font:italic 25px/32px Georgia,serif}.auth-entry{padding:56px 12%;display:flex;align-items:center;justify-content:center}.auth-entry-inner{width:100%;max-width:410px}.auth-entry-icon{width:62px;height:62px;display:grid;place-items:center;background:#e8eee5;color:#315d50;border-radius:19px;margin-bottom:28px}.auth-entry h2{font:400 clamp(28px,3vw,38px)/1.2 Georgia,serif;color:#263f35;margin:16px 0}.auth-entry p{color:#69756c;line-height:1.75;margin:0 0 28px}.auth-action{width:100%;justify-content:center;margin-top:12px;min-height:48px;text-decoration:none}.auth-setup{padding-left:20px;color:#53675a;font-size:14px;line-height:1.7}.auth-setup li{margin:9px 0;padding-left:4px}.account-control{display:flex;align-items:center;gap:10px;margin:24px 0 12px;font-size:13px;color:#d4e0d4}@media (max-width: 760px){.auth-page{grid-template-columns:1fr}.auth-story{padding:24px 8%}.auth-story-copy{padding:24px 0 12px}.auth-story h1{font-size:38px}.auth-story-copy>p,.auth-paper,.auth-story>small{display:none}.auth-entry{padding:36px 8% 48px}.auth-entry-inner{max-width:480px}}.capture-input-choice{border:0;padding:0;margin:0 0 14px;min-width:0}.capture-input-choice legend{font-size:12px;font-weight:600;margin-bottom:8px}.capture-input-buttons{display:flex;flex-wrap:wrap;gap:8px}.capture-input-buttons label{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce3d8;border-radius:8px;min-height:44px;padding:8px 13px;background:#fff;font-size:12px;cursor:pointer}.capture-input-buttons label.selected{background:#edf3e9;border-color:var(--green);color:var(--green)}.capture-input-buttons input{width:16px;height:16px;accent-color:var(--green);margin:0}.capture-input-buttons label:focus-within{outline:2px solid var(--green);outline-offset:2px}.capture-input-choice .small-help{margin:8px 0 0}.capture-workbench .capture-toolbar{position:sticky;top:12px;z-index:2;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin:0;padding:8px 0;background:#fcfdf8}.capture-workbench .capture-toolbar .button,.capture-secondary-actions .button{min-height:44px;font-size:12px;padding:10px 12px}.capture-secondary-actions{margin-top:10px}.capture-secondary-actions+.range-field{margin-top:16px}@media (max-width: 760px){.capture-workbench .capture-toolbar{top:68px;gap:6px}.capture-workbench .capture-toolbar .button{font-size:11px;padding:10px 9px;white-space:normal}}@media (max-width: 980px){.capture-workbench .capture-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.capture-workbench .capture-toolbar .button{min-width:0;white-space:normal;padding:10px 8px;font-size:11px}.capture-workbench .capture-toolbar .button svg{flex-shrink:0}}@media (max-width: 760px){.record-layout .character-panel{align-self:stretch;min-width:0;max-width:100%}}.legal-links{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px}.legal-links a{color:inherit;text-decoration:underline;text-underline-offset:4px}.legal-links a:focus-visible{outline:2px solid var(--green, #315d50);outline-offset:5px}.auth-entry-inner>.legal-links{margin-top:30px}.footer{flex-wrap:wrap;gap:12px 24px}