:root{--orange:#e94f0e;--ink:#171818;--paper:#f4f2ed;--muted:#727370;--line:#deded7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header{height:82px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5d6d0}.brand{display:flex;align-items:center;gap:23px}.brand img{width:105px;filter:brightness(0)}.brand span{font-size:11px;letter-spacing:2px;border-left:1px solid #aaa;padding-left:23px}.header-tag{font-size:10px;letter-spacing:1.5px}main{max-width:1440px;margin:auto;padding:34px 4% 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;gap:30px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.1px;margin:0 0 22px}.eyebrow span{background:var(--ink);color:white;padding:7px 10px;border-radius:20px;font-size:9px}h1{font-size:clamp(44px,5.6vw,78px);font-weight:600;letter-spacing:-4px;line-height:.98;margin:0}h1 em{font-style:normal;color:var(--orange)}.intro-right{padding-bottom:4px}.intro-right p{font-size:15px;line-height:1.6;margin:0 0 22px}.how{display:flex;align-items:center;gap:14px;font-size:11px}.how i{font-size:17px;color:var(--orange);font-style:normal}.studio{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(350px,.85fr);background:#fff;border:1px solid #e2e1db;border-radius:18px;overflow:hidden;box-shadow:0 12px 45px #34382a07;align-items:start}.preview{background:#202221;background-image:radial-gradient(#ffffff14 .6px,transparent .6px);background-size:9px 9px;padding:24px 30px;position:sticky;top:0;min-width:0}.preview-top,.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#b9bdb6;font-size:10px;letter-spacing:1px}.preview-top i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}.canvas-wrap{position:relative;display:flex;justify-content:center;align-items:center;margin:24px 0;min-height:510px}canvas{display:block;width:auto;max-width:min(100%,410px);height:auto;max-height:570px;box-shadow:0 15px 35px #0007;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.sample{position:absolute;bottom:14px;background:#f4f2edf0;color:#252725;padding:7px 12px;font-size:8px;letter-spacing:1px;border-radius:20px;pointer-events:none}.sample.uploaded{display:none}.preview-bottom{letter-spacing:0;font-size:11px}.text-btn{color:#c8cbc4;background:none;border:0;padding:0;font-size:11px}aside{padding:28px 30px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:27px;letter-spacing:-1px;margin:0;font-weight:600}.panel-head>span{color:var(--orange);font-size:32px}.upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:19px 8px;gap:9px;background:var(--orange);color:#fff;border-radius:9px;cursor:pointer;transition:background .2s}.upload:hover,.upload.over{background:#d64508}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload:focus-within{outline:3px solid #222;outline-offset:3px}.upload strong{font-size:17px;font-weight:600}.upload span{font-size:10px;color:#ffdfd2}.privacy{font-size:10px;color:var(--muted);text-align:center;margin:10px 0 25px}.control-label{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}h3{font-size:13px;margin:0;font-weight:600}.control-label>span{font-size:9px;color:#94958f;letter-spacing:1px}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template{border:0;background:none;padding:0;text-align:left;color:var(--ink)}.mini{display:block;aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:6px;background:#16191d;outline:2px solid transparent;outline-offset:3px;transition:transform .2s}.template.active .mini{outline-color:var(--orange)}.template:hover .mini{transform:translateY(-3px)}.mini img{width:100%;height:100%;object-fit:cover;object-position:50% 65%;opacity:.85}.mini:after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,transparent 45%,#000b)}.mini b{font-style:italic;position:absolute;top:10px;left:9px;font-size:12px;color:#fff;z-index:1}.mini em{position:absolute;bottom:10px;left:9px;font-style:normal;color:#fff;font-size:19px;line-height:.88;letter-spacing:-.6px;font-weight:900;z-index:1}.edi em{top:12px;bottom:auto;font-size:25px}.edi b{top:auto;bottom:9px}.dark em{color:#ff6b29}.template strong{font-size:11px;display:block;margin-top:10px;font-weight:500}.template.active strong{color:var(--orange)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented button{display:flex;align-items:center;justify-content:center;gap:11px;padding:13px 7px;background:#f5f5f1;color:#75766e;border:1px solid transparent;border-radius:7px;text-align:left;font-size:11px}.segmented .active{border-color:#242623;background:#fff;color:#171818}.segmented small{display:block;font-size:9px;color:#8b8d84;margin-top:4px}.ratio{display:inline-block;border:1.4px solid currentColor;border-radius:3px;width:18px;height:23px}.ratio.story{width:14px;height:25px}details{margin:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{padding:17px 0;cursor:pointer;font-size:12px;list-style:none}summary::-webkit-details-marker{display:none}summary span{float:right;font-size:10px;color:#85867d}.details-body{padding:0 0 20px}label{display:block;font-size:11px;margin:15px 0 7px}input:not([type=file]):not([type=range]),select{width:100%;padding:11px 10px;border:1px solid #d9dad3;border-radius:5px;background:#fafaf7;color:#222;font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.range-row{display:flex;align-items:center;justify-content:space-between}.range-row output{font-size:10px}input[type=range]{width:100%;accent-color:var(--orange)}.download{width:100%;display:flex;align-items:center;justify-content:space-between;background:#202220;color:white;border:0;border-radius:8px;padding:17px 19px;font-size:15px;font-weight:500}.download:hover{background:#393c37}.download span{font-size:22px;line-height:1}#status{font-size:10px;color:var(--muted);text-align:center;margin:11px 0 0;line-height:1.5;min-height:15px}footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:30px 0;font-size:9px;letter-spacing:1px;color:#7d7e75}footer strong{color:#30322d;font-weight:500}footer a{color:inherit;text-decoration:none}@media(min-width:1000px){.preview{min-height:690px}}@media(max-width:900px){main{padding-top:26px}.studio{grid-template-columns:1.1fr 1fr}aside{padding:22px 20px}.preview{padding:22px 20px}.canvas-wrap{min-height:470px}h1{letter-spacing:-2px}.intro-right p{font-size:13px}.mini em{font-size:16px}.edi em{font-size:20px}.how{gap:9px;font-size:10px}}@media(max-width:650px){header{height:68px}.header-tag{display:none}.brand img{width:88px}.brand span{font-size:10px}.intro{display:block;margin-bottom:24px}.eyebrow{font-size:8px;gap:8px;margin-bottom:18px}h1{font-size:48px;letter-spacing:-2.5px}.intro-right p{margin:18px 0 12px;font-size:14px}.intro-right p br{display:none}.how{font-size:10px}.studio{display:flex;flex-direction:column;overflow:visible;border-radius:12px}.preview{width:100%;position:relative;border-radius:12px 12px 0 0;padding:18px}.canvas-wrap{min-height:0;margin:18px 0}canvas{max-height:390px;max-width:100%}.preview-top{font-size:9px}.preview-bottom{font-size:10px}aside{width:100%;padding:24px}.templates{gap:13px}.mini{max-height:150px}.mini em{font-size:25px}.edi em{font-size:31px}footer{flex-wrap:wrap;font-size:8px}footer>span{display:none}.panel-head h2{font-size:25px}}

.required-details{margin:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.required-badge{color:var(--orange)!important;font-size:9px!important;font-weight:600}.details-help{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 16px}.mini.edi:before{content:"";position:absolute;bottom:20px;left:9px;width:25px;height:3px;background:var(--orange);z-index:2}.mini.dark:before{content:"";position:absolute;bottom:20px;left:9px;right:9px;height:2px;background:var(--orange);z-index:2}.mini.sig:before{content:"";position:absolute;bottom:20px;left:9px;right:9px;height:1px;background:#fff8;z-index:2}

.framing-control{margin-top:20px}.framing-control .segmented button{padding:12px;font-size:12px}button:disabled{cursor:default;opacity:.45}.full-photo .mini img{object-fit:contain}.full-photo .mini.sig{background:#f2efe8}.full-photo .mini.sig b{color:#171818}.full-photo .mini:after{background:none}.full-photo .mini.sig:before{background:#17181855}

.how-guide{border-top:1px solid var(--line);padding-top:15px}.intro-right .how-label{font-size:10px;letter-spacing:1.3px;color:var(--muted);margin:0 0 12px}.how{display:flex;flex-direction:column;align-items:flex-start;gap:10px;list-style:none;padding:0;margin:0;font-size:13px;line-height:1.4}.how li{display:flex;align-items:center;gap:10px}.step-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;background:#e94f0e12;color:var(--orange);font-size:11px;font-weight:600}.intro-right{min-width:285px}@media(max-width:650px){.intro-right{min-width:0}.how-guide{margin-top:18px;padding-top:14px}.how{gap:9px;font-size:13px}.intro-right .how-label{font-size:10px;margin:0 0 12px}}

.templates{display:flex;overflow-x:auto;gap:13px;padding:5px 4px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c8c9c1 transparent}.template{flex:0 0 29%;scroll-snap-align:start}.template small{display:block;font-size:8px;color:var(--orange);margin-top:4px}.mini.gallery{border:7px solid #f9f8f2;border-bottom-width:22px}.mini.gallery b{color:#111;top:auto;bottom:-17px;font-size:8px}.mini.label:before{content:'';position:absolute;z-index:2;background:#e94f0e;left:8px;right:8px;bottom:13px;height:18px}.mini.split:before{content:'';position:absolute;z-index:2;background:#f4f2ed;left:0;right:0;top:49%;height:5px}.photo-tray{display:flex;gap:9px;margin-top:12px}.photo-item{flex:1;min-width:0;border:1px solid #ddd;border-radius:7px;padding:5px}.photo-item.selected{border-color:var(--orange)}.photo-select{border:0;padding:0;width:100%;background:none;position:relative}.photo-select img{display:block;width:100%;height:68px;object-fit:cover;border-radius:3px}.photo-select span{position:absolute;top:4px;left:4px;background:#111b;color:white;border-radius:3px;padding:2px 5px;font-size:10px}.photo-actions{display:flex;justify-content:space-between;margin-top:5px}.photo-actions button{border:0;background:#f1f1ed;padding:4px 8px;font-size:12px;border-radius:3px}.add-photo{position:relative;text-align:center;padding:9px;border:1px dashed #c9cac4;border-radius:5px;cursor:pointer;font-size:11px}.add-photo input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}#splitOptions{margin-top:15px}#splitOptions select{margin-bottom:10px}[hidden]{display:none!important}