*{box-sizing:border-box}body{margin:0;padding:28px;background:#f5f0e7;color:#493a2b;font:16px/1.7 system-ui,sans-serif}main{max-width:1120px;margin:auto}header{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:24px}.eyebrow{letter-spacing:.08em;font-size:16px;color:#8a7156;margin:0 0 10px}h1{font-size:clamp(23px,2.8vw,30px);line-height:1.5;margin:0 0 10px}h2{font-size:19px;margin:0 0 8px}p{margin:5px 0 14px}a{color:#745236;text-underline-offset:4px}.help-link{white-space:nowrap;margin-top:30px}.guide{background:#fffbf3;border:1px solid #dfd2bd;border-radius:12px;padding:16px 22px;margin:20px 0}.guide p{font-size:16px}.guide li{margin:12px 0}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:26px;align-items:start}form,.preview-column{background:#fffcf7;border:1px solid #e4dacb;border-radius:18px;padding:24px}fieldset{padding:0;border:0;margin:0}fieldset>legend{font-size:20px;font-weight:600;margin-bottom:20px}label{display:block;font-size:16px;margin:0 0 18px}input:not([type=radio]):not([type=range]),textarea{width:100%;font:inherit;background:white;border:1px solid #c9b89f;border-radius:7px;padding:10px;color:#493a2b;margin-top:6px}textarea{resize:vertical}input[type=range]{width:100%;margin:12px 0}input[type=file]{font-size:16px!important}.file-label{font-size:16px;color:#7f705d;overflow-wrap:anywhere;margin-top:-10px}.tax{padding:12px;border:1px solid #d7c7ae;border-radius:8px;margin-bottom:20px}.tax legend{font-size:16px;font-weight:400;margin:0}.tax label{display:inline-block;margin:0 16px 0 0}button,.download{border:1px solid #ab9473;border-radius:8px;background:#fffaf1;color:#493a2b;font:inherit;cursor:pointer;padding:10px 15px;text-decoration:none;display:inline-block}.quiet{font-size:16px;padding:6px 10px;margin:0 0 20px}.primary{background:#65513a;color:white;width:100%;margin-top:14px}.primary:disabled{opacity:.5;cursor:wait}.status{font-size:16px;color:#756650;min-height:22px}.status.error{color:#a03f29}.draft-row{margin-top:18px}.draft-row .quiet{margin-bottom:0}.preview-column{position:sticky;top:18px}.tabs{display:flex;gap:4px;margin-bottom:15px}.tabs button{background:transparent;border-color:transparent;padding:7px 20px}.tabs button[aria-selected=true]{background:#eee5d7;border-color:#d8c9b1}.preview-frame{background:#eee5d7;border-radius:9px;height:min(65vh,720px);overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-frame img,.preview-frame video{width:100%;height:100%;object-fit:contain}.video-row{display:flex;gap:15px;align-items:center;font-size:16px;margin-top:12px}.result{border-top:1px solid #e2d6c4;margin-top:18px;padding-top:20px}.result-title{font-size:16px}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:10px}.download{font-size:16px;background:#65513a;color:white;text-align:center}.open-links{display:flex;gap:18px;flex-wrap:wrap;font-size:16px;margin:14px 0}small{font-size:16px;color:#7a6b56}.guide summary,details summary{cursor:pointer}details>label{margin-top:15px}footer{font-size:16px;color:#80705c;margin:28px 0}footer p{margin:5px 0}[hidden]{display:none!important}@media(max-width:700px){body{padding:16px}.workspace{grid-template-columns:1fr}.preview-column{position:static}form,.preview-column{padding:20px}.preview-frame{height:65vh}.downloads{grid-template-columns:1fr}.help-link{margin-top:16px}header{gap:12px}}
/* PC keeps the side-by-side editor; mobile separates edit and review. */
.mobile-steps,.mobile-actions,.mobile-preview-heading{display:none}.photo-position{margin-bottom:18px}.photo-position label{margin-top:12px;margin-bottom:2px}.range-labels{display:flex;justify-content:space-between;font-size:16px;color:#7f705d}.save-help{font-size:16px;margin:14px 0}.save-help li{margin:10px 0}.save-help p{margin-top:12px}input,textarea,button,a{touch-action:manipulation}input:not([type=radio]):not([type=range]),textarea{font-size:16px}input[type=file]{font-size:16px!important;min-width:0;max-width:100%}.quiet,button,.download{min-height:44px}.tax label{min-height:44px;display:inline-flex;align-items:center;padding:6px 3px;gap:7px}.tax input{width:20px;height:20px;margin:0}.preview-column,form{min-width:0}.status{overflow-wrap:anywhere}.result{scroll-margin-top:90px}.download[aria-disabled=true]{opacity:.5;pointer-events:none}.tabs button{min-height:44px}.save-help summary{min-height:44px;display:list-item;padding:8px 0}.primary:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #557f73;outline-offset:3px}.result h2{line-height:1.5}
@media(max-width:700px){body{padding:14px 14px calc(100px + env(safe-area-inset-bottom));}.mobile-steps{display:grid;grid-template-columns:1fr 1fr;position:sticky;top:0;z-index:4;background:#f5f0e7;padding:8px 0;gap:8px;margin:0 0 16px}.mobile-steps button{font-size:16px;background:#fffaf1;border-color:#dfd2bd;padding:10px 6px}.mobile-steps button[aria-current=step]{background:#65513a;color:white;border-color:#65513a}.workspace{display:block}body[data-mobile-panel=edit] .preview-column{display:none}body[data-mobile-panel=preview] #editor{display:none}.mobile-preview-heading{display:block}.mobile-preview-heading p{font-size:16px;color:#756650}.mobile-actions{display:flex;gap:10px;position:fixed;bottom:0;left:0;right:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffcf7;border-top:1px solid #d8cbb8;z-index:5;box-shadow:0 -3px 15px #493a2b0a}.mobile-actions .primary{margin:0;flex:1;min-height:48px;font-size:16px}.mobile-actions #mobile-back{font-size:16px;max-width:116px;min-height:48px;padding:8px 12px}body.typing .mobile-actions{display:none}#editor,#preview-column{scroll-margin-top:76px}#editor #build{margin-top:16px}.preview-frame{height:auto;max-height:none;aspect-ratio:210/297}#panel-video .preview-frame{aspect-ratio:9/16}.preview-column{padding:18px}.preview-frame img,.preview-frame video{display:block;min-width:0}.video-row{flex-wrap:wrap}.help-link{font-size:16px}.guide{padding:16px}.guide ol{padding-left:22px}footer{margin-bottom:22px}header{margin-bottom:16px}.eyebrow{font-size:16px}h1{font-size:24px}.tabs{margin-bottom:12px}.result{scroll-margin-top:80px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:700px){#editor #build{display:none}.mobile-steps{scroll-margin-top:0}button,input,textarea,a{max-width:100%}}
#edit-error:empty,#review-status:empty{display:none}.field-hint{font-size:16px;color:#7f705d;margin-top:-10px;margin-bottom:18px}.help-link{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px}.open-links a,.guide a{display:inline-flex;align-items:center;min-height:44px}
#photo-error:empty,#description-error:empty{display:none}
.status:empty{display:none}

.style-group{border:1px solid #ddd1c4!important;border-radius:10px;padding:12px!important;margin:14px 0!important;min-width:0}.style-group legend{font-size:16px;font-weight:700}.color-control{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-control input[type=color]{width:88px;height:44px;padding:3px;cursor:pointer}.style-toggles{display:flex;flex-wrap:wrap;gap:8px 20px}.style-toggles label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0}.style-toggles input[type=checkbox]{width:22px;height:22px;margin:0}

.account-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:16px;margin-bottom:24px}.account-bar button{min-height:44px}.login-main{max-width:640px!important;padding:36px 20px!important}.login-card{background:#fff;border:1px solid #ddd2c5;border-radius:18px;padding:24px;margin:28px 0}.login-card h2{font-size:22px}.login-card input{font-size:16px}.login-card .primary{width:100%;margin-top:16px}.login-card p{line-height:1.8}#login-status{white-space:pre-line}

.photo-save{margin:16px 0}.photo-save .primary{width:100%;min-height:48px}.photo-save .field-hint{line-height:1.7}

.photo-save .field-hint{margin:12px 0 18px}.photo-save button{white-space:normal;line-height:1.5;height:auto;padding:12px 14px}@media(max-width:700px){body.files-ready .mobile-actions{position:static;margin-top:16px;padding:0;background:transparent;border:0;box-shadow:none}body.files-ready .mobile-actions #mobile-back{max-width:none}body.files-ready{padding-bottom:24px}}

.demo-banner{background:#e7eddd;padding:14px;margin-bottom:25px;font-size:16px}.demo-banner a{color:#244b33}