.mlo-app{color-scheme:light;--mlo-ink:#171717;--mlo-muted:#6b6255;--mlo-line:#d8c7aa;--mlo-paper:#f5f1e8;--mlo-panel:#fffdf8;--mlo-accent:#b87513;--mlo-accent-strong:#7d4b08;--mlo-danger:#9b4b12;--mlo-shadow:0 16px 40px rgba(34,25,12,.14);width:100%;max-width:none;min-height:100vh;margin:0;padding:24px;color:var(--mlo-ink);background:linear-gradient(120deg,rgba(184,117,19,.12),transparent 35%),radial-gradient(circle at top right,rgba(30,30,30,.10),transparent 32%),var(--mlo-paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mlo-app *{box-sizing:border-box}.mlo-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;max-width:1500px;margin:0 auto;padding:4px 0 22px}.mlo-header h1{margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;letter-spacing:-.02em}.mlo-header p{max-width:720px;margin:10px 0 0;color:var(--mlo-muted);font-size:1rem}.mlo-version{flex:none;padding:8px 12px;border:1px solid var(--mlo-line);border-radius:8px;background:rgba(255,253,248,.78);color:var(--mlo-accent-strong);font-size:.82rem;font-weight:800;box-shadow:0 5px 16px rgba(34,25,12,.08)}
.mlo-app [hidden]{display:none!important}.mlo-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1500px;margin:0 auto 18px}.mlo-progress button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid var(--mlo-line);border-radius:8px;background:rgba(255,253,248,.78);color:var(--mlo-muted);font-weight:750;cursor:pointer}.mlo-progress button span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e9dfcc}.mlo-progress button.is-active{border-color:var(--mlo-accent);background:#fbf3e3;color:var(--mlo-accent-strong)}.mlo-progress button.is-active span,.mlo-progress button.is-complete span{background:var(--mlo-accent);color:#fff}.mlo-progress button.is-complete{color:#37734d}
.mlo-main{display:grid;grid-template-columns:minmax(300px,410px) minmax(0,1fr);grid-template-areas:"controls workspace" "submit workspace";gap:18px;align-items:start;max-width:1500px;margin:0 auto}.mlo-toolbar{grid-area:controls;display:grid;gap:0;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding:0 18px;background:var(--mlo-panel);border:1px solid var(--mlo-line);border-radius:8px;box-shadow:var(--mlo-shadow)}
.mlo-main.is-review{grid-template-areas:"submit workspace"}.mlo-next{width:100%;margin-top:16px;background:var(--mlo-accent)!important;color:#fff!important}.mlo-review{margin:0 0 16px;padding:12px;border:1px solid var(--mlo-line);border-radius:8px;background:#fbf3e3;color:var(--mlo-accent-strong);font-weight:750;line-height:1.5}
.mlo-panel{padding:18px 0;border-bottom:1px solid var(--mlo-line)}.mlo-panel:last-child{border-bottom:0}.mlo-panel h3,.mlo-submit h3{margin:0 0 14px;color:#29322f;font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.025em}.mlo-app label{display:block;margin:10px 0;color:#29322f;font-size:.86rem;font-weight:700}.mlo-app input,.mlo-app select,.mlo-app textarea{width:100%;margin-top:6px;padding:10px 11px;border:1px solid #c9b995;border-radius:8px;background:#fffdf8;color:#171717;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.mlo-app input:focus,.mlo-app select:focus,.mlo-app textarea:focus{border-color:var(--mlo-accent);box-shadow:0 0 0 3px rgba(184,117,19,.14)}.mlo-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mlo-button,.mlo-actions button{appearance:none;border:1px solid var(--mlo-line);border-radius:8px;padding:10px 13px;background:#f3ecde;color:#29322f;font-weight:800;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.mlo-button:hover,.mlo-actions button:hover{border-color:var(--mlo-accent);background:#fbf3e3;transform:translateY(-1px)}.mlo-button.mlo-primary{width:100%;border-color:var(--mlo-accent-strong);background:linear-gradient(135deg,var(--mlo-accent),var(--mlo-accent-strong));color:#fff;font-size:1rem;padding:14px 20px}.mlo-button:disabled{opacity:.55;cursor:wait;transform:none}.mlo-upload{margin-top:16px!important}.mlo-help,.mlo-note{color:var(--mlo-muted);font-size:.82rem;line-height:1.5}.mlo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mlo-actions button{min-width:0}.mlo-actions [data-mlo-larger],.mlo-actions [data-mlo-smaller]{font-size:1.2rem}.mlo-actions .mlo-danger{color:var(--mlo-danger)}
.mlo-variation-details{margin:8px 0 14px;padding:11px 12px;border-left:3px solid var(--mlo-accent);border-radius:0 8px 8px 0;background:#fbf3e3;color:var(--mlo-muted);font-size:.85rem;line-height:1.45}.mlo-variation-details p{margin:0 0 6px}.mlo-variation-details p[hidden]{display:none}.mlo-variation-details strong{color:var(--mlo-accent-strong)}
.mlo-font-preview{min-height:58px;margin:8px 0 14px;padding:12px;border:1px dashed var(--mlo-line);border-radius:8px;background:#fff;text-align:center;font-size:1.45rem;line-height:1.35;overflow-wrap:anywhere}.mlo-rotate-button{width:100%;margin:4px 0 8px;background:#fbf3e3;color:var(--mlo-accent-strong)}.mlo-camera{padding:10px;border:1px dashed var(--mlo-accent);border-radius:8px;background:#fbf3e3}.mlo-workspace{position:relative}.mlo-drop-message{display:none;position:absolute;inset:70px 22px 55px;z-index:3;place-items:center;border:3px dashed var(--mlo-accent);border-radius:10px;background:rgba(255,253,248,.92);color:var(--mlo-accent-strong);font-size:1.25rem;font-weight:850;pointer-events:none}.mlo-workspace.is-dragover .mlo-drop-message{display:grid}.mlo-workspace.is-dragover canvas{opacity:.35}
.mlo-quality{margin:14px 0 0;padding:11px 12px;border:1px solid var(--mlo-line);border-radius:8px;background:#f3ecde;color:var(--mlo-muted);font-size:.85rem;font-weight:750}.mlo-quality.is-good{border-color:#6ba17b;background:#edf7ef;color:#28603a}.mlo-quality.is-medium{border-color:#d6a548;background:#fff7e6;color:#855c0a}.mlo-quality.is-poor{border-color:#c86a5d;background:#fff0ed;color:#922f23}
.mlo-scale-control{position:relative;margin-top:16px!important;padding:11px 12px;border:1px solid var(--mlo-line);border-radius:8px;background:#fff}.mlo-scale-control span{float:right;color:var(--mlo-accent-strong)}.mlo-scale-control input[type=range]{display:block;width:100%;margin:10px 0 0;padding:0;border:0;box-shadow:none;accent-color:var(--mlo-accent)}.mlo-scale-control input:disabled{opacity:.45}
.mlo-workspace{grid-area:workspace;min-width:0;min-height:660px;padding:22px;background:var(--mlo-panel);border:1px solid var(--mlo-line);border-radius:8px;box-shadow:var(--mlo-shadow);text-align:center;overflow:hidden}.mlo-workspace canvas{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;margin:auto;background:#fff;box-shadow:0 8px 25px rgba(35,28,17,.18);touch-action:none;cursor:move}.mlo-size-label{display:inline-block;margin-bottom:16px;padding:8px 12px;border:1px solid var(--mlo-line);border-radius:8px;background:#f3ecde;color:var(--mlo-accent-strong);font-weight:800}.mlo-submit{grid-area:submit;padding:18px;background:var(--mlo-panel);border:1px solid var(--mlo-line);border-radius:8px;box-shadow:var(--mlo-shadow)}.mlo-approval{display:flex!important;gap:10px;align-items:flex-start;margin:18px 0!important}.mlo-approval input{width:auto;margin:3px 0 0}.mlo-status{min-height:24px;margin-top:12px;font-size:.9rem;font-weight:750;line-height:1.4}.mlo-status.is-error{color:#9b3024}.mlo-status.is-success{color:#37734d}.mlo-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:900px){.mlo-app{padding:16px}.mlo-main,.mlo-main.is-review{grid-template-columns:1fr;grid-template-areas:"controls" "workspace" "submit"}.mlo-main.is-review{grid-template-areas:"workspace" "submit"}.mlo-toolbar{position:static;max-height:none}.mlo-workspace{min-height:0;padding:12px}.mlo-header{align-items:center}.mlo-header p{font-size:.9rem}.mlo-progress button{font-size:0}.mlo-progress button span{font-size:.82rem}}
@media(max-width:520px){.mlo-row{grid-template-columns:1fr}.mlo-actions{grid-template-columns:1fr 1fr}.mlo-header{gap:12px}.mlo-version{padding:6px 8px}}