@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(./dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(./dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(./dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(./manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(./manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(./manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(./manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(./manrope-latin-800-normal-BfWYOv1c.woff2) format("woff2"),url(./manrope-latin-800-normal-uHUdIJgA.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#2c2825;background:#f6f5f1;font-synthesis:none;--line: #e4e0dd;--muted: #8e8885;--accent: #efc9b7;--ink: #f0ded2}*{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;border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8e5b3e}a{text-decoration:none;color:inherit}button{transition:background .16s,color .16s,box-shadow .16s}button:hover:not(:disabled){filter:brightness(.97)}.app-shell{max-width:1900px;margin:auto}.app-header{height:88px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;background:#fbfaf7}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand>img{width:35px;height:35px}.brand>span:first-of-type{font-family:Manrope,sans-serif;font-weight:800;font-size:27px;letter-spacing:-1.5px}.brand-dot{color:#a76d4b}.brand-divider{height:24px;width:1px;background:var(--line);margin:0 7px}.brand-caption{font-size:11px;color:#857e7a;letter-spacing:.1px}.main-nav{display:flex;align-items:center;gap:7px}.main-nav>button{padding:11px 16px;display:flex;align-items:center;gap:8px;font-size:13px;color:#827c78;border-radius:7px}.main-nav>button.active{background:#ece7e4;color:#46372e}.count-badge{background:#dfd1c9;padding:1px 5px;border-radius:4px;font-size:10px}.header-actions{display:flex;align-items:center;gap:17px}.language-control{display:flex;align-items:center;gap:7px;color:#7a7471}.language-control select{border:0;background:transparent;font-size:12px;max-width:95px;padding:6px 0}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:6px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-weight:600;font-size:12px;padding:12px 17px;border-radius:6px}.primary{background:var(--ink);color:#704a36}.secondary{background:#fff;border:1px solid var(--line)}.new-button{padding:11px 15px}.workspace-top{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:11px}.workspace-top>div{display:flex;gap:12px;align-items:center}.workspace-breadcrumb{display:flex;gap:12px;align-items:center;color:#99928e}.local-status{display:flex;align-items:center;gap:8px;color:#877c75;font-size:10px}.local-status i{width:5px;height:5px;background:#a78b7b;border-radius:50%}.workspace{display:grid;grid-template-columns:306px minmax(360px,1fr) 274px;gap:0;margin:0 24px;border:1px solid #dfd9d5;background:#fff;border-radius:10px;overflow:hidden;min-height:685px;box-shadow:0 9px 35px #39302b04}.panel{padding:25px 23px;background:#fdfcf9;min-width:0}.editor-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:center;color:#938b86}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:650}.panel h2{font-family:Manrope,sans-serif;font-size:20px;font-weight:750;letter-spacing:-.7px;margin:16px 0 5px}.muted{color:#908985;font-size:12px;line-height:1.6}.panel-intro{font-size:10px;margin:0 0 22px}.content-tabs{display:flex;justify-content:space-between;gap:3px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.content-tabs button{padding:9px 7px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#918985;border:1px solid transparent;border-radius:6px;min-width:41px}.content-tabs span{font-size:9px}.content-tabs .active{background:#f1eae6;border-color:#dfcdc2;color:#624433}.field{display:flex;flex-direction:column;gap:8px;min-width:0;margin-bottom:17px}.field label,.control-section>label,.label-row>label{font-size:10px;font-weight:600;color:#6b615b}.field input,.field select,.field textarea,.settings-row select{width:100%;padding:10px 11px;border:1px solid #e5dfdc;border-radius:5px;background:#fff;color:#554d48;font-size:11px}.field input{height:36px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b4927e}.field-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.field select{height:36px;padding:7px 8px}.label-row{display:flex;justify-content:space-between;align-items:center;gap:5px}.label-row>span{font-size:9px;color:#9c938e}.content-field{margin-bottom:0;flex:1}.content-field textarea{resize:vertical;min-height:245px;flex:1;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.95;padding:12px;background:#f7f4f2;-moz-tab-size:2;tab-size:2}.content-field textarea.prose{font-family:DM Sans,sans-serif;font-size:12px}.input-hint{font-size:9px;color:#998f89;line-height:1.7;display:flex;align-items:center;gap:5px;margin:10px 0 17px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:500;color:#806e64;padding:6px 0}.sample-button{border:1px dashed #ded4ce;padding:11px;border-radius:5px;width:100%;font-size:10px}.sample-button svg:last-child{margin-left:auto}.editor-note{font-size:9px;color:#9e9691;display:flex;align-items:center;justify-content:center;gap:7px;padding-top:20px}.canvas-panel{min-width:0;display:flex;flex-direction:column;background:#f4f1ef}.canvas-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e7e2df}.canvas-toolbar>div{display:flex;align-items:center;gap:8px}.canvas-toolbar strong{font-size:10px;font-weight:550}.live-dot{width:5px;height:5px;background:#956c55;border-radius:50%}.preview-type{font-size:8px;border:1px solid #e2dbd7;color:#988c85;border-radius:4px;padding:3px 6px;margin-left:3px}.preview-stage{flex:1;min-height:385px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#b7a9a145 .75px,transparent .75px);background-size:13px 13px}.scaled-card{box-shadow:0 18px 35px #3a2b2317}.share-card{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;text-rendering:optimizeLegibility}.art-content{width:100%;position:relative;min-width:0}.art-window{width:100%;overflow:hidden;background:#fffdfa;color:#413a35;line-height:1.65;min-height:120px}.art-window.shadow{box-shadow:0 28px 65px -16px #182b3b66,0 4px 16px #17242226}.art-window.light{background:#fff;color:#372c25}.window-bar{height:57px;display:flex;justify-content:space-between;align-items:center;color:#8c9a9d;font-family:IBM Plex Mono,monospace;font-size:14px;padding:0 24px;border-bottom:1px solid #ffffff05}.traffic{display:flex;gap:8px}.traffic i{width:11px;height:11px;border-radius:50%;background:#ef7b70}.traffic i:nth-child(2){background:#eac16b}.traffic i:nth-child(3){background:#c6a08a}.window-spacer{width:49px}.code-body{padding:14px 28px 30px}.art-window.minimal .code-body{padding-top:30px}.terminal-body{font-family:IBM Plex Mono,monospace;font-size:inherit;padding:14px 30px 30px;white-space:pre-wrap;overflow-wrap:anywhere;color:#d9baa8;margin:0;line-height:1.9}.light .terminal-body{color:#6d4832}.diff-body{font-family:IBM Plex Mono,monospace;padding:20px 0 32px;white-space:pre-wrap;overflow-wrap:anywhere}.diff-body>div{padding:0 25px;min-height:1.8em}.diff-number{display:inline-block;width:35px;opacity:.4;font-size:.85em}.added{background:#bc8b6f20;color:#dabaa8}.removed{background:#eb7e6e20;color:#f39991}.light .added{color:#69432d}.light .removed{color:#b34141}.tweet-body{padding:30px 40px 38px;font-size:1.5em}.tweet-author{display:flex;gap:18px;align-items:center}.avatar{background:#e5cfc3;color:#42332a;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font-size:40px}.tweet-author strong{font-size:.8em;display:block}.tweet-author small{font-size:.6em;display:block;opacity:.5}.tweet-symbol{margin-left:auto;font-size:1.2em}.tweet-body p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:30px 0}.tweet-footer{font-size:.6em;opacity:.5;border-top:1px solid #9b908a30;padding-top:20px}.chat-body{padding:16px 30px 32px;display:flex;flex-direction:column;gap:18px}.message{align-self:flex-start;max-width:83%}.message>div{border-radius:15px 15px 15px 3px;padding:14px 23px;background:#ffffff12;white-space:pre-wrap;overflow-wrap:anywhere}.message small{display:block;margin:0 0 4px 5px;opacity:.45;font-size:.7em}.message.own{align-self:flex-end}.message.own>div{border-radius:15px 15px 3px;background:#e0c7b8;color:#3c312a}.message.own small{text-align:right}.light .message:not(.own)>div{background:#f0edec}.art-brand{position:absolute;left:0;right:0;bottom:-43px;display:flex;align-items:center;justify-content:center;gap:7px;font-family:DM Sans,sans-serif;font-size:13px;color:#3c2e2699;letter-spacing:1px}.art-brand img{width:18px;height:18px}.canvas-bottom{border-top:1px solid #e5ddd8;border-bottom:1px solid #e5ddd8;margin:0 24px;display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:8px}.size-presets{display:flex;gap:4px}.size-presets button{display:flex;gap:9px;align-items:center;color:#988c85;padding:9px 11px;border:1px solid transparent;border-radius:5px}.size-presets button.active{color:#694c3b;background:#ede3dd;border-color:#dbc9bf}.size-presets button>span{font-size:10px;text-align:left;font-weight:500}.size-presets small{display:block;font-size:8px;color:#95867e;font-weight:400;margin-top:2px}.dimensions{font-size:9px;color:#988980;white-space:nowrap}.dimensions>span{margin-left:4px;font-size:8px}.export-bar{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px}.export-bar>span{display:flex;align-items:center;gap:8px;font-size:9px;color:#9a8b82}.export-button{background:var(--accent);color:#4a3326;gap:9px;padding:13px 17px;font-size:11px}.style-panel{border-left:1px solid var(--line)}.style-panel h2{margin-bottom:27px}.control-section{margin-bottom:23px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.swatches button{height:35px;border-radius:5px;border:1px solid #00000008;display:flex;align-items:center;justify-content:center;color:#4b3b32}.swatches button.selected{outline:2px solid #917361;outline-offset:2px}.frame-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.frame-options button{border:1px solid #e5ddd9;border-radius:5px;padding:13px 3px 10px;color:#9d9089;display:flex;flex-direction:column;align-items:center;gap:10px}.frame-options button>span{font-size:9px}.frame-options .active{background:#f2eae5;border-color:#d1b6a7;color:#815d48}.segmented{display:flex;background:#f1edeb;padding:4px;border-radius:5px;margin-top:10px}.segmented button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;color:#99908a;font-size:10px;border-radius:4px}.segmented button.active{background:#fff;color:#5b4c44;box-shadow:0 1px 4px #37241912}.sliders{display:flex;flex-direction:column;gap:17px}.label-row output{font-family:IBM Plex Mono,monospace;font-size:10px;color:#76675f}.label-row output>span{font-size:8px;color:#a69b95;margin-left:4px}input[type=range]{width:100%;height:3px;accent-color:#8d6954;margin:16px 0 3px;display:block;cursor:pointer}.toggles{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:17px}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7c6d65;cursor:pointer}.toggle-row input{position:absolute;right:0;width:29px;height:17px;opacity:0;cursor:pointer}.toggle-row i{width:29px;height:16px;background:#e3dbd7;border-radius:20px;pointer-events:none}.toggle-row i:after{content:"";display:block;width:12px;height:12px;background:#fff;border-radius:50%;margin:2px;box-shadow:0 1px 3px #0001;transition:transform .2s}.toggle-row input:checked+i{background:#ad8771}.toggle-row input:checked+i:after{transform:translate(13px)}.toggle-row input:focus-visible+i{outline:2px solid #8e5b3e;outline-offset:3px}.style-tip{display:flex;gap:10px;color:#a18b7f;background:#f4eeeb;padding:13px 12px;border-radius:5px;margin-top:26px}.style-tip svg{flex-shrink:0;margin-top:3px}.style-tip p{font-size:9px;line-height:1.7;margin:0}.app-footer{display:flex;justify-content:space-between;padding:24px 34px;color:#a79d97;font-size:8px;letter-spacing:1.5px}.app-footer>span:last-child{letter-spacing:0;display:flex;align-items:center;gap:14px}.footer-star{font-size:23px;color:#b69481;line-height:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#2a221d5c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fdfcf9;width:510px;max-width:100%;max-height:90dvh;overflow-y:auto;border-radius:14px;box-shadow:0 30px 100px #241c1740;padding:26px}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.8px;margin:0}.modal-intro{font-size:12px;color:#928781;line-height:1.8;margin:13px 0 23px}.export-options{display:flex;flex-direction:column;gap:10px}.export-size{display:flex;align-items:center;gap:17px;border:1px solid #e4dcd7;border-radius:7px;padding:17px;text-align:left}.export-size>span{flex:1}.export-size strong{font-size:12px}.export-size small{display:block;margin-top:4px;font-size:10px;color:#998a81}.export-size.selected{background:#f4ece7;border-color:#b99580;color:#704b35}.export-fields{margin-top:22px}.modal-primary{width:100%;margin-top:9px;background:var(--accent);color:#442f23}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.destructive{background:#af4d40}.settings-stats{display:flex;align-items:center;gap:19px;background:#f1e8e3;border-radius:8px;margin:24px 0 6px;padding:20px;color:#7d5f4e}.settings-stats strong{font-size:28px;display:block;font-family:Manrope,sans-serif}.settings-stats span{font-size:11px}.settings-row{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.settings-row strong{font-size:12px;font-weight:550}.settings-row p{font-size:10px;line-height:1.7;color:#9f948d;margin:6px 0 0}.settings-row select{width:120px}.settings-row .secondary{font-size:10px;padding:9px 11px}.settings-footnote{text-align:center;font-size:10px;color:#a2958e;margin:20px 0 0}.danger{color:#b36252}.danger-row strong{color:#aa6557}.toast-message{position:fixed;bottom:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:11px;background:#392f29;color:#f4ece7;padding:13px 15px 13px 20px;border-radius:9px;z-index:100;box-shadow:0 8px 30px #33211725;font-size:12px;max-width:min(700px,92vw);line-height:1.6}.toast-message>svg{flex-shrink:0;color:#d4b09b}.toast-enter-active,.toast-leave-active{transition:opacity .2s,translate .2s}.toast-enter-from,.toast-leave-to{opacity:0;translate:0 10px}.export-mount{position:fixed;left:-20000px;top:0;pointer-events:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.library-view{padding:55px 50px}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.library-heading .eyebrow{color:#9b877b}.library-heading h1{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1.2px;margin:15px 0 8px}.empty-state{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #d4c7c0;border-radius:10px;color:#9f887a;gap:10px}.empty-state h2{font-size:20px;color:#54443a;margin-bottom:0}.empty-state p{font-size:12px;color:#96877f;margin:0 0 17px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.library-item{border:1px solid #e6dfdb;border-radius:9px;overflow:hidden;background:#fdfcf9}.library-art{width:100%;height:225px;padding:32px;display:flex;align-items:center;justify-content:center;position:relative}.mini-window{width:100%;border-radius:7px;background:#fffcf8;color:#d8c9c1;padding:15px;text-align:left;max-height:170px;overflow:hidden;box-shadow:0 8px 25px #432f2328}.mini-dots{font-size:7px;letter-spacing:3px;color:#b9a294;margin-bottom:14px}.mini-window pre{font-family:IBM Plex Mono,monospace;font-size:8px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.sample-tag{position:absolute;right:12px;bottom:10px;background:#ffffff80;padding:4px 8px;border-radius:4px;font-size:8px}.library-meta{display:flex;justify-content:space-between;gap:10px;padding:17px}.library-meta>button:first-child{text-align:left;min-width:0}.library-meta strong{display:block;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-meta small{display:block;margin-top:7px;font-size:9px;color:#a0958e}@media(min-width:1500px){.workspace{grid-template-columns:330px minmax(500px,1fr) 300px;min-height:760px}.panel{padding:28px}.content-field textarea{font-size:11px}.preview-stage{min-height:450px}}@media(max-width:1200px){.brand-caption,.brand-divider{display:none}.workspace{grid-template-columns:266px minmax(300px,1fr) 235px;margin:0 15px}.panel{padding:21px 17px}.workspace-top,.app-header{padding:0 24px}.header-actions{gap:10px}.export-bar>span{max-width:145px;line-height:1.6}.canvas-toolbar,.export-bar{padding-left:17px;padding-right:17px}.canvas-bottom{margin:0 17px}.size-presets button{padding:8px 7px;gap:6px}.dimensions{display:none}.content-tabs button{padding:8px 5px;min-width:37px}.frame-options{gap:5px}}@media(max-width:980px){.workspace{grid-template-columns:250px minmax(300px,1fr)}.style-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:14px 25px}.style-panel .panel-heading{grid-column:1/-1}.style-panel h2{display:none}.control-section{margin:0}.style-panel .sliders{grid-row:2/4;grid-column:3}.style-panel .toggles{grid-column:2;grid-row:3;border:0;padding:0}.style-tip{margin:0;grid-column:1/-1;padding:9px 13px}.style-tip p{font-size:10px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-header{gap:10px}.main-nav>button{padding:10px}.brand>span:first-of-type{font-size:24px}.header-actions{gap:6px}.new-button{font-size:11px;padding:10px}.workspace-top{height:52px}}@media(max-width:670px){.app-header{height:auto;min-height:110px;padding:15px 17px;flex-wrap:wrap;position:relative}.brand>img{width:29px;height:29px}.brand>span:first-of-type{font-size:24px}.header-actions{margin-left:auto}.language-control select{max-width:77px;font-size:10px}.header-actions>.icon-button{padding:5px}.new-button{padding:9px;font-size:0;gap:0}.new-button svg{width:17px}.main-nav{order:3;width:100%;justify-content:center}.main-nav>button{font-size:11px;padding:8px 20px}.workspace-top{padding:0 17px;font-size:10px}.local-status{display:none}.workspace{display:flex;flex-direction:column;margin:0 12px}.canvas-panel{order:0}.editor-panel{order:1;border-right:0;border-top:1px solid var(--line)}.style-panel{order:2;display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.style-panel .sliders{grid-column:1;grid-row:auto}.style-panel .toggles{grid-column:2;grid-row:auto;justify-content:center}.style-tip{grid-column:1/-1}.preview-stage{height:340px;min-height:340px;flex:initial}.canvas-toolbar{height:52px}.canvas-bottom{padding:10px 0}.export-bar{padding-top:14px;padding-bottom:14px}.export-bar>span{max-width:none;font-size:8px}.export-button{font-size:10px;padding:12px}.content-tabs{justify-content:flex-start;gap:12px;margin-bottom:18px;padding-bottom:18px}.content-tabs button{min-width:47px}.panel h2{font-size:22px}.panel-intro{font-size:11px}.content-field textarea{min-height:260px;font-size:12px}.field input,.field select{font-size:12px}.editor-note{padding-top:15px}.app-footer{padding:20px;justify-content:center;font-size:7px}.app-footer>span:last-child{display:none}.library-view{padding:30px 18px}.library-heading{align-items:flex-start;flex-direction:column}.library-heading h1{font-size:27px}.library-grid{grid-template-columns:1fr}.modal{padding:21px}.modal h2{font-size:20px}.settings-row{gap:10px}.settings-row p{max-width:210px}.empty-state{padding:25px;text-align:center}.empty-state h2{font-size:18px}.export-bar>span svg{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.frame-terminal .window-bar{background:#0000001c;border-bottom:1px solid #98867c3b}.frame-terminal.light .window-bar{background:#f1ece9}.terminal-prefix{color:#bb9986;width:49px;font-weight:500}.field label,.control-section>label,.label-row>label,.toggle-row{font-size:11px}.code-line{display:flex;align-items:baseline;min-height:1.75em;line-height:1.75;font-family:IBM Plex Mono,monospace}.line-number{flex:0 0 24px;margin-right:12px;color:#71828b;text-align:right;font-size:.8em;-webkit-user-select:none;user-select:none}.line-source{display:block;flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.ink-background .art-brand{color:#e8e2dfb0}.workspace-top>div{min-width:0}.workspace-title{max-width:38vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unsaved-actions{flex-wrap:wrap;align-items:center;gap:14px}.window-bar>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.traffic,.terminal-prefix,.window-spacer{flex-shrink:0}.preview-stage{position:relative}.preview-overflow{position:absolute;bottom:12px;left:16px;right:16px;display:flex;align-items:center;gap:9px;margin:0;padding:10px 12px;border:1px solid #e7ce98;border-radius:6px;background:#fff9e9;color:#8a692f;font-size:10px;line-height:1.7;box-shadow:0 3px 12px #44330b0a}.preview-overflow svg{flex-shrink:0}.art-window.cream{background:#fff8ee;color:#413a35}.art-window.shadow{box-shadow:0 26px 65px -18px #73523b30,0 4px 14px #73523b12}.window-bar,.frame-terminal .window-bar,.frame-terminal.light .window-bar{color:#95867c;background:#c7a68808;border-bottom:1px solid #c7a68820}.traffic i:nth-child(3){background:#b7c6d9}.terminal-prefix,.terminal-body,.light .terminal-body{color:#6b5b86}.added,.light .added{background:#dceafa80;color:#3c668c}.removed,.light .removed{background:#f7e0d880;color:#a15443}.avatar{background:#f1ddd0;color:#9b654b}.message>div,.light .message:not(.own)>div{background:#f3eee8}.message.own>div{background:#f1d8c8;color:#674b3d}.toast-message{background:#fffbf5;color:#70523e;border:1px solid #e4d2c3;box-shadow:0 8px 30px #73523b20}.toast-message>svg{color:#ad7252}.mini-window{background:#fffaf4;color:#62534b;box-shadow:0 8px 25px #73523b18}.content-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.content-tabs button{min-width:0;padding:9px 3px;gap:6px}.content-tabs span{max-width:100%;overflow-wrap:anywhere;text-align:center}.canvas-bottom{flex-direction:column;align-items:stretch;gap:10px}.size-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.size-presets button{min-width:0;padding:10px 8px}.size-presets button>span{min-width:0;overflow-wrap:anywhere}.size-presets button>svg{flex-shrink:0}.dimensions{align-self:flex-end}.export-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.export-size{gap:10px;padding:13px 11px;min-width:0}.export-size>svg{flex-shrink:0;width:20px}.export-size strong{overflow-wrap:anywhere}.export-size small{font-size:9px}.art-window.editorial{border:1px solid #c9ad9435}.editorial-body{margin:0;padding:44px 52px;overflow-wrap:anywhere}.editorial-kicker{display:flex;align-items:center;gap:10px;color:#a36d52;font-size:.8em;letter-spacing:.04em}.editorial-body h2{margin:22px 0 26px;font-family:Manrope,sans-serif;font-size:1.9em;line-height:1.3;font-weight:750;letter-spacing:-.045em}.editorial-body p{white-space:pre-wrap;margin:0;line-height:1.8;font-size:1.15em;color:#70645a}.quote-body{padding:30px 60px 42px}.quote-mark{display:block;font-family:Georgia,serif;font-size:6em;height:.65em;line-height:1;color:#d9b49a}.quote-body blockquote{margin:26px 0 34px;font-family:Georgia,serif;font-size:2.2em;line-height:1.4;letter-spacing:-.025em;white-space:pre-wrap}.quote-body figcaption{display:flex;align-items:center;gap:16px}.attribution-rule{width:34px;height:1px;background:#c49a7e}.quote-body strong{display:block;font-weight:600}.quote-body small{display:block;margin-top:3px;font-size:.75em;color:#9a8679;white-space:pre-wrap}.checklist-body ul{list-style:none;margin:0;padding:0}.checklist-body li{display:flex;align-items:flex-start;gap:15px;padding:13px 0;border-top:1px solid #c9ad9428;font-size:1.1em;line-height:1.5}.check-box{width:24px;height:24px;margin-top:3px;border:1px solid #d3bba8;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.completed .check-box{background:#f2dfd0;color:#a06a4e;border-color:#e4c7b1}.completed>span:last-child{color:#a38f80;text-decoration:line-through}.checklist-progress{margin-top:20px;font-size:.8em;color:#a27556}.stats-body dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 5px;gap:24px}.stats-body dl>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;border-top:2px solid #e4c3a9;padding-top:20px;min-width:0}.stats-body dt{color:#9b8371;font-size:.85em}.stats-body dd{font-family:Manrope,sans-serif;font-size:2.5em;line-height:1.25;font-weight:750;letter-spacing:-.05em;color:#a36d52;margin:0}.link-address{display:flex;align-items:center;gap:18px;margin-top:32px;padding-top:24px;border-top:1px solid #c9ad9440}.link-emblem{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1dfcf;color:#9d684a;flex-shrink:0}.link-address>div{min-width:0}.link-address strong{display:block;font-weight:600}.link-address div>span{display:block;font-size:.75em;color:#a18b7a;margin-top:4px}.story-card{padding-top:250px!important;padding-bottom:250px!important}@media(max-width:670px){.content-tabs{gap:6px}.content-tabs button{min-width:0;padding:12px 4px}.content-tabs span{font-size:10px}.size-presets button{padding:9px 5px;gap:6px}}@media(max-width:370px){.export-options{grid-template-columns:1fr}}.library-tools{display:flex;align-items:center;gap:14px;margin-bottom:25px;flex-wrap:wrap}.library-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;background:#fffdf9;padding:0 12px;flex:1;min-width:180px;color:#a38a78}.library-search input{background:none;border:0;padding:12px 0;min-width:0;width:100%;font-size:12px;color:#66554a}.library-tools select{border:1px solid var(--line);padding:11px;border-radius:6px;background:#fffdf9;color:#786353;font-size:12px;max-width:180px}.library-tools>span,.library-more>span{color:#a18b7c;font-size:11px}.library-more{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:30px}.library-no-results{min-height:260px}.tweet-author>div{flex:1;min-width:0;overflow-wrap:anywhere}.avatar,.tweet-symbol{flex-shrink:0}.message small{overflow-wrap:anywhere}.export-progress{display:flex;flex-direction:column;gap:8px;margin:15px 0;color:#946e55;font-size:11px}.export-progress progress{width:100%;height:5px;accent-color:#b98c70}.page-strip{padding:14px 24px 10px;border-bottom:1px solid var(--line);background:#fcfaf6}.page-strip-heading,.page-strip-body,.page-strip-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.page-strip-heading>span{display:flex;align-items:center;gap:7px;color:#9a8473;font-size:10px}.page-strip-heading .text-button{font-size:10px}.page-strip-body{margin:10px 0 6px}.page-tabs{display:flex;gap:7px;overflow-x:auto;padding:4px;min-width:0;scrollbar-width:thin}.page-tabs button{min-width:44px;height:38px;border:1px solid #e8ddd2;border-radius:5px;color:#ac9686;background:#fffdfa;font-family:IBM Plex Mono,monospace;font-size:11px;flex-shrink:0}.page-tabs button.active{background:#f1e0d1;color:#8d6148;border-color:#cdac91}.add-page{flex-shrink:0;font-size:10px}.page-strip-footer>span{color:#b09b89;font-size:9px}.page-actions{display:flex;gap:3px}.page-actions .icon-button{padding:6px}.page-actions .icon-button:disabled{opacity:.25}.canvas-save-actions{display:flex;align-items:center;gap:10px}.card-page-number{position:absolute;right:32px;bottom:23px;color:#a28873;font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.14em}.story-card .card-page-number{bottom:200px}.page-count-tag{position:absolute;left:12px;bottom:10px;background:#fff9f0cf;color:#8a6a52;padding:4px 8px;border-radius:4px;font-size:9px}.pagination-status{display:flex;align-items:center;gap:12px;color:#ad8062;font-size:12px}@media(max-width:670px){.page-strip{padding:10px 13px 8px}.page-strip-heading>span,.page-strip-heading .text-button{font-size:9px}.page-tabs button{min-width:38px;height:36px}.canvas-save-actions{gap:5px}}.toast-message{width:max-content;max-width:min(700px,calc(100vw - 32px))}.toast-message>span{min-width:0;overflow-wrap:anywhere}.brand>.brand-name{font-size:22px;letter-spacing:-.8px}.settings-row>.text-button{max-width:48%;white-space:normal;overflow-wrap:anywhere;text-align:right}@media(max-width:670px){.brand>.brand-name{font-size:18px}}@media(min-width:981px)and (max-height:760px){.app-header{height:64px}.workspace-top{height:40px}.workspace{height:calc(100dvh - 120px);min-height:0;margin-bottom:16px}.panel{overflow-y:auto;padding:18px 16px}.canvas-panel{min-height:0}.canvas-toolbar{height:44px;flex:0 0 44px;padding:0 16px}.preview-stage{min-height:140px}.page-strip{padding:7px 16px 4px;flex-shrink:0}.page-strip-body{margin:5px 0 0}.page-tabs button{height:30px}.page-strip.single .page-strip-footer{display:none}.page-strip-heading .text-button{padding:2px 0}.page-strip-footer .icon-button{padding:4px}.canvas-bottom{margin:0 16px;padding:7px 0;gap:0;flex-shrink:0}.size-presets{gap:2px 5px}.size-presets button{padding:5px 4px}.dimensions{display:none}.export-bar{padding:10px 16px;flex-shrink:0}.export-button{padding:9px 12px}.app-footer{display:none}}@media(min-width:981px)and (max-height:760px){.content-tabs span{font-size:8px;line-height:1.4}.modal{padding:20px}.modal:has(.export-options){width:560px}.modal-intro{margin:10px 0 16px;line-height:1.65}.export-options{gap:7px}.export-size{padding:9px 10px}.export-size small{margin-top:2px}.export-fields{margin-top:14px}.modal .field{gap:6px;margin-bottom:12px}.modal>.input-hint{margin:8px 0 12px}.modal-primary{margin-top:4px;padding:10px 17px}}
