html,body,#root{height:100%;margin:0}body{-webkit-text-size-adjust:100%;font-family:system-ui,sans-serif}:root{--rust:#c1440e;--rust-deep:#8f3209;--ink:#1e2124;--line:#d9dbd5;--panel:#fff;--canvas-bg:#e9ebe6}*{box-sizing:border-box}.loading{text-align:center;color:#666;padding:40px}.app-shell{height:100dvh;color:var(--ink);background:var(--canvas-bg);flex-direction:column;font-family:Yu Gothic Medium,Yu Gothic,Hiragino Sans,Meiryo,system-ui,sans-serif;display:flex}.app-header{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;display:flex}.app-header strong{font-size:16px}.app-tag{color:#fff;background:var(--rust);border-radius:4px;padding:1px 6px;font-size:11px}.pin-total{color:#444;margin-left:auto;font-size:13px}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:8px 12px;display:flex}.tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-label{color:#666;font-size:12px}.save-status{color:#2f6b3e;text-align:right;min-width:90px;margin-left:auto;font-size:12px}.chip-group{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;min-height:40px;padding:6px 12px;font-size:13px}.chip.on{background:var(--rust);border-color:var(--rust);color:#fff}.chip.rank-A.on{background:#b23a2e;border-color:#b23a2e}.chip.rank-B.on{background:#3949ab;border-color:#3949ab}.chip.rank-C.on{background:#2e7d32;border-color:#2e7d32}.qty-input{border:1px solid var(--line);border-radius:6px;width:84px;padding:8px;font-size:16px}.chip-wrap{display:inline-flex;position:relative}.chip-wrap.fav .chip{border-color:#e0a58a}.fav-star{color:#c9a24a;background:0 0;border:0;align-self:center;min-height:0;padding:0 2px 0 4px;font-size:13px}.fav-star.on{color:#e6a817}[data-testid=detail-defaults] select{border:1px solid var(--line);border-radius:6px;padding:7px 8px;font-size:16px}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #b9bcb4;border-radius:6px;min-height:40px;padding:8px 12px;font-weight:600}button:hover{border-color:#888}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--rust);border-color:var(--rust);color:#fff}button.primary:hover{background:var(--rust-deep)}button.danger{color:#a3311c}.nav-bar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 12px;display:flex}.nav-projects{align-items:center;gap:4px;display:flex}.project-select{border:1px solid var(--line);border-radius:6px;max-width:200px;min-height:38px;padding:7px 8px;font-size:14px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:38px;min-height:38px;padding:0 8px}.icon-btn.danger{color:#a3311c}.nav-elevations{flex:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.elev-tab{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:7px;align-items:center;gap:6px;min-height:38px;padding:7px 10px;display:inline-flex}.elev-tab.active{background:var(--charcoal,#23262b);color:#fff;border-color:var(--charcoal,#23262b)}.elev-count{background:#0000001f;border-radius:999px;padding:0 6px;font-size:11px}.elev-tab.active .elev-count{background:#ffffff40}.elev-del{min-height:0;color:inherit;background:0 0;border:0;padding:0 2px;font-size:15px;line-height:1}.elev-add{border:1px dashed var(--line);white-space:nowrap;background:#fff;border-radius:7px;min-height:38px}.mode-switch{border:1px solid #b9bcb4;border-radius:8px;display:inline-flex;overflow:hidden}.mode-btn{color:#555;background:#fff;border:0;border-radius:0;min-height:40px;padding:6px 12px}.mode-btn+.mode-btn{border-left:1px solid #e2e2de}.mode-btn.on{background:var(--rust);color:#fff}.pin-editor{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.editor-head{justify-content:space-between;align-items:center;display:flex}.editor-head h2{margin:0;font-size:15px}.icon-x{background:0 0;border:0;min-height:0;padding:4px 8px;font-size:20px;line-height:1}.field{color:#666;flex-direction:column;gap:4px;font-size:12px;display:flex}.field>select,.field>input,.field>textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:9px 10px;font-size:16px}.field textarea{resize:vertical}.field-row{gap:10px;display:flex}.field-row .field{flex:1}.editor-actions{justify-content:space-between;margin-top:4px;display:flex}.work-area{flex:auto;min-height:0;display:flex;position:relative}.stats-toggle{margin-left:8px;display:none}.canvas-area{flex:auto;min-height:0;position:relative}.canvas-wrap{background:var(--canvas-bg);touch-action:pan-x pan-y;place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.draw-canvas{cursor:crosshair;touch-action:none;background:#fff;display:block;box-shadow:0 2px 12px #0000001f}.canvas-placeholder{color:#888;padding:24px;font-size:14px}.zoom-controls{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #00000026}.zoom-controls button{min-width:44px;min-height:44px;padding:0}.app-footer{background:var(--panel);border-top:1px solid var(--line);color:#555;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 14px;font-size:12px;display:flex}.footer-links{flex-wrap:wrap;gap:12px;margin-left:auto;display:flex}.footer-links a{color:#777;text-decoration:none}.footer-links a:hover{color:var(--rust-deep);text-decoration:underline}.stats-dock{border-left:1px solid var(--line);background:var(--panel);flex:0 0 320px;overflow-y:auto}.stats-backdrop{display:none}.stats-panel{padding:12px 14px}.stats-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.stats-head h2{margin:0;font-size:15px}.stats-head span{color:#444;font-size:13px}.rank-row{gap:6px;margin-bottom:12px;display:flex}.rank-badge{color:#fff;border-radius:8px;flex-direction:column;flex:1;align-items:center;padding:6px 2px;display:flex}.rank-badge span{opacity:.9;font-size:10px}.rank-badge em{font-size:18px;font-style:normal;font-weight:700}.rank-badge.rank-A{background:#b23a2e}.rank-badge.rank-B{background:#3949ab}.rank-badge.rank-C{background:#2e7d32}.stats-section-title{color:#666;align-items:center;gap:6px;margin:8px 0 6px;font-size:12px;display:flex}.stats-section-title .hint{color:#999}.stats-section-title .link{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:0;margin-left:auto;padding:2px 8px;font-size:12px}.phen-list{margin:0;padding:0;list-style:none}.phen-item{cursor:pointer;border:1px solid #0000;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 8px;display:grid}.phen-item:hover{background:#f4f4f2}.phen-item.active{border-color:var(--rust);background:#fdeee6}.phen-item.dimmed{opacity:.5}.phen-name{font-size:13.5px}.phen-count{color:#444;white-space:nowrap;font-size:13px}.phen-qty{color:#777;white-space:nowrap;font-size:12px}.phen-list .empty{color:#999;padding:12px 4px;font-size:13px}@media (width<=899px){.stats-toggle{display:inline-block}.stats-dock{border-left:none;border-top:1px solid var(--line);z-index:40;border-radius:14px 14px 0 0;flex-basis:auto;max-height:70%;transition:transform .22s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 20px #0000002e}.stats-dock.open{transform:translateY(0)}.stats-backdrop{z-index:30;background:#00000047;display:block;position:absolute;inset:0}}@media (width<=767px){.qty-input,.chip{font-size:16px}}.plan-badge{border-radius:999px;min-height:32px;padding:3px 10px;font-size:12px;font-weight:700}.plan-badge.paid{border-color:var(--rust-mid,#ecc0a4);color:var(--rust-deep);background:#faf1ea}.plan-badge.free{color:#555;background:#eef0ec}.upgrade-compare{gap:10px;display:flex}.up-col{border:1px solid var(--line);border-radius:8px;flex:1;padding:10px}.up-col.featured{border-color:var(--rust);background:#faf1ea}.up-h{margin-bottom:6px;font-size:13px;font-weight:700}.up-col ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.7}.upgrade-price{gap:8px;display:flex}.up-plan{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;min-height:52px;font-size:16px;font-weight:700}.up-plan span{color:#666;margin-left:3px;font-size:11px;font-weight:400}.up-plan.on{border-color:var(--rust);background:#faf1ea}.pwa-update{z-index:200;color:#fff;background:#23262b;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}.pwa-update button{min-height:36px}.modal-overlay{z-index:120;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.auth-box{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:20px 22px;display:flex}.auth-head{justify-content:space-between;align-items:center;display:flex}.auth-head h2{margin:0;font-size:17px}.auth-note{color:#666;margin:0;font-size:12px;line-height:1.6}.auth-msg{border-radius:6px;margin:0;padding:8px 10px;font-size:13px}.auth-msg.err{color:#a3311c;background:#fbe4de}.auth-msg.ok{color:#2f6b3e;background:#e2f0e6}.auth-submit{min-height:46px;font-size:15px}.auth-switch{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.auth-switch .link{color:var(--rust-deep);background:0 0;border:0;min-height:0;padding:4px;font-size:13px;text-decoration:underline}.cloud-box{max-width:440px}.cloud-actions{gap:8px;display:flex}.cloud-actions .primary{flex:1}.cloud-conflict{color:#a3311c;background:#fbe4de;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.cloud-list{flex-direction:column;gap:6px;max-height:320px;display:flex;overflow-y:auto}.cloud-empty{color:#999;text-align:center;padding:10px;font-size:13px}.cloud-item{text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.cloud-item:hover{border-color:var(--rust)}.cloud-item-name{font-weight:600}.cloud-item-date{color:#888;white-space:nowrap;font-size:11px}.report-btn{margin-left:0}a.report-btn{color:var(--ink);box-sizing:border-box;background:#fff;border:1px solid #b9bcb4;border-radius:6px;align-items:center;gap:4px;min-height:40px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}a.report-btn:hover{border-color:#888}.report-overlay{z-index:100;background:#f0f0ee;position:fixed;inset:0;overflow-y:auto}.report-toolbar{z-index:2;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.report-toolbar .spacer{flex:1}.report-sheet{color:#222;background:#fff;max-width:820px;margin:20px auto;padding:32px 36px;box-shadow:0 2px 16px #0000001f}.report-head h1{letter-spacing:.04em;margin:0 0 6px;font-size:22px}.report-meta{color:#555;border-bottom:2px solid #333;justify-content:space-between;padding-bottom:8px;font-size:13px;display:flex}.report-summary-cards{gap:12px;margin:18px 0;display:flex}.report-summary-cards .rc{text-align:center;border:1px solid var(--line);border-radius:10px;flex:1;padding:14px}.rc-emoji{font-size:20px}.rc-count{font-size:26px;font-weight:700}.rc-count small{margin-left:2px;font-size:12px;font-weight:400}.rc-label{color:#555;font-size:12px}.rc-A{background:#fbe9e6}.rc-B{background:#e8ebf7}.rc-C{background:#e5f1e8}.report-block{margin:20px 0}.report-block h2{border-left:4px solid var(--rust);margin:0 0 10px;padding-left:8px;font-size:15px}.report-summary{border:1px solid var(--line);border-radius:6px;width:100%;padding:10px;font-size:14px;line-height:1.7}.report-summary-print{font-size:14px;line-height:1.8;display:none}.report-table{border-collapse:collapse;width:100%;font-size:13px}.report-table th,.report-table td{border:1px solid #ccc;padding:7px 10px}.report-table th{text-align:left;background:#f3f3f0}.report-table .c{text-align:center}.report-table .r{text-align:right}.report-table .empty{text-align:center;color:#999}.report-figure-block{margin:0 0 18px}.report-figure-block figcaption{align-items:center;gap:10px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.report-figure{border:1px solid var(--line);width:100%;max-width:100%;height:auto;display:block}.fig-noimg{color:#999;border:1px dashed var(--line);text-align:center;padding:20px;font-size:13px}.png-btn{min-height:0;padding:3px 8px;font-size:12px}.master-editor{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:820px;margin:12px auto;padding:16px 20px}.master-editor h3{margin:0 0 10px;font-size:14px}.master-editor input{text-align:right;border:1px solid var(--line);border-radius:5px;width:110px;padding:5px 7px}.estimate-to{margin:10px 0}.est-customer{border:1px solid var(--line);border-radius:6px;width:100%;padding:8px;font-size:15px}.estimate-to-print{border-bottom:1px solid #999;padding-bottom:4px;font-size:15px;display:none}.estimate-grand{text-align:center;border:1px solid var(--rust-mid,#ecc0a4);background:#faf1ea;border-radius:8px;margin:16px 0;padding:12px;font-size:18px}.estimate-grand b{color:var(--rust-deep);font-size:24px}.estimate-totals{max-width:340px;margin-top:12px;margin-left:auto}.est-total-row{border-bottom:1px solid #eee;justify-content:space-between;padding:6px 4px;font-size:14px;display:flex}.est-total-row.strong{border-top:2px solid #333;border-bottom:none;font-size:16px;font-weight:700}.estimate-settings{gap:16px;margin-top:16px;font-size:13px;display:flex}.estimate-settings input{border:1px solid var(--line);border-radius:5px;width:100px;margin-left:6px;padding:6px}@media print{body{background:#fff}.app-shell{display:none!important}.estimate-to{display:none}.estimate-to-print{display:block}.report-overlay{background:#fff;position:static;overflow:visible}.no-print{display:none!important}.report-sheet{box-shadow:none;max-width:none;margin:0;padding:0}.report-summary{display:none}.report-summary-print{display:block}.report-figure-block{break-inside:avoid}@page{size:A4;margin:14mm}}