@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:14px/145% Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f1ea;margin:0}#root{width:100vw;min-height:100vh}:root{--ink:#171713;--paper:#f4f1ea;--cream:#e9e2d6;--red:#d94a3a;--line:#d9d3c8}.app-shell{background:var(--paper);height:100vh;color:var(--ink);grid-template-columns:minmax(300px,35%) 1fr;display:grid;overflow:hidden}.intro-panel{background:var(--cream);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdb5a8 transparent;border-right:1px solid #d3ccbf;flex-direction:column;height:100vh;padding:42px clamp(32px,5vw,76px) 34px;display:flex;overflow-y:auto}.brand-mark,.toolbar-section-label,.page-header,.notes-block label{text-transform:uppercase;letter-spacing:.11em;font-family:DM Mono,monospace}.brand-mark{letter-spacing:-.01em;text-transform:none;width:max-content;color:var(--ink);align-items:center;gap:11px;font:600 14px Manrope,sans-serif;text-decoration:none;display:flex}.brand-mark img{object-fit:cover;border-radius:50%;width:42px;height:42px;transition:transform .2s}.brand-mark:hover img{transform:rotate(-4deg)scale(1.04)}.intro-copy{max-width:510px;margin-top:clamp(70px,13vh,150px)}.intro-copy h1{letter-spacing:-.035em;text-wrap:balance;max-width:520px;margin:0;font:500 clamp(34px,3.8vw,56px)/1.1 Manrope,sans-serif}.left-content-feed{border-top:1px solid #17171329;width:100%;max-width:520px;margin-top:clamp(50px,9vh,100px);padding-top:26px}.guide-kicker{color:#817a6f;letter-spacing:0;margin:0 0 28px;font:500 16px/1.3 Manrope,sans-serif}.guide-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide-steps li{grid-template-columns:32px 1fr;gap:14px;padding:0 0 24px;display:grid;position:relative}.guide-steps li:not(:last-child):before{content:"";background:#17171329;width:1px;position:absolute;top:24px;bottom:2px;left:15px}.guide-number{background:var(--cream);color:#716a60;border:1px solid #17171340;border-radius:50%;place-items:center;width:30px;height:30px;font:400 9px DM Mono,monospace;display:grid}.guide-steps h3{margin:2px 0 5px;font:600 13px/1.3 Manrope,sans-serif}.guide-steps p{color:#635e55;max-width:420px;margin:0;font:400 12px/1.6 Manrope,sans-serif}.canvas-tip{color:#716a60;background:#ffffff57;border-radius:7px;margin:4px 0 0;padding:14px 16px;font:400 10.5px/1.5 Manrope,sans-serif}.canvas-tip strong{color:var(--ink);font-weight:600}.intro-footer{color:#989084;margin:auto 0 0;padding-top:40px;font-size:11px}.editor-column{flex-direction:column;min-width:0;height:100vh;padding:38px clamp(20px,3vw,46px);display:flex}.page-header{color:#7a746b;justify-content:space-between;align-items:flex-start;height:46px;font-size:10px;display:flex}.status-dot{background:#199473;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.editor-window{background:#fff;border:1px solid #cec8bd;border-radius:12px;flex:1;grid-template-rows:auto 1fr;grid-template-columns:230px 1fr;min-height:620px;display:grid;overflow:hidden;box-shadow:0 18px 50px #2a251c17}.drawing-toolbar{background:#fbfaf7;border-bottom:1px solid #e2ded6;grid-area:1/2;align-items:center;gap:16px;padding:10px 12px;display:flex;overflow-x:auto}.drawing-toolbar .tool-group{flex-direction:row;gap:7px;width:max-content;display:flex}.drawing-toolbar .tool-button{justify-content:flex-start;min-width:108px}.toolbar-toggles{flex:none;align-items:center;gap:14px;margin-left:auto;display:flex}.toolbar-toggles label{white-space:nowrap;align-items:center;gap:6px;font:400 11px Manrope,sans-serif;display:flex}.toolbar{background:#fbfaf7;border-right:1px solid #e2ded6;flex-direction:column;grid-area:1/1/3;gap:20px;padding:22px 16px 16px;display:flex;overflow-y:auto}.toolbar-heading{justify-content:space-between;align-items:center;display:flex}.toolbar-heading h2{margin:0;font:600 17px Manrope,sans-serif}.toolbar-heading span{color:#aaa399;font:10px DM Mono,monospace}.toolbar-section{flex-direction:column;gap:8px;display:flex}.toolbar-section.compact{gap:7px}.toolbar-section-label{color:#999187;margin-bottom:2px;font-size:9px}.tool-group{grid-template-columns:1fr;gap:6px;display:grid}.tool-button,.secondary-button,.danger-button,.color-option,.generate-button,.back-edit-button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #ddd8cf;border-radius:6px;font:500 12px Manrope,sans-serif}.tool-button{text-align:left;align-items:center;gap:9px;padding:9px 10px;display:flex}.tool-icon{text-align:center;width:18px;font-size:16px}.shape-tool-icon{width:22px;font-size:23px;line-height:.7}.tool-button.active{background:var(--ink);border-color:var(--ink);color:#fff}.hint{color:#837c73;margin:2px 0 0;font-size:10.5px;line-height:1.45}.color-list{flex-direction:column;gap:4px;display:flex}.color-option{text-align:left;align-items:center;gap:9px;width:100%;padding:7px 8px;display:flex}.color-option.active{background:#f3f0e9;border-color:#9d9589}.color-option:disabled{filter:grayscale();background:#f2f1ed;border-color:#e3dfd7}.color-swatch{border-radius:50%;flex:none;width:15px;height:15px;box-shadow:inset 0 0 0 1px #00000014}.color-option strong{font:inherit}.checkbox-row,.range-row,.toolbar-number{align-items:center;gap:8px;min-height:32px;font:400 11px Manrope,sans-serif;display:flex}.range-row,.toolbar-number{justify-content:space-between}.range-row input,.toolbar-number input{box-sizing:border-box;width:68px;height:32px;color:var(--ink);background:#fff;border:1px solid #ddd8cf;border-radius:5px;padding:5px 8px;font:400 11px Manrope,sans-serif}.secondary-button,.danger-button{text-align:left;padding:8px 10px}.secondary-button:hover{background:#f2efe8}.danger-button{color:#b63e34}.danger-button:hover{background:#fff0ed}button:disabled{opacity:.38;cursor:not-allowed}.full-action-button{width:100%}.generation-actions{flex-direction:column;gap:7px;margin-top:auto;display:flex}.back-edit-button{text-align:left;background:#f2efe8;width:100%;padding:10px 13px}.back-edit-button:hover:not(:disabled){background:#e8e3d9}.generate-button{background:var(--ink);border-color:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:12px 13px;font:500 12px Manrope,sans-serif;display:flex}.generate-button:hover:not(:disabled){background:#35352f}.generate-button span{font-size:15px;line-height:1}.toolbar-footer{color:#918a80;border-top:1px solid #e1ddd5;margin-top:auto;padding-top:12px;font-size:9.5px;line-height:1.7}.toolbar-footer strong{color:#5d5851}.canvas-area{grid-area:2/2}.canvas-area,.canvas-container{background:#fff;width:100%;min-width:0;height:100%}@media (width<=900px){.app-shell{grid-template-columns:1fr;height:auto;overflow:visible}.intro-panel{border-bottom:1px solid #d3ccbf;border-right:0;height:auto;padding:28px 24px;overflow:visible}.intro-copy{margin-top:52px}.intro-copy h1{font-size:45px}.left-content-feed{margin-top:38px}.intro-footer{display:none}.editor-column{height:760px;padding:18px 14px 28px}.editor-window{grid-template-rows:auto 1fr;grid-template-columns:190px minmax(500px,1fr);overflow:auto}}@media print{@page{margin:10mm}html,body,#root{background:#fff;width:100%;height:100%;margin:0}.intro-panel,.toolbar,.drawing-toolbar{display:none!important}.app-shell{background:#fff;width:100%;height:100%;display:block;overflow:visible}.editor-column{width:100%;height:100%;padding:0;display:block}.editor-window{width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;display:block;overflow:visible}.canvas-area,.canvas-container{background:#fff;width:100%!important;height:100vh!important}}