:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;color:#171717;background:#f3efe8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:calc(20px + env(safe-area-inset-top)) 16px calc(112px + env(safe-area-inset-bottom));min-height:100vh}.app-header{max-width:520px;margin:0 auto 18px}.eyebrow{margin:0 0 6px;color:#7c6248;font-weight:800;font-size:.72rem;letter-spacing:.15em}.app-header h1{margin:0;font-family:Georgia,serif;font-size:clamp(1.9rem,8vw,2.7rem);line-height:.96;letter-spacing:-.035em}main{max-width:520px;margin:auto}.card{background:#fff;border-radius:22px;padding:18px;box-shadow:0 10px 30px #36231312}.field+.field{margin-top:17px}.field>label{display:block;margin-bottom:7px;font-size:.92rem;font-weight:750}input,textarea,button{font:inherit}input[type=text],textarea{width:100%;border:1px solid #d7d0c6;border-radius:13px;background:#faf9f7;padding:13px 14px;font-size:16px;color:#171717;outline:none}input[type=text]:focus,textarea:focus{border-color:#795a3b;box-shadow:0 0 0 3px #795a3b20}textarea{min-height:126px;resize:vertical;line-height:1.45}.image-picker{display:flex;align-items:center;gap:11px}.image-picker img{width:54px;height:54px;object-fit:cover;border-radius:11px}.image-picker span{font-size:.82rem;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secondary,.ghost,.primary,.mode,.text-button,.dialog-close{border:0;cursor:pointer;min-height:46px;font-weight:750}.secondary{padding:0 16px;border-radius:12px;background:#eaddce;color:#4e3924}.image-controls{margin-top:12px}.segmented{display:flex;padding:3px;background:#eeeae4;border-radius:11px}.mode{flex:1;min-height:38px;border-radius:9px;background:transparent;color:#6a625a}.mode.active{background:#fff;color:#241b14;box-shadow:0 1px 5px #00000018}.zoom-label{display:flex!important;align-items:center;gap:12px;margin-top:10px!important;color:#675f57}.zoom-label input{flex:1}.error{margin:9px 0 0;color:#a13226;font-size:.82rem}.preview-section{margin-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:1rem;margin:0 0 10px}.text-button{min-height:38px;background:transparent;color:#654829}.preview-section canvas{display:block;width:100%;height:auto;background:#fff;border-radius:16px;box-shadow:0 12px 34px #36231319}.action-bar{position:fixed;z-index:10;left:0;right:0;bottom:0;display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#f3efe8ee;backdrop-filter:blur(14px);border-top:1px solid #ddd5ca}.action-bar button{border-radius:14px}.ghost{flex:.8;background:#e6ded4;color:#31271e}.primary{flex:1.6;background:#171717;color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:0;padding:52px 10px 10px;background:#111;width:100%;height:100%;max-width:none;max-height:none}dialog::backdrop{background:#111}.dialog-close{position:fixed;right:14px;top:calc(10px + env(safe-area-inset-top));padding:0 14px;border-radius:12px;background:#ffffff20;color:#fff}dialog img{display:block;width:100%;height:100%;object-fit:contain}@media(min-width:700px){body{padding-bottom:40px}.action-bar{position:static;max-width:520px;margin:20px auto 0;border:0;background:transparent;padding:0}}