:root{font-family:Inter,ui-rounded,Avenir Next,system-ui,sans-serif;color:#332f2c;background:#f8f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.print a{border:0;border-radius:12px;background:#8b4f55;color:#fff;padding:13px 20px;min-height:46px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:disabled,.disabled{opacity:.45;pointer-events:none}.secondary,.segments button{background:#eee6dc;color:#493f3a}.back,.quiet{background:transparent;color:#78444a;text-decoration:none}.brand{font-family:Georgia,serif;font-size:25px;color:#78444a;font-weight:700}main{max-width:1240px;margin:auto;padding:0 28px 100px}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3ddd4}.hero{text-align:center;padding:55px 0}.hero h1{font-family:Georgia,serif;font-size:42px;margin:8px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#95726b}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:720px;margin:35px auto}.create{height:170px;flex-direction:column;gap:8px}.create span{font-size:32px}.create strong{font-size:20px}.create small{opacity:.8}.create.text{background:#83535b}.create.backing{background:#56776d}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px}.project{cursor:pointer}.paper,.project img{aspect-ratio:105/148;width:100%;object-fit:cover;background:#fff;box-shadow:0 3px 16px #4428;padding:12%;white-space:pre-wrap;overflow:hidden}.project h3{margin:12px 0 2px}.empty,.placeholder{padding:45px;text-align:center;color:#857971;background:#eee8df;border-radius:16px}.title{border:0;background:transparent;text-align:center;font-weight:700;font-size:18px}.workspace{display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:50px;padding:32px 0}aside{display:flex;flex-direction:column;gap:17px}label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:14px}input,textarea,select{border:1px solid #d7cec2;border-radius:10px;background:#fff;padding:11px;min-height:44px}textarea{resize:vertical}.row,.segments{display:flex;gap:8px}.row>*{flex:1}.segments button{flex:1;padding:8px;min-height:40px;text-transform:capitalize}.segments .active{background:#84525a;color:#fff}.preview-wrap{text-align:center;min-width:0}.a6{aspect-ratio:105/148;width:min(100%,460px);margin:0 auto;background:#fff;box-shadow:0 8px 30px #594c4033;display:flex;overflow:hidden}.a6 .copy{flex:1;min-width:0;overflow-wrap:anywhere}.a6.overflow{outline:4px solid #c84c4c}.a6.image{display:block;padding:0;object-fit:cover}.placeholder{display:flex;align-items:center;justify-content:center}.warning,.error{color:#a23232}.warning{max-width:460px;margin:15px auto;background:#fbe3df;padding:12px;border-radius:9px}.success{color:#317451}.revision-nav{display:flex;justify-content:center;align-items:center;gap:10px;margin:16px}.revision-nav button{background:transparent;color:#78444a}footer{position:fixed;bottom:0;left:0;right:0;background:#fffefb;border-top:1px solid #ddd5ca;padding:14px max(28px,calc((100vw - 1184px)/2));display:flex;justify-content:space-between;align-items:center;z-index:5}footer>div{display:flex;gap:8px}.print{display:flex;gap:8px}.login{min-height:100vh;display:grid;place-items:center}.login .card{width:min(430px,92vw);background:#fff;padding:38px;border-radius:20px;box-shadow:0 12px 40px #47372a22}.login h1{font-family:Georgia,serif}.loading{display:grid;place-items:center;height:100vh}.quiet{font-size:14px}@media(max-width:760px){main{padding-left:16px;padding-right:16px}.hero{padding:28px 0}.hero h1{font-size:31px}.create-grid{grid-template-columns:1fr}.create{height:125px}.workspace{display:flex;flex-direction:column}.preview-wrap{order:-1}.a6{width:min(78vw,390px)}footer{padding:10px 14px;align-items:flex-start}footer>span{display:none}footer>div{overflow-x:auto}.print a,footer button{white-space:nowrap;padding:10px 13px}.title{width:45%}}.a6{container-type:inline-size}.project{position:relative}.delete-project{position:absolute;z-index:2;bottom:8px;right:10px;width:44px;height:44px;min-height:44px;padding:10px;border:2px solid white;border-radius:14px;background:#b83232;box-shadow:0 3px 12px #4428}.delete-project:hover,.delete-project:focus-visible{background:#912525;outline:3px solid #f3b5b5;outline-offset:2px}.delete-project svg{width:100%;height:100%;fill:#fff}.backing-preview{position:relative;width:min(100%,460px);margin:0 auto}.backing-preview .a6{width:100%}.import-panel{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:17px;border:2px dashed #bca99b;border-radius:14px;background:#fffdf9;text-align:center}.import-panel:focus-within,.import-panel:focus{border-color:#83535b;outline:3px solid rgb(131 83 91 / 15%)}.import-panel small{color:#766d67}.backing-divider{display:flex;align-items:center;gap:10px;color:#8c8078;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.backing-divider:before,.backing-divider:after{content:"";flex:1;border-top:1px solid #ddd3c8}.crop-canvas{display:block;width:100%;height:auto;padding:0;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.crop-canvas:active{cursor:grabbing}.crop-zoom{margin-top:14px;padding:12px;border-radius:12px;background:#eee8df;text-align:left}.crop-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.cost-badge{position:absolute;right:10px;bottom:10px;padding:7px 10px;border-radius:10px;color:#493f3a;background:#fffcf7eb;box-shadow:0 2px 10px #281e192e;font-size:12px;font-weight:700}.generation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;border-radius:4px;color:#493f3a;background:#fffcf7e0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.generation-overlay small{max-width:260px}.generation-overlay.has-preview{inset:auto 12px 12px;padding:14px 18px;border-radius:14px;background:#fffcf7eb}.generation-overlay.has-preview .spinner{width:28px;height:28px;border-width:3px}.generation-overlay progress{width:min(230px,70%);accent-color:#83535b}.partial-image{filter:saturate(.92)}.spinner{width:48px;height:48px;border:5px solid #decfc2;border-top-color:#83535b;border-radius:50%;animation:card-parts-spin .8s linear infinite}@keyframes card-parts-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.8s}}.font-picker{position:relative}.font-picker-trigger{width:100%;justify-content:space-between;color:#332f2c;background:#fff;border:1px solid #d7cec2;font-size:18px}.font-picker-popover{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;padding:10px;border:1px solid #d7cec2;border-radius:14px;background:#fffefb;box-shadow:0 12px 32px #4424}.font-picker-popover input{width:100%;margin-bottom:8px}.font-list{display:flex;flex-direction:column;gap:3px;max-height:min(52vh,430px);overflow-y:auto;overscroll-behavior:contain}.font-list button{display:block;flex:0 0 auto;width:100%;min-height:48px;padding:8px 12px;color:#332f2c;background:transparent;text-align:left;justify-content:flex-start;font-size:22px}.font-list button:hover,.font-list button.selected{background:#eee6dc}.hint{color:#766d67;margin-top:-11px}.superscript-button{align-self:flex-start}.toggle{flex-direction:row;align-items:center}.toggle input{min-height:auto;width:20px;height:20px}.effect-controls{display:flex;flex-direction:column;gap:14px;padding:14px;background:#eee8df;border-radius:12px}.copy sup{font-size:.65em;vertical-align:super;line-height:0}.login-button{margin-top:22px}