:root{--bg:#f7f1e8;--paper:#fffdf8;--ink:#40342e;--muted:#8b7d70;--line:#e8ddd0;--rose:#c98f8b;--rose-pale:#f2dfdc;--brown:#6d5142;--shadow:0 18px 45px rgba(75,53,39,.10);--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--serif:'Playfair Display',Georgia,serif;--hand:'Caveat',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px}body.dark{--bg:#211d1a;--paper:#2e2823;--ink:#f1e7dc;--muted:#b2a092;--line:#494039;--rose:#d29b96;--rose-pale:#4a3534;--brown:#c8a18b;--shadow:0 18px 45px rgba(0,0,0,.25)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.grain-overlay{pointer-events:none;position:fixed;inset:0;z-index:50;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);z-index:30}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font:600 23px var(--serif);letter-spacing:-.8px}.brand-period{color:var(--rose)}.brand-mark{width:25px;height:29px;border:1.5px solid var(--brown);background:var(--paper);display:block;position:relative;transform:rotate(-7deg);box-shadow:2px 2px 0 var(--rose)}.brand-mark:before{content:"";position:absolute;inset:3px 3px 9px;background:var(--rose-pale)}.brand-mark i{position:absolute;bottom:3px;left:5px;right:5px;height:2px;background:var(--brown)}.main-nav{display:flex;gap:34px;margin-left:60px}.nav-link{border:0;background:none;color:var(--muted);padding:27px 0;font-size:13px}.nav-link.active,.nav-link:hover{color:var(--ink);border-bottom:2px solid var(--rose)}.top-actions{display:flex;align-items:center;gap:13px}.saved-indicator{font:10px var(--mono);color:var(--muted)}.icon-button,.menu-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:18px}.menu-button{display:none}.button{border:1px solid transparent;border-radius:4px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:17px;font-weight:600;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.button-dark{background:var(--ink);color:var(--bg)}.button-outline{border-color:var(--line);background:transparent}.button-quiet{background:transparent;color:var(--muted)}.button-small{padding:9px 14px;font-size:12px}.button-large{padding:16px 21px}.full-width{width:100%}.text-button{background:none;border:0;color:var(--brown);font-weight:600;padding:10px 0}.text-button span{margin-left:10px}.section-wrap{width:min(1220px,90%);margin-inline:auto}.hero{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:48px;padding-bottom:65px}.eyebrow{font:10px var(--mono);letter-spacing:1.45px;color:var(--muted);display:flex;align-items:center;gap:9px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--rose)}h1,h2,h3,p{margin-top:0}.hero h1,.page-intro h1{font:500 clamp(45px,6vw,76px)/1.08 var(--serif);letter-spacing:-2.6px;margin:23px 0 20px}.hero h1 em,.page-intro h1 em,.modal h2 em{color:var(--rose);font-weight:500}.hero-text{font-size:15px;line-height:1.85;color:var(--muted);max-width:440px}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:30px}.hero-note{margin-top:42px;color:var(--muted);font-size:11px}.tiny-spark{color:var(--rose);font-size:18px;margin-right:8px}.hero-art{height:440px;position:relative;display:flex;align-items:center;justify-content:center}.polaroid{position:absolute;width:218px;background:#fffefa;padding:13px 13px 43px;box-shadow:0 14px 32px #4e382522}.polaroid-back{transform:rotate(11deg) translate(65px,4px)}.polaroid-front{transform:rotate(-9deg) translate(-45px,8px);z-index:2}.photo-placeholder{height:225px;position:relative;overflow:hidden}.photo-sunset{background:linear-gradient(160deg,#e8c5a3 0 38%,#a96f63 39% 58%,#52616a 59%);}.photo-sunset:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#f7dcae;top:35px;right:35px;filter:blur(1px)}.photo-flower{background:linear-gradient(145deg,#c3c9ad,#e9d6c3 50%,#ad8e7b)}.photo-flower span{position:absolute;font-size:105px;color:#f8e8d0;left:53px;top:42px;text-shadow:2px 5px 12px #775f4a55}.polaroid-caption{text-align:center;color:#65554b;font:17px var(--hand);padding-top:8px}.polaroid-caption.handwritten{font-size:21px}.paper-note{position:absolute;background:#f2e4ca;padding:13px 18px;color:#7c6452;font:16px var(--hand);box-shadow:2px 5px 13px #4e38221c;z-index:3}.note-one{top:37px;left:4px;transform:rotate(-7deg)}.note-two{bottom:35px;right:0;transform:rotate(7deg);font:10px var(--mono);line-height:1.7}.tape{position:absolute;width:75px;height:22px;background:#d4b5a0aa;z-index:4}.tape-one{top:69px;right:118px;transform:rotate(35deg)}.tiny-flower{position:absolute;bottom:45px;left:73px;color:var(--rose);font-size:33px}.start-section,.templates-section{padding:42px 0 65px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading h2{font:500 34px var(--serif);letter-spacing:-.8px;margin:10px 0 0}.section-aside{font:10px var(--mono);color:var(--muted)}.creation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.creation-card{position:relative;text-align:left;background:var(--paper);border:1px solid var(--line);padding:15px;border-radius:5px;min-height:238px;overflow:hidden;transition:.25s}.creation-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--rose)}.card-number{font:10px var(--mono);color:var(--muted)}.creation-illustration{height:130px;display:flex;align-items:center;justify-content:center;position:relative}.mini-polaroid{width:72px;height:91px;background:#fff;padding:6px 6px 19px;box-shadow:0 5px 10px #44352a20;transform:rotate(-8deg)}.mini-polaroid i{display:block;height:64px;background:linear-gradient(145deg,#c5b7a2,#8b9a85 55%,#d8bda5)}.mini-polaroid b{display:block;height:6px}.collage-illus i{width:65px;height:84px;background:#fff;border:5px solid white;border-bottom-width:16px;box-shadow:0 4px 10px #44352a20;position:absolute}.collage-illus i:nth-child(1){transform:rotate(-17deg) translate(-29px,5px);background:linear-gradient(140deg,#d6b29c,#8c9b87)}.collage-illus i:nth-child(2){transform:rotate(9deg) translate(15px,-7px);background:linear-gradient(140deg,#b7c4b0,#dfc4a8)}.collage-illus i:nth-child(3){transform:rotate(22deg) translate(43px,10px);background:linear-gradient(140deg,#c78e83,#e8d8bc)}.scrapbook-illus{background:#f1e4d2;margin:12px 20px 7px;height:108px;transform:rotate(-2deg);box-shadow:0 5px 12px #44352a12}.scrapbook-illus i{color:#b97e78;font-size:20px}.scrapbook-illus b{font:17px var(--hand);text-align:center;color:#725b4a;margin:0 16px}.wall-illus i{width:43px;height:58px;border:5px solid #fff;border-bottom-width:13px;position:absolute;box-shadow:0 3px 8px #44352a25}.wall-illus i:nth-child(1){transform:translate(-28px,-25px) rotate(-8deg);background:#d5b89c}.wall-illus i:nth-child(2){transform:translate(25px,-24px) rotate(8deg);background:#879b85}.wall-illus i:nth-child(3){transform:translate(-27px,30px) rotate(6deg);background:#b77e76}.wall-illus i:nth-child(4){transform:translate(27px,30px) rotate(-7deg);background:#d9c8a8}.creation-title{display:flex;justify-content:space-between;font:500 17px var(--serif)}.creation-title span{color:var(--rose)}.creation-desc{display:block;color:var(--muted);font-size:11px;margin-top:7px}.templates-section{padding-top:15px}.template-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.template-card{background:var(--paper);border:1px solid var(--line);padding:12px;border-radius:5px;text-align:left;transition:.2s}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.template-preview{height:165px;display:flex;align-items:center;justify-content:center;background:#eee3d4;position:relative;overflow:hidden}.template-preview .preview-polaroid{width:83px;height:111px;background:#fff;padding:6px 6px 20px;box-shadow:0 7px 12px #40342e25;transform:rotate(-7deg)}.preview-polaroid i{display:block;height:80px;background:linear-gradient(145deg,#c7b79f,#8c9a85 55%,#d9b59e)}.template-name{display:block;font:16px var(--serif);margin-top:12px}.template-meta{display:block;color:var(--muted);font:9px var(--mono);margin-top:5px}.quote-band{margin-top:35px;background:var(--rose-pale);padding:35px;text-align:center;color:var(--brown);position:relative}.quote-band>span:first-child{font:55px var(--serif);line-height:20px;color:var(--rose)}.quote-band p{font:italic 26px var(--serif);margin:10px 0 0}.quote-flower{position:absolute;right:12%;top:37%;font-size:32px;color:var(--rose)}.footer{display:flex;align-items:center;justify-content:space-between;padding:34px 0;color:var(--muted);font-size:10px}.footer .brand{font-size:20px}.view{display:none}.active-view{display:block}.page-intro{padding:80px 0 25px}.page-intro h1{font-size:60px;margin:14px 0}.page-intro p{color:var(--muted)}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 28px}.filter-chip{background:transparent;border:1px solid var(--line);border-radius:99px;padding:9px 15px;color:var(--muted);font-size:11px}.filter-chip.selected{background:var(--ink);color:var(--bg);border-color:var(--ink)}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;padding-bottom:80px}.template-grid .template-preview{height:210px}.projects-intro{display:flex;align-items:end;justify-content:space-between}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:25px 0 90px}.empty-state{grid-column:1/-1;text-align:center;padding:80px 20px;background:var(--paper);border:1px dashed var(--line)}.empty-icon{font:44px var(--serif);color:var(--rose)}.empty-state h3{font:25px var(--serif);margin:15px 0 7px}.empty-state p{color:var(--muted)}.project-card{background:var(--paper);border:1px solid var(--line);padding:10px;text-align:left}.project-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#e9dfd3}.project-card strong{display:block;font:16px var(--serif);margin:10px 0 5px}.project-card small{color:var(--muted)}.project-card-actions{display:flex;gap:7px;margin-top:10px}.project-card-actions button{flex:1;border:1px solid var(--line);background:transparent;padding:7px;font-size:10px}.editor-view{height:calc(100vh - 76px);min-height:600px;overflow:hidden}.editor-topline{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--paper)}.back-button{border:0;background:none;color:var(--muted);font-size:12px}.project-name-wrap{display:flex;align-items:center;gap:9px}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#9aa78a}.project-name-wrap input{border:0;background:transparent;color:var(--ink);font:15px var(--serif);width:180px;outline:none}.editor-top-actions{display:flex;align-items:center;gap:7px}.tool-button{width:30px;height:30px;border:1px solid var(--line);background:transparent;border-radius:3px;font-size:17px}.zoom-label{font:10px var(--mono);color:var(--muted);min-width:35px;text-align:center}.top-divider{height:20px;width:1px;background:var(--line);margin:0 7px}.editor-layout{display:grid;grid-template-columns:265px minmax(300px,1fr) 285px;height:calc(100% - 58px)}.left-panel,.right-panel{background:var(--paper);overflow:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-tabs{display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:3}.panel-tab{flex:1;border:0;background:none;padding:15px 5px;color:var(--muted);font-size:11px}.panel-tab.active{color:var(--ink);border-bottom:2px solid var(--rose)}.panel-content{display:none}.panel-content.active{display:block}.panel-section{padding:19px 16px;border-bottom:1px solid var(--line)}.panel-label{font:9px var(--mono);letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:13px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #c9b6a5;padding:18px 8px;cursor:pointer;background:color-mix(in srgb,var(--rose-pale) 28%,transparent);text-align:center}.upload-icon{font-size:23px;color:var(--rose);margin-bottom:5px}.upload-zone b{font-size:11px}.upload-zone small{font-size:10px;color:var(--muted);margin-top:4px}.upload-zone em{font:8px var(--mono);color:var(--muted);margin-top:9px}.micro-note{font-size:9px;line-height:1.6;color:var(--muted);margin:9px 0 0}.thumb-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.thumb-list img{width:45px;height:45px;object-fit:cover;border:2px solid var(--line);cursor:pointer}.frame-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.frame-choice{border:1px solid var(--line);background:transparent;padding:8px 5px;font-size:10px;text-align:center}.frame-choice.selected{border-color:var(--rose);background:var(--rose-pale)}.add-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.add-buttons button{background:transparent;border:1px solid var(--line);padding:9px 2px;display:flex;flex-direction:column;gap:5px;align-items:center;font-size:9px;color:var(--muted)}.add-buttons b{font:17px var(--serif);color:var(--brown)}.swatch-row{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:25px;height:25px;border-radius:50%;border:2px solid var(--paper);outline:1px solid var(--line)}.upload-background{display:block;margin-top:12px;color:var(--brown);font-size:10px;cursor:pointer}.preset-list,.layout-list{display:grid;gap:7px}.preset-list button,.layout-list button{display:flex;justify-content:space-between;padding:9px 10px;border:1px solid var(--line);background:transparent;text-align:left;font-size:10px}.preset-list button span{color:var(--rose)}.size-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.size-buttons button{padding:9px 4px;border:1px solid var(--line);background:transparent;font-size:10px}.layer-list{display:grid;gap:5px}.layer-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid var(--line);font-size:10px;cursor:pointer}.layer-item.selected{border-color:var(--rose);background:var(--rose-pale)}.canvas-stage{background:#e9e3db;display:flex;flex-direction:column;min-width:0;overflow:hidden}.dark .canvas-stage{background:#191614}.canvas-toolbar,.canvas-footer{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#887b70;font:9px var(--mono);letter-spacing:.3px;flex-shrink:0}.canvas-toolbar i,.canvas-footer i{font-style:normal;color:var(--rose);padding:0 5px}.canvas-toolbar b,.canvas-footer b{font-weight:400;color:#66564b}.canvas-scroll{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:25px}.canvas-paper{position:relative;box-shadow:0 8px 28px #3b2d2429;transform-origin:center center;flex-shrink:0;background:#eee5d8}.canvas-paper canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#9a8775;text-align:center}.canvas-hint span{font-size:38px;color:#c58e87}.canvas-hint b{font:20px var(--serif);margin-top:10px}.canvas-hint small{font-size:10px;margin-top:6px}.right-panel-head{padding:19px 18px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.right-panel-head h3{font:19px var(--serif);margin:7px 0 0}.inspector-spark{color:var(--rose);font-size:24px}.inspector-content{padding:17px}.inspector-empty{text-align:center;padding:20px 5px 27px;color:var(--muted)}.inspector-empty div{font-size:31px;color:var(--rose)}.inspector-empty b{display:block;font:17px var(--serif);color:var(--ink);margin:8px 0}.inspector-empty p{font-size:10px;line-height:1.6}.control-group{margin:15px 0}.control-group label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:7px}.control-group input[type=range]{width:100%;accent-color:var(--rose)}.control-group input[type=color]{width:100%;height:34px;border:1px solid var(--line);background:transparent;padding:3px}.control-group select,.control-group input[type=text],.control-group input[type=number]{width:100%;padding:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:11px}.inspector-actions{display:flex;gap:6px}.inspector-actions button{flex:1;padding:8px;border:1px solid var(--line);background:transparent;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#211a17aa;display:none;align-items:center;justify-content:center;z-index:60;padding:18px}.modal-backdrop.open{display:flex}.modal{position:relative;background:var(--paper);width:min(470px,100%);padding:35px;box-shadow:var(--shadow);max-height:90vh;overflow:auto}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:25px;color:var(--muted)}.modal h2{font:32px var(--serif);margin:12px 0}.modal>p{font-size:12px;line-height:1.7;color:var(--muted)}.export-options{display:grid;gap:14px;margin:23px 0}.export-options>label{display:grid;gap:7px;font-size:10px;color:var(--muted)}.export-options select{padding:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.export-options .check-line{display:flex;align-items:center;gap:8px}.check-line input{accent-color:var(--rose)}.export-modal .text-button{margin-top:12px}.preview-modal{text-align:center}.preview-modal img{max-width:100%;max-height:52vh;object-fit:contain;background:#e9dfd3;margin:10px 0 20px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:3px;font-size:11px;z-index:90;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.editor-layout{grid-template-columns:225px minmax(250px,1fr) 245px}.main-nav{margin-left:15px}.creation-grid,.template-strip,.template-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:64px;padding:0 16px}.main-nav{display:none;position:absolute;top:63px;left:0;right:0;margin:0;padding:10px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.main-nav.open{display:flex;justify-content:center}.nav-link{padding:10px}.saved-indicator{display:none}.menu-button{display:block}.top-actions{gap:7px}.brand{font-size:21px}.hero{grid-template-columns:1fr;padding-top:60px;min-height:0}.hero h1{font-size:52px}.hero-art{height:350px;margin-top:15px}.polaroid{width:180px;padding:10px 10px 35px}.photo-placeholder{height:180px}.photo-flower span{left:43px;top:30px;font-size:90px}.note-one{left:4%;top:25px}.note-two{right:2%;bottom:18px}.creation-grid{grid-template-columns:repeat(2,1fr)}.creation-card{min-height:220px}.section-heading h2{font-size:28px}.template-strip,.template-grid{grid-template-columns:repeat(2,1fr)}.footer{flex-wrap:wrap;gap:15px}.page-intro{padding-top:55px}.page-intro h1{font-size:45px}.projects-intro{display:block}.projects-intro .button{margin-top:15px}.project-grid{grid-template-columns:repeat(2,1fr)}.editor-view{height:calc(100dvh - 64px);min-height:0;overflow:auto}.editor-topline{height:auto;min-height:56px;flex-wrap:wrap;gap:8px;padding:8px 10px}.project-name-wrap{order:3;width:100%;padding-left:4px}.editor-top-actions{margin-left:auto;gap:4px}.editor-top-actions .button{padding:8px 9px}.editor-layout{height:auto;min-height:calc(100% - 88px);grid-template-columns:1fr;display:flex;flex-direction:column}.canvas-stage{order:1;min-height:460px;height:58vh}.canvas-scroll{padding:15px}.left-panel{order:2;border-right:0;border-top:1px solid var(--line);max-height:none;overflow:visible}.right-panel{order:3;border-left:0;border-top:1px solid var(--line);max-height:none;overflow:visible}.panel-tabs{position:sticky;top:0}.right-panel-head{padding:13px 16px}.inspector-content{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.inspector-empty{grid-column:1/-1}.canvas-toolbar,.canvas-footer{padding:0 10px;font-size:8px}.modal{padding:28px 22px}.section-wrap{width:91%}}
@media(max-width:390px){.creation-grid,.template-strip,.template-grid{grid-template-columns:1fr}.creation-card{min-height:205px}.hero h1{font-size:44px}.top-actions .button{display:none}.editor-top-actions .tool-button{width:26px;height:27px}.project-name-wrap input{width:145px}}

.custom-size-row{display:flex;align-items:center;gap:5px;margin-top:8px}.custom-size-row input{width:0;min-width:0;flex:1;padding:7px 5px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:10px}.custom-size-row span{color:var(--muted);font-size:10px}.custom-size-row button{padding:7px 9px;border:1px solid var(--line);background:var(--rose-pale);font-size:10px}.project-head-actions{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:760px){.project-head-actions{margin-top:12px}.project-head-actions .button{padding:9px 11px;font-size:10px}}