:root{--bg:#f4f4f5;--card:#fff;--text:#18181b;--muted:#71717a;--primary:#111827;--primary-text:#fff;--border:#e4e4e7;--wall:#f97316;--toe:#22c55e;--warn-bg:#fef3c7;--warn-text:#78350f;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#09090b;--card:#18181b;--text:#f4f4f5;--muted:#a1a1aa;--primary:#f4f4f5;--primary-text:#09090b;--border:#3f3f46;--warn-bg:#422006;--warn-text:#fde68a}}*{box-sizing:border-box}body{background:var(--bg);margin:0}#app{max-width:560px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 16px}.center{text-align:center}h1,h2{margin:0 0 8px;line-height:1.2}.muted{color:var(--muted)}.small{word-break:break-all;font-size:.875rem}.steps{margin:16px 0 24px;padding-left:20px}.steps li{margin-bottom:8px}.button{width:100%;min-height:48px;font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:12px;margin-top:8px;padding:12px 16px;font-weight:600;text-decoration:none;display:block}.button.primary{background:var(--primary);color:var(--primary-text)}.button.secondary{color:var(--text);border-color:var(--border);background:0 0}.button.link{color:var(--muted);background:0 0;font-weight:400;text-decoration:underline}.actions{margin-top:16px}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.toggle{justify-content:center;align-items:center;gap:8px;margin:0 0 16px;display:flex}.chip{border:1px solid var(--border);min-height:36px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px}.chip.active{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.stats{text-align:left;border:1px solid var(--border);border-radius:12px;margin-top:12px;padding:10px 12px}.stats p{margin:0}.stats p+p{margin-top:4px}.tiny{margin:12px 0 0;font-size:.75rem}.error-banner{z-index:10;color:#fff;background:#b91c1c;border-radius:10px;padding:10px 12px;font-size:.85rem;position:fixed;bottom:8px;left:8px;right:8px}.qr{background:#fff;border-radius:8px;margin:16px auto;display:block}.editor-screen{flex-direction:column;gap:8px;height:calc(100dvh - 32px);display:flex}.editor-help{color:var(--muted);margin:0;font-size:.85rem}.editor-screen .warnings{margin:0}.editor-screen .warnings li{margin-top:4px;padding:6px 10px;font-size:.8rem}.canvas-wrap{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.editor-bar .live{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:0 0 8px;font-size:1.1rem;display:flex}.note-inline{color:var(--muted);font-size:.8rem}.row{gap:8px;display:flex}.row .button{flex:1;margin-top:0}.button.compact{min-height:36px;margin-top:4px;padding:6px}.canvas-wrap canvas{-webkit-user-select:none;user-select:none;display:block}.tag{font-weight:600}.tag.wall{color:var(--wall)}.tag.toe{color:var(--toe)}.live{margin:12px 0 0;font-size:1.25rem}.warnings{margin:8px 0 0;padding:0;list-style:none}.warnings li,.note{background:var(--warn-bg);color:var(--warn-text);border-radius:8px;margin-top:8px;padding:8px 12px;font-size:.9rem}.note.strong{margin-bottom:16px;font-weight:600}.length{margin:0 0 16px;font-size:1.5rem;font-weight:600}.size{margin:0 0 8px;font-size:3rem;font-weight:800}.manual label{margin:16px 0 8px;display:block}.manual input{width:100%;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;margin-top:4px;padding:12px;font-size:1.25rem;display:block}.spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:24px auto 8px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}