:root{color-scheme:light dark;--bg: #f7f7f5;--surface: #ffffff;--border: #dcdcd6;--text: #1c1c1a;--muted: #63635d;--accent: #2f6f4f;--radius: 10px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}@media(prefers-color-scheme:dark){:root{--bg: #16171a;--surface: #1f2125;--border: #33363c;--text: #e9e9e6;--muted: #9a9a93;--accent: #6fbf95}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}#root{height:100vh;display:flex;flex-direction:column;padding:1.25rem 1.25rem 1rem;overflow:auto}.home{max-width:1100px;width:100%;margin:0 auto;padding:.75rem 0 3rem}.tool-page{flex:1;min-height:0;display:flex;flex-direction:column}.tool-page>.tool{flex:1;min-height:0;display:flex;flex-direction:column}.tool h1{margin:.25rem 0 .75rem}a{color:var(--accent)}.home__intro h1{margin:0 0 .25rem;font-size:1.9rem;letter-spacing:-.02em}.home__intro p{margin:0 0 1.5rem;color:var(--muted);max-width:60ch}.home__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:.3rem .85rem;font:inherit;font-size:.85rem;cursor:pointer}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.home__grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{display:block;height:100%;padding:1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit}.card:hover{border-color:var(--accent)}.card__title{margin:0 0 .4rem;font-size:1.05rem}.card__blurb{margin:0 0 .9rem;color:var(--muted);font-size:.9rem}.card__tags{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0}.card__tags li{font-size:.72rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem}.tool__breadcrumb{font-size:.9rem;color:var(--muted);margin-bottom:1.25rem}.notice,.home__empty{color:var(--muted)}.tool__layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:1.25rem;align-items:stretch}@media(max-width:720px){#root{height:auto;min-height:100vh}.tool__layout{grid-template-columns:1fr}.params{max-height:none}.viewer{height:60vh}}.params{display:grid;align-content:start;gap:.7rem;padding:1rem;max-height:100%;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.params__row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.params__group{margin:.2rem 0 -.4rem;font-size:.85rem;color:var(--muted)}.params,.params label,.params fieldset{min-width:0}.params label{display:grid;gap:.25rem;font-size:.9rem;color:var(--muted)}.params input,.params select{width:100%;min-width:0;text-overflow:ellipsis;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem}.params__check{grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.params__modes{display:flex;gap:1.25rem}.params__check input{width:1rem;height:1rem;padding:0;margin:0;accent-color:var(--accent)}.params__summary,.params__status{margin:0;font-size:.9rem;color:var(--muted)}.progress{height:4px;margin-top:.4rem;border-radius:2px;background:var(--border);overflow:hidden}.progress__fill{height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width .1s linear}.progress--indeterminate .progress__fill{width:35%;transition:none;animation:progress-slide 1.2s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(290%)}}.export-bar button{font:inherit;padding:.5rem .9rem;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.export-bar button:hover:not(:disabled),.camera__bar button:hover:not(:disabled){filter:brightness(1.15)}.export-bar button:active:not(:disabled),.camera__bar button:active:not(:disabled){filter:brightness(.9);transform:translateY(1px)}.export-bar button:disabled,.camera__bar button:disabled{opacity:.5;cursor:default}.export-bar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.export-bar .export-bar__secondary{background:transparent;color:var(--accent)}.steps{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;list-style:none;padding:0;margin:0 0 .9rem;font-size:.9rem}.steps button{font:inherit;padding:.2rem 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);cursor:pointer}.steps button:disabled{opacity:.45;cursor:default}.steps__current button{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.canvas-frame{border:1px solid var(--border);border-radius:var(--radius);background:#e9e9e6;overflow:hidden;min-height:200px;display:grid;grid-template-rows:minmax(0,1fr);place-items:center}.canvas-frame{min-height:0}.canvas-frame canvas{display:block;max-width:100%;max-height:100%;min-height:0;width:auto;height:auto}.camera{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;place-items:center}.camera__title{margin:0;padding:.5rem .8rem;width:100%;box-sizing:border-box;text-align:center;font-weight:600;background:var(--accent);color:#fff}.view-tabs{display:flex;gap:.5rem;padding:.5rem;width:100%;box-sizing:border-box;justify-content:center}.view-tabs button{font:inherit;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer}.view-tabs button[aria-pressed=true]{background:var(--accent);color:#fff}.view-tabs .view-tabs__save{margin-left:auto;border-color:var(--muted);color:var(--muted)}.photo-view{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);place-items:center}.camera video{max-width:100%;max-height:100%;min-height:0}.camera__bar{display:flex;align-items:center;gap:.6rem;padding:.5rem}.camera__bar button{font:inherit;padding:.4rem .8rem;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.camera__bar button.export-bar__secondary{background:transparent;color:var(--accent)}.camera__bar select{font:inherit;max-width:14rem}.canvas-frame__paint{cursor:crosshair;touch-action:none}.canvas-frame__empty{color:var(--muted)}.brush{display:grid;gap:.5rem;border:1px solid var(--border);border-radius:6px;padding:.6rem .8rem;margin:0}.brush legend{color:var(--muted);font-size:.9rem;padding:0 .3rem}.outline-row{display:grid;gap:.25rem}.outline-row__place{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding-left:1.5rem}.outline-row__place label{font-size:.8rem}.outline-row__place input{width:100%;padding:.25rem .4rem}.saved h2{font-size:1rem;margin:.5rem 0 .25rem}.saved ul{margin:0;padding-left:1.2rem;font-size:.9rem}.muted{color:var(--muted)}button.link{font:inherit;background:none;border:0;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline}.notice{color:#b3261e}.sheet-preview{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;overflow:hidden;min-height:0;display:grid;place-items:center}.sheet-preview svg{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.viewer{--viewer-bg: #e9e9e6;height:100%;min-height:360px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.viewer canvas{display:block;width:100%;height:100%}@media(prefers-color-scheme:dark){.viewer{--viewer-bg: #26282d}}