.stage{position:relative;max-width:390px;margin:22px auto;background:#e6eae2;overflow:hidden;line-height:0;border-radius:10px}.stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.stage #empty{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;line-height:1.8;padding:20px;text-align:center;pointer-events:none}.guides{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent calc(50% - .5px),#ffffffb3 50%,transparent calc(50% + .5px))}.guides:before{content:'';position:absolute;inset:33.333%;border:1px dashed #ffffffb3}.settings fieldset{border:0;padding:0;margin:0;min-width:0}.settings label:not(.guide-toggle){display:flex;justify-content:space-between;font-weight:700;font-size:13px;margin-top:20px}.settings select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:white;font:inherit}.settings input[type=range]{width:100%;accent-color:var(--green);margin:15px 0 0}.guide-toggle{display:block;font-size:12px;margin-top:20px}.guide-toggle input{accent-color:var(--green)}.disabled{opacity:.45;pointer-events:none}.open-link{display:block;font-size:12px;text-align:center;margin-top:14px}#filename{overflow-wrap:anywhere}#clear{margin-top:20px}fieldset:disabled{opacity:.5}

.stage.landscape{max-width:100%}

.size-heading{font-size:16px;margin:0 0 12px}.size-buttons,.size-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.size-buttons button,.size-variants button{min-height:64px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:10px 6px;font-size:13px;font-weight:700;line-height:1.5}.size-buttons small,.size-variants small{display:block;font-size:10px;font-weight:400;margin-top:4px}.size-buttons button[aria-pressed=true],.size-variants button[aria-pressed=true]{background:#ff8a1c;border-color:#a74600;color:#302114;box-shadow:inset 0 0 0 1px #a74600}.size-variants{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.size-buttons button:disabled,.size-variants button:disabled{cursor:default}

.photo-zoom-tools{display:flex;justify-content:center;align-items:center;gap:20px;margin:16px 0 10px}.photo-zoom-tools button{width:48px;height:48px;border:1px solid #d79b59;border-radius:50%;background:#fff0da;color:#7f3500;font-size:25px;font-weight:700;line-height:1}.photo-zoom-tools output{min-width:64px;text-align:center;font-weight:700}.move-hint{padding:12px 15px;border-radius:10px;background:#fff0da;color:#74431d;font-size:13px;line-height:1.8}

.size-shape{display:block;height:28px;max-width:60px;margin:0 auto 7px;border:2px solid currentColor;border-radius:3px;opacity:.7}.purpose-help{font-size:13px;line-height:1.85;padding:14px;background:#fff0da;border-radius:10px;color:#74431d}.size-variants button{overflow-wrap:anywhere}#custom-size-wrap input{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit}#custom-size-wrap{margin-top:16px}