:root{--paper:#f6f3ec;--paper-dim:#ece7da;--ink:#17160f;--ink-soft:#55523f;--line:#ddd6c3;--accent:#ff5a36;--accent-ink:#1b1108;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;font-family:Georgia,Times New Roman,serif}p{color:var(--ink-soft);margin:0 0 1em;line-height:1.6}a{color:inherit}a.plain{text-decoration:none}button{font:inherit}.site{flex-direction:column;min-height:100%;display:flex}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}tcc-suite-menu{flex:none;width:36px;height:36px;display:inline-block}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:1040px;margin:0 auto;padding:20px 24px;display:flex}.site-header .brand{color:var(--ink);align-items:baseline;gap:8px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.site-header .brand small{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:400}.site-header nav{gap:22px;font-size:14px;display:flex}.site-header nav a{color:var(--ink-soft);text-decoration:none}.site-header nav a:hover,.site-header nav a.active{color:var(--ink)}.site-header .cta{background:var(--accent);color:#fff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:auto;padding:28px 24px;font-size:13px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;display:flex}.site-footer a{color:var(--ink-soft)}.hero{text-align:center;padding:48px 0 20px}.hero .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:12px;font-weight:700;display:inline-block}.hero h1{max-width:820px;margin:0 auto 18px;font-size:clamp(30px,6vw,52px);line-height:1.08}.hero .sub{max-width:600px;margin:0 auto 28px;font-size:18px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:20px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-secondary{color:var(--ink);border-color:var(--line);background:0 0}.btn-accent{background:var(--accent);color:#fff}.section{border-top:1px solid var(--line);padding:48px 0}.section h2{margin-bottom:8px;font-size:26px}.section .lede{max-width:620px;font-size:16px}.steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:26px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:20px}.step .num{color:var(--accent);margin-bottom:8px;font-family:Georgia,serif;font-size:26px}.step h3{margin-bottom:6px;font-size:17px}.step p{margin:0;font-size:14px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.feature{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-dim);padding:18px}.feature h3{margin-bottom:4px;font-size:15px}.feature p{margin:0;font-size:13px}.honesty{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:24px;padding:24px}.honesty ul{margin:10px 0 0;padding-left:20px}.honesty li{color:var(--ink-soft);margin-bottom:8px;font-size:14px}.launch-box{background:var(--ink);color:var(--paper);border-radius:var(--radius);text-align:center;margin-top:10px;padding:32px}.launch-box h2{color:var(--paper)}.launch-box p{color:#cfc9b8;max-width:480px;margin:0 auto 20px}.prose{padding:48px 0 80px}.prose .wrap{max-width:740px}.prose h1{margin-bottom:8px;font-size:36px}.prose .lede{margin-bottom:28px;font-size:17px}.prose h2{margin-top:32px;font-size:21px}.prose ol,.prose ul{padding-left:22px}.prose li{margin-bottom:10px}.prose code{background:var(--paper-dim);border-radius:4px;padding:2px 6px;font-size:.9em}code{background:var(--paper-dim);border-radius:4px;padding:1px 5px;font-size:.92em}.header-actions{align-items:center;gap:10px;display:flex}.install-btn{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}.install-btn:hover{border-color:var(--ink)}.offline-note{color:var(--ink-soft);margin:0;font-size:13px}.hero .offline-note{max-width:480px;margin:0 auto}.pwa-toast{background:var(--ink);color:var(--paper);z-index:1000;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 12px 10px 18px;font-size:14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.pwa-toast .pwa-toast-action{padding:7px 16px;font-size:13px}.pwa-toast-dismiss{color:var(--paper);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:18px;line-height:1}.board-page{background:var(--paper-dim);flex-direction:column;height:100%;display:flex}.board-header{border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.board-header .brand{color:var(--ink);align-items:baseline;gap:6px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.board-header .brand small{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:400}.board-header-actions{align-items:center;gap:10px;display:flex}.board-toolbar{border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.board-toolbar .tb-btn{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:7px 11px;font-size:13px}.board-toolbar .tb-btn:hover{border-color:var(--ink)}.board-toolbar .tb-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.board-toolbar .tb-sep{background:var(--line);align-self:stretch;width:1px;margin:0 2px}.board-toolbar .tb-search{border:1px solid var(--line);border-radius:8px;flex:140px;min-width:140px;max-width:240px;padding:7px 10px;font-size:13px}.board-toolbar label.file-btn{position:relative;overflow:hidden}.board-toolbar input[type=file].hidden-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.board-message{color:#6b5300;background:#fff3cd;border-bottom:1px solid #e3c766;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.board-message button{cursor:pointer;color:inherit;background:0 0;border:none;font-size:15px}.board-body{flex:1;min-height:0;display:flex;position:relative}.board-surface{background:var(--paper-dim);touch-action:none;cursor:grab;background-image:radial-gradient(circle,#d8d2bf 1px,#0000 1px);background-size:24px 24px;flex:1;position:relative;overflow:hidden}.board-surface.panning{cursor:grabbing}.board-world{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.board-item{-webkit-user-select:none;user-select:none;border-radius:6px;position:absolute;box-shadow:0 1px 3px #00000026}.board-item.selected{outline:2px solid var(--accent);outline-offset:2px}.board-item.dimmed{opacity:.15;pointer-events:none}.board-item.kind-image img{object-fit:cover;pointer-events:none;border-radius:6px;width:100%;height:100%;display:block}.board-item.kind-note{background:#fff6b0;padding:8px;overflow:hidden;box-shadow:0 2px 6px #0000002e}.board-item.kind-note textarea{resize:none;width:100%;height:100%;font:inherit;color:#332;background:0 0;border:none;outline:none;font-size:13px}.board-item.kind-swatch{border-radius:6px;align-items:flex-end;display:flex;box-shadow:0 1px 3px #00000040}.board-item.kind-swatch .swatch-label{background:#ffffffd9;border-radius:4px;margin:3px;padding:2px 4px;font-size:10px}.board-item.kind-frame{box-shadow:none;background:#ffffff59;border:2px dashed #b8ad8a;border-radius:10px}.board-item.kind-frame .frame-label{color:var(--ink-soft);background:var(--paper-dim);border-radius:4px;padding:1px 6px;font-size:12px;position:absolute;top:-22px;left:0}.item-resize-handle{background:var(--accent);cursor:nwse-resize;border-radius:3px;width:12px;height:12px;position:absolute;bottom:-5px;right:-5px}.board-inspector{border-left:1px solid var(--line);background:var(--paper);flex:none;width:260px;padding:14px;overflow-y:auto}.board-inspector h3{margin-bottom:10px;font-size:14px}.board-inspector label{color:var(--ink-soft);margin:10px 0 4px;font-size:12px;display:block}.board-inspector input[type=text],.board-inspector textarea{border:1px solid var(--line);width:100%;font:inherit;border-radius:6px;padding:6px 8px;font-size:13px}.board-inspector .swatch-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.board-inspector .swatch-chip{border:1px solid var(--line);cursor:pointer;border-radius:6px;width:28px;height:28px;padding:0}.board-inspector .send-to-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.board-inspector .send-to-row button{padding:6px 9px;font-size:12px}.board-inspector .danger{color:#a33;cursor:pointer;background:#fdeceb;border:1px solid #e9b6b0;border-radius:6px;width:100%;margin-top:16px;padding:7px}@media (width<=640px){.board-inspector{width:160px;padding:10px}.board-toolbar .tb-search{max-width:none}}