@font-face{font-family:LocalSans;src:local("Inter"),local("Segoe UI")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:LocalSans,Inter,"Segoe UI",sans-serif;color:#292a34;background:#f7f6f2}button,input,textarea{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #b5aaff;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:12px 19px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:#eeedf3}.button:active{transform:translateY(1px)}.primary{background:#7563e8;color:white;box-shadow:0 3px 5px #7563e815}.primary:hover{background:#6552dc}.quiet{border:1px solid #deddd7;background:transparent}.large{padding:18px 23px;font-size:16px;border-radius:14px}.large>span:first-child{font-size:23px;font-weight:400}.button-arrow{margin-left:32px}.home-header{height:105px;max-width:1450px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e4dc}.brand{font-size:33px;font-weight:750;letter-spacing:-1.6px;display:flex;align-items:center;gap:10px}.brand img{width:36px;height:36px}.brand-dot{font-size:12px;align-self:flex-start;margin-top:7px;letter-spacing:0}.header-note{font-size:12px;color:#777873;display:flex;align-items:center;gap:9px}.online-dot{width:7px;height:7px;border-radius:50%;background:#6b9b74;display:inline-block}.home-main{max-width:1450px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:66px 0 70px;align-items:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.9px;color:#898984}.tiny-star{color:#7563e8;font-size:18px;vertical-align:middle;margin-right:7px}.hero h1{font-size:clamp(45px,5.1vw,73px);font-weight:550;letter-spacing:-3.8px;line-height:1.08;margin:25px 0 23px}.hero h1 em{font-style:normal;color:#7766d9}.hero p{max-width:375px;font-size:15px;color:#777872;line-height:1.8;margin:0 0 27px}.hero-footnote{display:flex;align-items:center;gap:12px;font-size:11px;color:#85847f;margin-top:25px}.small-avatars{display:flex;padding-left:6px}.small-avatars b{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#e8bba9;border:2px solid #f7f6f2;margin-left:-6px;color:#7b4d42;font-size:11px}.small-avatars b:nth-child(2){background:#dcd5f1;color:#7563aa}.small-avatars b:nth-child(3){background:#d6dfcb;color:#687656}.hero-art{position:relative;height:505px;max-width:600px;width:100%;margin-left:auto}.art-grid{position:absolute;inset:20px -10px 0;background-image:radial-gradient(#d6d3ca 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse,black 40%,transparent 72%)}.art-label{position:absolute;top:25px;left:50px;font-size:9px;letter-spacing:2px;color:#9c9a91;transform:rotate(-3deg)}.art-photo{position:absolute;top:79px;left:23px;width:263px;height:246px;background:#abc8c8;transform:rotate(-8deg);border:10px solid white;border-bottom-width:38px;box-shadow:0 12px 30px #29262914;overflow:visible}.photo-sun{position:absolute;top:23px;right:35px;width:51px;height:51px;border-radius:50%;background:#fff0c9}.photo-hill{position:absolute;bottom:0;left:0;width:100%;height:135px;clip-path:polygon(0 65%,30% 5%,52% 46%,74% 12%,100% 64%,100% 100%,0 100%)}.hill-back{background:#768f86}.hill-front{height:100px;background:#3c645b;clip-path:polygon(0 50%,40% 0,100% 80%,100% 100%,0 100%)}.photo-caption{position:absolute;bottom:-26px;left:10px;color:#777d74;font-size:12px;letter-spacing:.2px}.art-note{position:absolute;right:10px;top:147px;transform:rotate(8deg);width:214px;height:220px;padding:27px;background:#f7e49a;box-shadow:3px 15px 25px #38301b16}.art-note>span:first-child{font-size:11px;color:#8e7d47}.art-note strong{font-size:26px;font-weight:500;line-height:1.2;display:block;margin-top:17px;letter-spacing:-.8px}.note-scribble{position:absolute;right:20px;bottom:11px;font-size:52px;color:#ac7c32}.art-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7b6ad7;stroke-width:2.3;stroke-linecap:round;pointer-events:none}.art-word{position:absolute;top:416px;left:29%;font-size:17px;color:#8170cb;transform:rotate(2deg);font-style:italic}.art-cursor{position:absolute;top:345px;left:44%;transform:rotate(-5deg)}.art-cursor svg{width:25px;height:29px;fill:#7563e8;stroke:white;stroke-width:1.5}.art-cursor span{background:#7563e8;color:white;font-size:10px;padding:5px 10px;border-radius:5px;position:absolute;top:21px;left:21px}.art-sticker{position:absolute;right:38px;top:24px;border:1px solid #d7d3e9;border-radius:50%;width:93px;height:93px;transform:rotate(13deg);display:flex;align-items:center;justify-content:center;text-align:center;color:#8474c4;font-size:12px;line-height:1.3;background:#eeeaf7}.art-sticker span{position:absolute;bottom:4px;font-size:18px}.art-pill{position:absolute;bottom:0;right:39px;display:flex;align-items:center;gap:8px;font-size:10px;border:1px solid #e7e5dd;border-radius:20px;padding:10px 15px;background:#f7f6f2}.boards-section{border-top:1px solid #e6e4dc;padding:35px 0 45px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-heading h2{font-size:24px;font-weight:550;letter-spacing:-.6px;margin:11px 0 0}.section-heading h2 span{font-size:12px;color:#8d8c86;margin-left:8px;background:#eae8e1;border-radius:20px;padding:3px 7px;vertical-align:middle}.subtle{font-size:11px;color:#98978f}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.board-card{display:block;text-align:left;border:1px solid #e3e0d8;border-radius:15px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.board-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3333330c}.board-preview{height:140px;background-color:#f1eef9;background-image:radial-gradient(#c5c0d4 1px,transparent 1px);background-size:15px 15px;display:flex;align-items:center;justify-content:center;gap:15px;overflow:hidden}.preview-note{width:75px;height:75px;background:#f8e7a9;transform:rotate(-8deg);box-shadow:0 5px 7px #55555510;padding:12px;font-size:12px;line-height:1.4}.preview-note:nth-child(2){background:#d8e7d6;transform:rotate(7deg);width:80px;height:65px}.card-meta{padding:17px 20px}.card-meta strong{font-size:14px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta span{font-size:11px;color:#92928d;display:block;margin-top:7px}.new-card{min-height:215px;border:1px dashed #d4d0c6;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#949088;background:transparent;font-size:13px}.new-card:hover{background:#eeece5}.new-card b{font-size:27px;font-weight:300;color:#8a7fc4;background:#eae6f5;width:43px;height:43px;display:grid;place-items:center;border-radius:12px}.home-footer{border-top:1px solid #e6e4dc;padding:23px 0;display:flex;justify-content:space-between;font-size:10px;color:#a29e93}.home-footer span:first-child{color:#7d7a72}.panel{background:#fff;box-shadow:0 4px 24px #292a3410,0 1px 3px #292a3409;border:1px solid #e8e6ed;border-radius:13px}#editor{width:100%;height:100%;overflow:hidden}#canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none;background:#faf9f6}.board-header{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;gap:14px;pointer-events:none}.board-header>*{pointer-events:auto}.board-info{display:flex;align-items:center;gap:13px;padding:10px 12px;min-width:270px}.board-logo img{width:35px;height:35px;display:block}.board-title-wrap{display:flex;flex-direction:column;gap:4px}.board-title-wrap input{font-size:13px;font-weight:600;border:0;padding:0;outline:none;width:180px;color:#393642;background:transparent}.save-status{font-size:9px;color:#98949f;display:flex;align-items:center;gap:5px}.save-status i{width:5px;height:5px;border-radius:50%;background:#ae9ae5}.save-status.saved i{background:#75a07d}.save-status.offline i{background:#da9654}.board-actions{display:flex;align-items:center;gap:9px}.board-actions>.button{height:43px}.people{display:flex;padding:0 4px;align-items:center}.avatar{margin-left:-6px;border:2px solid #faf9f6;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:11px;color:white;font-weight:600}.tools{position:absolute;left:20px;top:50%;transform:translateY(-50%);padding:6px;display:flex;flex-direction:column;gap:3px}.tool{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;position:relative}.tool svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tool:hover{background:#f2eff9}.tool.active{background:#ece7fe;color:#7563e8}.tool::after{content:attr(data-tooltip);position:absolute;left:53px;top:9px;border-radius:6px;padding:6px 9px;background:#33313e;color:white;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.tool:hover::after{opacity:1}.tools hr{border:0;border-top:1px solid #efedf3;margin:3px 6px}.properties{position:absolute;top:99px;left:50%;transform:translateX(-50%);display:flex;gap:11px;align-items:center;padding:10px 15px}.color-swatches{display:flex;gap:7px;align-items:center}.swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;padding:0;position:relative}.swatch.active::after{content:"";position:absolute;inset:-5px;border:1px solid #9c91b8;border-radius:50%}.custom-color{position:relative;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#dc817f,#edcf81,#87ad95,#7e8cc6,#dc817f);color:white;overflow:hidden;cursor:pointer}.custom-color input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.divider{height:20px;width:1px;background:#eae7f0;display:inline-block;flex-shrink:0}.width-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#777;cursor:pointer}.width-label input{width:65px;accent-color:#7563e8;height:4px}.property-button{font-size:11px;color:#8b8499;padding:4px 6px;border-radius:5px}.property-button.active{background:#eee8fc;color:#7563e8}.icon-button{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:8px;font-size:20px;color:#797283}.icon-button:hover{background:#f1eef8}.board-info>.icon-button{font-size:15px;border:1px solid #e9e5ed;border-radius:50%;width:22px;height:22px;margin-left:3px}.empty-board{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:440px;max-width:70vw}.empty-symbol{font-size:48px;color:#b1a2e8;font-weight:400}.empty-board h2{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:17px 0 13px}.empty-board p{font-size:13px;color:#97909c;line-height:1.8;margin:0 0 24px}.empty-board button{pointer-events:auto}.empty-board>span{display:block;font-size:10px;color:#b3acb9;margin-top:12px}.bottom-left{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:15px}.history{display:flex;padding:4px}.history button{font-size:23px}.canvas-hint{font-size:10px;color:#aba4b0}.zoom{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;padding:4px}.zoom #zoom-value{min-width:49px;font-size:11px}.zoom .divider{margin:0 4px}.selection-bar{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:8px 10px;white-space:nowrap}.selection-bar span{font-size:11px;color:#99909f;margin:0 5px}.selection-bar button{font-size:11px;padding:7px;border-radius:6px}.selection-bar button:hover{background:#f3effb}.selection-bar .danger{color:#be7276}#text-editor{position:absolute;z-index:9;border:2px solid #9d8ded;outline:none;resize:none;background:#fffef5;line-height:1.3;padding:10px;color:#30313d;box-shadow:0 4px 15px #00000010;border-radius:3px;transform-origin:top left}#drop-overlay{position:absolute;inset:9px;border:2px dashed #9b87ee;border-radius:20px;background:#f0eaffd9;z-index:20;display:grid;place-items:center;pointer-events:none}#drop-overlay span{font-size:22px;color:#7a62d5}dialog{border:1px solid #ebe8f0;border-radius:20px;box-shadow:0 20px 90px #29203530;padding:27px;width:460px;max-width:calc(100vw - 28px);color:#34303e}dialog::backdrop{background:#29203540;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.modal-heading h2{font-size:23px;font-weight:550;margin:0;letter-spacing:-.7px}#modal-body p{font-size:13px;line-height:1.8;color:#8a8295}#modal-body input{width:100%;border:1px solid #ded8e9;border-radius:10px;padding:13px;outline:none;margin-top:5px}#modal-body input:focus{border-color:#9b8add}#modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}#modal-body .help-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f1edf5;font-size:12px}kbd{font:11px LocalSans,"Segoe UI",sans-serif;color:#8b7e9f;background:#f4f0f9;padding:4px 6px;border-radius:5px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 21px;max-width:min(90vw,600px);background:#34303e;color:white;font-size:12px;border-radius:11px;box-shadow:0 8px 30px #0002;z-index:100;text-align:center}.modal-error{color:#bd6666!important}.share-warning{font-size:11px!important}body.board-page{overflow:hidden}
@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:90px}.hero-art{height:535px}}@media(max-width:1000px){.header-note{display:none}.hero{gap:0}.hero h1{font-size:53px}.hero-art{transform:scale(.86);transform-origin:right center}.board-actions .people{display:none}.canvas-hint{display:none}.board-title-wrap input{width:145px}.board-info{min-width:240px}.hero-art .art-note{right:-20px}.properties{top:96px}}@media(max-width:720px){.home-header{height:80px}.home-header .button{font-size:11px;padding:10px}.brand{font-size:28px}.hero{grid-template-columns:1fr;padding:40px 0}.hero h1{font-size:54px;letter-spacing:-3px}.hero-art{transform:scale(.9);height:480px;transform-origin:center;margin:15px auto -20px;max-width:510px}.hero-copy{padding-left:10px}.board-grid{grid-template-columns:1fr 1fr;gap:12px}.section-heading .subtle{display:none}.home-footer{gap:20px;line-height:1.7}.home-footer span:last-child{max-width:180px;text-align:right}.board-header{left:10px;right:10px;top:10px;gap:5px}.board-info{min-width:0;padding:8px;gap:7px}.board-logo img{width:28px;height:28px}.board-title-wrap input{width:108px;font-size:11px}.board-info>.icon-button{display:none}.board-actions{gap:5px}.board-actions>.button{font-size:11px;padding:9px 10px;height:40px}#profile{display:none}.share-icon{display:none}.tools{left:10px;padding:4px}.tool{width:36px;height:36px}.properties{top:80px;padding:10px;gap:8px}.color-swatches{gap:6px}.swatch{width:17px;height:17px}.width-label input{width:40px}.property-button{font-size:10px}.selection-bar{bottom:75px;max-width:95vw;overflow:auto;left:50%;padding:6px}.selection-bar>span:first-child{display:none}.selection-bar button{font-size:10px;padding:6px}.bottom-left{left:10px;bottom:15px}.zoom{right:10px;bottom:15px}.empty-board{left:55%;width:300px}.empty-board h2{font-size:20px}.empty-board p{font-size:11px}.export-button span{display:none}}@media(max-width:420px){.hero-art{transform:scale(.73);width:460px;max-width:none;margin-left:-55px;margin-top:-30px;margin-bottom:-60px}.board-grid{grid-template-columns:1fr}.properties{gap:6px}.width-label{display:none}.hero h1{font-size:47px}.selection-bar .divider{display:none}}
/* Contextual tool panels */
#properties{top:50%;left:86px;transform:translateY(-50%);width:235px;padding:15px;display:flex;flex-direction:column;gap:16px;align-items:stretch;z-index:5;border-radius:15px}
.property-heading{display:flex;justify-content:space-between;align-items:center}.property-heading strong{font-size:13px;font-weight:600}.property-heading button{font-size:21px;color:#9f96ab;line-height:1;padding:0 4px}.tool-variants{display:flex;gap:5px}.tool-variants button{flex:1;min-width:0;border-radius:9px;padding:9px 3px 7px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#8a8296}.tool-variants button:hover{background:#f5f1fb}.tool-variants button.active{background:#eee8fc;color:#7861d5}.tool-variants svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.tool-variants span{font-size:9px}.palette-row{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:2px}.palette-row .color-swatches{gap:9px}.palette-row .swatch{width:19px;height:19px}.palette-row .custom-color{flex-shrink:0;width:19px;height:19px}.width-label{display:flex!important;align-items:center;gap:10px;font-size:11px}.width-label[hidden]{display:none!important}.width-label input{min-width:0;flex:1;width:auto}.width-label output{font-size:10px;color:#857491;min-width:18px;text-align:right}.property-button{border:1px solid #e5dfed;padding:9px;font-size:11px;text-align:left;border-radius:8px}.property-button::before{content:'□';margin-right:8px}.property-button.active::before{content:'■'}.property-hint{font-size:10px;color:#a49aaf;line-height:1.6;margin:0}.properties .divider{display:none}
@media(max-width:720px){#properties{left:61px;width:219px;padding:13px;gap:14px}.palette-row .color-swatches{gap:7px}.palette-row .swatch{width:18px;height:18px}.tool-variants span{font-size:8px}}