:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7f6;--panel:#fff;--text:#17201c;--muted:#64716a;--line:#d7dfda;--accent:#16784a;--accent-soft:#e4f3eb;--danger:#a82b2b;--shadow:0 8px 24px #17201c14;--canvas-bg:#d9dedb;--canvas-check:#cbd1cd;--paint-cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M26 2l4 4-15 15-4-4z' fill='%2316784a' stroke='%23f7fbf8' stroke-width='2'/%3E%3Cpath d='M11 17c-5 1-8 5-8 12 3-2 8 0 11-4 2-3 1-6-3-8z' fill='%23e97517' stroke='%23f7fbf8' stroke-width='2'/%3E%3C/svg%3E") 3 29, crosshair}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(19% .012 155);--panel:oklch(24% .012 155);--text:oklch(94% .008 155);--muted:oklch(70% .012 155);--line:oklch(36% .015 155);--accent:oklch(62% .12 155);--accent-soft:oklch(31% .055 155);--danger:oklch(72% .14 25);--shadow:0 8px 28px #0000004d;--canvas-bg:oklch(25% .008 155);--canvas-check:oklch(30% .01 155)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.app-shell>main{min-height:0;overflow:auto}.app-shell.view-queue>main{display:flex;overflow:hidden}button,input,select,textarea{font:inherit;border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:10px}input,select,textarea{width:100%;padding:9px 10px}textarea{resize:vertical}button{cursor:pointer;background:var(--accent);border-color:var(--accent);color:#f7fbf8;min-height:38px;padding:8px 14px;font-weight:650}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary,.tab{color:var(--text);border-color:var(--line);background:0 0}button.danger-text{color:var(--danger);background:0 0;border:0;min-height:auto;padding:2px}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent), transparent 55%);outline-offset:2px}[hidden]{display:none!important}h1,h2,p{margin-top:0}h1{letter-spacing:-.025em;margin-bottom:6px;font-size:clamp(22px,3vw,30px)}h2{margin-bottom:14px;font-size:16px}label{color:var(--muted);gap:5px;font-size:12px;font-weight:650;display:grid}.muted,.hint{color:var(--muted)}.hint{font-size:12px}.error{color:var(--danger);min-height:20px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:750}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{gap:16px;width:min(390px,100%);padding:28px;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:62px;padding:10px 18px;display:grid;position:sticky;top:0}.topbar>div{align-items:baseline;gap:10px;display:flex}.topbar nav{gap:6px;display:flex}.topbar>.topbar-actions{justify-self:end;align-items:center;gap:7px;display:flex}.tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.topbar-actions .has-attention{border-color:var(--accent);color:var(--accent)}.activity-drawer{z-index:30;width:min(380px,100vw - 24px);max-height:calc(100vh - 82px);padding:14px;position:fixed;top:70px;right:12px;overflow:auto;box-shadow:0 18px 50px #17201c3d}.activity-drawer h2{margin:0}.activity-drawer .section-heading button{min-width:32px;min-height:32px;padding:2px 8px}.activity-list{gap:8px;display:grid}.activity-item{text-align:left;width:100%;color:var(--text);border-color:var(--line);background:0 0;gap:3px;padding:10px;display:grid}.activity-item small{color:var(--muted);font-weight:500}main{width:min(1800px,100%);margin:0 auto;padding:18px}.empty-state{text-align:center;max-width:560px;margin:12vh auto;padding:36px}.workspace-header,.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.workspace-header{padding:15px 18px}.workspace-title{min-width:0}.workspace-header h1{margin:0}.workspace-title h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workspace{grid-template-rows:auto minmax(0,1fr);width:100%;min-height:0;display:grid}.workspace-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:14px;min-height:0;display:grid}.canvas-panel{min-height:0;overflow:hidden}.canvas-wrap{overscroll-behavior:contain;background-color:var(--canvas-bg);background-image:linear-gradient(45deg,var(--canvas-check) 25%,transparent 25%),linear-gradient(-45deg,var(--canvas-check) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--canvas-check) 75%),linear-gradient(-45deg,transparent 75%,var(--canvas-check) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}#canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}#canvas[data-tool=pan]{cursor:grab}#canvas[data-tool=pan].dragging,#canvas[data-tool=crop].dragging,#canvas.space-pan{cursor:grabbing}#canvas[data-tool=crop]{cursor:crosshair}#canvas[data-tool=draw][data-paint=true],#canvas[data-tool=draw][data-paint=true] #geometry *{cursor:var(--paint-cursor)}#canvas.edge-dragging{cursor:grabbing}#image-boundary{fill:#fbfdfc;stroke:#46534c;stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 5px 9px #17201c3d)}#plan-image-muted{filter:grayscale();pointer-events:none}.canvas-floating-toolbar{z-index:4;border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:7px;width:min(1120px,100% - 24px);padding:8px;display:grid;position:absolute;bottom:12px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 8px 22px #17201c2e}.toolbar-row{flex-wrap:wrap;align-items:end;gap:7px;min-width:0;display:flex}.canvas-floating-toolbar button{min-height:34px;padding:6px 10px}.canvas-floating-toolbar select,.canvas-floating-toolbar input{min-height:34px;padding:6px 8px}.canvas-floating-toolbar .compact-label{white-space:nowrap;gap:2px}.canvas-floating-toolbar .paint-label select{min-width:150px}.canvas-floating-toolbar .paint-label select.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);font-weight:700}.canvas-floating-toolbar .compact-label.grow{flex:1}.canvas-floating-toolbar .compact-label.grow input{min-width:150px}.canvas-floating-toolbar .range-label input{width:90px;min-height:20px;padding:0}.segmented{display:flex}.segmented button{color:var(--text);border-color:var(--line);background:0 0;border-radius:0}.segmented button:first-child{border-radius:8px 0 0 8px}.segmented button:last-child{border-radius:0 8px 8px 0}.segmented button+button{margin-left:-1px}.segmented button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);position:relative}.canvas-hint{z-index:3;background:var(--panel);max-width:calc(100% - 24px);color:var(--muted);white-space:nowrap;border-radius:8px;margin:0;padding:6px 10px;font-size:12px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #17201c29}kbd{border:1px solid var(--line);background:var(--panel);color:var(--text);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:1px 5px;font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-block}.input-cue{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.mouse-icon{vertical-align:-3px;border:1.5px solid;border-radius:7px 7px 6px 6px;width:13px;height:17px;display:inline-block;position:relative}.mouse-icon:before{content:"";border-left:1px solid;position:absolute;top:0;bottom:7px;left:50%}.mouse-icon:after{content:"";background:var(--accent);border-radius:4px 4px 2px 2px;width:5px;height:6px;position:absolute;top:1px}.mouse-icon.left:after{left:1px}.mouse-icon.right:after{right:1px}#geometry .edge{stroke-width:4px;vector-effect:non-scaling-stroke;cursor:grab;pointer-events:stroke}#geometry .edge.hit{stroke:#0000;stroke-width:14px}#geometry .edge.wall{stroke:#116b43}#geometry .edge.window{stroke:#0879ae}#geometry .edge.doorway{stroke:#e97517}#geometry .edge.opening{stroke:#a54dcc}#geometry .edge.support{stroke:#202723}#geometry .edge.type-structural-support{stroke-width:8px}#geometry .edge.type-window-sliding{stroke-dasharray:14 4}#geometry .edge.type-window-casement{stroke-dasharray:3 4}#geometry .edge.type-window-swinging{stroke-dasharray:10 4}#geometry .edge.type-window-top-hung{stroke-dasharray:12 4 3 4}#geometry .edge.type-doorway-swinging{stroke-dasharray:10 4}#geometry .edge.type-doorway-sliding{stroke-dasharray:18 3}#geometry .edge.type-doorway-folding{stroke-dasharray:3 4}#geometry .edge.type-opening{stroke-dasharray:8 5}#geometry .edge.selected{stroke:#e41f3d;stroke-width:7px}#geometry .edge.hit{stroke-dasharray:none}#geometry .edge.hit:hover+.edge,#geometry .edge:not(.hit):hover{filter:drop-shadow(0 0 3px #17201c73);stroke-width:7px}#geometry .draft{stroke:#e41f3d;stroke-width:3px;stroke-dasharray:7 5;fill:none;vector-effect:non-scaling-stroke}#geometry .room-fill{fill:#b9e4cc;fill-opacity:1;stroke:none;cursor:pointer}#geometry .room-fill.selected{fill:#f2a65a;fill-opacity:.3;stroke:#e41f3d;stroke-width:3px;vector-effect:non-scaling-stroke}#geometry .room-label{fill:#17201c;stroke:#fbfdfc;stroke-width:4px;paint-order:stroke;text-anchor:middle;dominant-baseline:central;pointer-events:none;vector-effect:non-scaling-stroke;font-size:15px;font-weight:750}#geometry .swing-leaf,#geometry .swing-arc{fill:none;stroke:#e97517;stroke-width:2px;pointer-events:none;vector-effect:non-scaling-stroke}#geometry .swing-arc{stroke-dasharray:4 3}#geometry .swing-leaf.window,#geometry .swing-arc.window{stroke:#0879ae}#geometry .edge-angle{pointer-events:none}#geometry .edge-angle.interactive{pointer-events:all;cursor:pointer}#geometry .edge-angle path{fill:none;stroke:#87249f;stroke-width:2.5px;vector-effect:non-scaling-stroke}#geometry .edge-angle text{fill:#6c277f;text-anchor:middle;dominant-baseline:central;font-weight:800}#geometry .angle-pivot{fill:none;stroke:#a54dcc;stroke-width:3px;pointer-events:none;vector-effect:non-scaling-stroke}#geometry .vertex{fill:#fff;stroke:#17201c;stroke-width:2px;vector-effect:non-scaling-stroke;cursor:move}#geometry .vertex.draft-vertex{fill:#e41f3d}#geometry .vertex.angle-pivot-vertex{fill:#a54dcc;stroke:#5d186c;stroke-width:2.5px}#geometry .candidate{pointer-events:none}#geometry .candidate-line{stroke:#e41f3d;stroke-width:2px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}#geometry .candidate-point{fill:#fbfdfc;stroke:#e41f3d;stroke-width:2px;vector-effect:non-scaling-stroke}#geometry .candidate-close-line{stroke:#16784a;stroke-width:2px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}#geometry .candidate-point.closing{fill:#16784a;stroke:#fbfdfc}#crop-outline{fill:none;stroke:#16784a;stroke-width:2px;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;pointer-events:none}.crop-edge-hit{stroke:#0000;stroke-width:18px;pointer-events:stroke;vector-effect:non-scaling-stroke}.crop-handle{fill:#16784a;stroke:#fbfdfc;stroke-width:3px;filter:drop-shadow(0 2px 3px #17201c73);pointer-events:all;vector-effect:non-scaling-stroke}[data-crop-edge=top],[data-crop-edge=bottom]{cursor:row-resize}[data-crop-edge=left],[data-crop-edge=right]{cursor:col-resize}.edge-tooltip{z-index:5;color:#f3f7f5;pointer-events:none;background:#202723;border-radius:7px;max-width:260px;padding:5px 8px;font:12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;box-shadow:0 3px 10px #17201c38}.geometry-popover{z-index:6;border:1px solid var(--line);background:var(--panel);cursor:move;touch-action:none;border-radius:11px;width:230px;padding:10px;position:absolute;box-shadow:0 10px 28px #17201c38}.geometry-popover :is(input,button,select,textarea){cursor:auto}.geometry-popover-heading{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.geometry-popover-heading strong{font:12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.geometry-popover-heading button{min-width:30px;min-height:30px;padding:2px}.angle-editor{border-top:1px solid var(--line);gap:7px;margin-top:10px;padding-top:10px;display:grid}.angle-editor>.muted{font-size:12px;font-weight:650}.angle-editor .segmented button{flex:1}.swing-canvas-controls{z-index:5;pointer-events:none;position:absolute;inset:0}.swing-canvas-controls button{pointer-events:auto;border-radius:50%;width:31px;min-height:31px;padding:2px;font:18px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;transform:translate(-50%,-50%)}.swing-canvas-controls button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.tools-stack{align-content:start;gap:12px;min-height:0;padding-bottom:30px;display:grid;overflow-y:auto}.tool-panel{box-shadow:none;gap:12px;padding:15px;display:grid}.tool-panel h2{margin:0}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.loop-list,.comments,.user-list,.results{gap:8px;display:grid}.loop-row,.comment,.user-row,.result-row{border:1px solid var(--line);border-radius:9px;padding:9px}.loop-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.loop-row.selected{border-color:var(--accent);background:var(--accent-soft)}.loop-row button{min-height:30px;padding:4px 8px}.loop-row .loop-select{text-align:left;border:0;font-weight:650}.comment p{white-space:pre-wrap;margin-bottom:4px}.comment small{color:var(--muted)}.badge{background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:2px 7px;font-size:11px}.page-heading{margin:6px 0 20px}.page-heading label{min-width:180px}.gallery-filters{align-items:end;gap:14px;display:flex}.check-label{align-items:center;gap:7px;min-height:38px;display:flex;min-width:auto!important}.check-label input{width:auto}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.gallery-card{text-align:left;background:var(--panel);color:var(--text);border-color:var(--line);padding:0;font-weight:400;overflow:hidden}.gallery-card.done{border-color:var(--accent)}.gallery-card.in-progress{border-color:#0879ae}.gallery-card.not-done{border-color:#bd8b2c}.gallery-card img{aspect-ratio:3/4;object-fit:contain;border-bottom:1px solid var(--line);background:#fff;width:100%;display:block}.gallery-card .card-body{gap:5px;min-width:0;padding:12px;display:grid}.gallery-card h2{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;overflow:hidden}.gallery-card p{margin-bottom:5px}.gallery-card .hash{overflow-wrap:anywhere;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.state-badge{border-radius:99px;justify-self:start;width:max-content;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:750;display:inline-block}.state-badge.done{color:var(--accent);background:var(--accent-soft)}.state-badge.in-progress{color:#075b82;background:#dceff8}.state-badge.not-done{color:#6f4d0d;background:#fff0c9}#gallery-view{padding-bottom:72px}.pagination{z-index:12;justify-content:center;align-items:center;gap:10px;margin:0;padding:8px;display:flex;position:fixed;bottom:12px;right:50%;transform:translate(50%);box-shadow:0 10px 30px #17201c33}.pagination label{align-items:center;gap:6px;display:flex}.pagination input{width:68px;padding:7px 8px}.admin-grid{grid-template-columns:minmax(280px,420px) minmax(360px,1fr);gap:16px;display:grid}.admin-grid>form{align-content:start;gap:14px;padding:20px;display:grid}.taxonomy-panel{grid-column:1/-1;gap:18px;padding:20px;display:grid}.taxonomy-group{gap:9px;display:grid}.type-chips{flex-wrap:wrap;gap:6px;display:flex}.type-chip{border:1px solid var(--line);color:var(--muted);background:var(--bg);border-radius:99px;padding:3px 8px;font-size:12px}.inline-form{grid-template-columns:minmax(180px,360px) auto;align-items:end;gap:8px;display:grid}.toast{color:#fff;max-width:min(420px,100vw - 36px);box-shadow:var(--shadow);z-index:50;background:#1b2b23;border-radius:10px;padding:12px 15px;position:fixed;bottom:18px;right:18px}.onboarding-dialog{width:min(460px,100vw - 28px);color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:24px;box-shadow:0 18px 60px #17201c4d}.onboarding-dialog::backdrop{background:#1117148c}.onboarding-dialog h2{margin-bottom:8px;font-size:21px}.onboarding-dialog p:not(.eyebrow){min-height:62px;color:var(--muted)}.onboarding-actions{grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;margin-top:20px;display:grid}@media (width<=900px){.topbar{grid-template-columns:1fr auto}.topbar nav{grid-area:2/1/auto/-1;overflow-x:auto}.app-shell.view-queue>main{display:block;overflow:auto}.workspace{display:block}.workspace-grid,.admin-grid{grid-template-columns:1fr}.tools-stack{max-height:none;overflow:visible}.canvas-wrap{height:70vh;min-height:420px}}@media (width<=560px){main,.topbar{padding:10px}.topbar #user-label{display:none}.workspace-header,.page-heading{flex-direction:column;align-items:stretch}.pagination{width:calc(100% - 20px)}}