@font-face{font-family:PatikaSystem;src:local('Avenir Next')}*{box-sizing:border-box}body{margin:0;background:#f7f7f2;color:#293c34;font-family:PatikaSystem,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,label.upload-button:focus-within{outline:3px solid #b66b40;outline-offset:3px}button{transition:background .16s,border-color .16s,transform .16s}button:hover{filter:brightness(.97)}[hidden]{display:none!important}.app-header{height:83px;border-bottom:1px solid #e1e5dc;display:flex;align-items:center;padding:0 38px;background:#fffefa;gap:23px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#26473b;font-weight:800;font-size:32px;letter-spacing:-1.5px}.brand-dot{color:#b47950}.header-divider{height:25px;width:1px;background:#dfe4d9}.tagline{font-size:13px;color:#7c857a}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.save-status{font-size:11px;color:#778574;margin-right:12px}.save-status:before{content:'●';color:#608665;margin-right:7px;font-size:8px}.button{border:1px solid #dce0d5;background:#fffefa;border-radius:8px;min-height:39px;padding:9px 15px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:12px;font-weight:650}.button.primary{background:#294d3e;border-color:#294d3e;color:#fff}.button.ghost{border-radius:50%;height:30px;min-height:30px;width:30px;padding:0;font-weight:700;color:#737f72;margin-right:5px}.header-actions .button span[aria-hidden]{font-size:18px}main{max-width:1680px;padding:36px 38px 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:24px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:750;color:#8c927e}h1{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:400;letter-spacing:-1.5px;margin:9px 0 8px;color:#2d4739}p{line-height:1.65}.intro p{color:#7d8679;font-size:13px;margin:0}.project-name{border-left:1px solid #d7ddd0;padding-left:26px;display:flex;flex-direction:column;min-width:310px}.project-name label{font-size:9px;letter-spacing:1.5px;color:#8c927e;font-weight:700}.project-name input{background:transparent;border:none;padding:5px 0;margin:0;font-size:17px;color:#3c4b40;font-weight:600;max-width:330px}.example-note{color:#8a9185;font-size:10px}.workspace{display:grid;grid-template-columns:304px minmax(0,1fr);gap:24px;align-items:start}.controls{background:#fffefa;border:1px solid #dfe4d9;border-radius:12px;overflow:hidden;position:sticky;top:16px}.tabs{display:flex;gap:4px;padding:16px 15px 0;border-bottom:1px solid #e5e8df}.tabs button{border:none;background:transparent;color:#9b9f91;flex:1;padding:0 0 16px;font-size:9px;position:relative}.tabs button span{font-size:12px;font-weight:650;margin-left:4px}.tabs button[aria-selected=true]{color:#2c503e}.tabs button[aria-selected=true]:after{content:'';position:absolute;height:3px;left:5px;right:5px;bottom:-1px;border-radius:2px;background:#355c45}.panel{padding:23px 21px 26px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{font-size:17px;font-weight:650;margin:0;letter-spacing:-.4px}.panel-heading>span{color:#92998c;font-size:11px;border:1px solid #e2e5db;border-radius:4px;padding:2px 6px}.panel-description{color:#8b9184;font-size:11px;margin:8px 0 23px}.field-label,.single-field{display:block;font-size:11px;font-weight:600;color:#66735f;margin-bottom:10px}.shape-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0 23px}.shape{border:1px solid #e4e6dc;border-radius:7px;background:#fafaf5;font-size:9px;padding:10px 3px;color:#818a76;display:flex;flex-direction:column;align-items:center;gap:8px}.shape svg{width:42px;height:29px;fill:#ced5c6}.shape.active{background:#eef3e9;border-color:#789070;color:#3a5a40}.shape.active svg{fill:#7c986f}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.field-row label{font-size:11px;color:#6d7865;font-weight:550}.input-unit{position:relative;margin-top:7px}.input-unit input{width:100%;border:1px solid #dce2d4;border-radius:6px;background:#fffefa;padding:10px 34px 10px 10px;color:#3a4d38;font-size:13px;font-variant-numeric:tabular-nums;min-width:0;height:39px}.input-unit>span{position:absolute;right:11px;top:12px;color:#9ca38f;font-size:10px;pointer-events:none}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}.section-label{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:750;letter-spacing:1.2px;color:#8a947e;margin:26px 0 12px;padding-top:21px;border-top:1px solid #e9ebe2}.soil-dot{height:7px;width:7px;border-radius:50%;background:#9da87b}.hint{display:flex;gap:10px;color:#8e967f;margin-top:20px}.hint>span{font-size:19px;color:#7c8e6d}.hint p{font-size:10px;margin:0;line-height:1.65}.quiet-card{margin-top:25px;background:#f4f5ec;border:1px solid #e8eadb;border-radius:8px;padding:14px}.mini-title{font-size:8px;font-weight:700;letter-spacing:1.3px;color:#8c9479}.quiet-card p{font-size:11px;color:#7d896f;margin:7px 0 0}.text-button{border:none;padding:0;background:none;font-size:11px;color:#5e7756;font-weight:550;cursor:pointer}.controls-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e5e8dd;padding:17px 20px}.controls-footer .text-button{font-size:10px;color:#8c9681}.import-label{cursor:pointer}.canvas-card{border:1px solid #dce2d5;background:#fffefa;border-radius:12px;overflow:hidden}.canvas-toolbar{min-height:56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e9df;padding:12px 20px;gap:16px}.canvas-toolbar>div{display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;background:#789567;border-radius:50%}.canvas-toolbar strong{font-size:12px;font-weight:650}.view-label{font-size:8px;letter-spacing:1px;color:#a1a794;margin-left:6px}.view-controls label{font-size:10px;color:#87917b;display:flex;gap:4px;align-items:center}.view-controls input{accent-color:#426849;width:12px;height:12px}.plan-stage{height:470px;position:relative;overflow:hidden;background-color:#f7f8f1;background-image:radial-gradient(#d4dac8 .65px,transparent .65px);background-size:17px 17px;touch-action:pan-y}#plan{width:100%;height:100%;display:block}#plan .tile{cursor:crosshair}#plan .tile:hover{filter:brightness(.93)}#plan .soil{cursor:grab;touch-action:none}#plan .soil:active{cursor:grabbing}.stage-note{position:absolute;bottom:16px;left:20px;font-size:9px;color:#a0a791;pointer-events:none}.stage-note span{margin:0 7px}.zoom-controls{display:flex;position:absolute;bottom:11px;right:15px;border:1px solid #dce2d0;border-radius:6px;overflow:hidden;background:#fffefa}.zoom-controls button{border:0;border-right:1px solid #e5e8dd;padding:6px 10px;background:transparent;color:#839276;font-size:12px;height:29px}.zoom-controls button:last-child{border-right:none}.zoom-controls button:nth-child(2){font-size:9px;min-width:48px}.canvas-legend{display:flex;gap:21px;align-items:center;min-height:43px;padding:12px 20px;border-top:1px solid #e3e7d9}.canvas-legend>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b957e;white-space:nowrap}.canvas-legend i{height:9px;width:9px;display:inline-block;border-radius:2px}.legend-full{background:#e5ded0;border:1px solid #b7b4a4}.legend-cut{background:#edc5a9;border:1px solid #c3906e}.legend-border{background:#929b86}.legend-soil{background:#c8d1ad}.canvas-legend .legend-note{margin-left:auto;font-size:8px;color:#a1a88f}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 21px;border:1px solid #dce2d5;border-radius:10px;background:#fffefa;padding:21px 0}.metrics>div{padding:0 21px;border-right:1px solid #e4e7dc}.metrics>div:last-child{border:none}.metrics span{display:block;font-size:8px;letter-spacing:1px;font-weight:650;color:#959c88}.metrics strong{display:block;font-size:27px;font-weight:550;color:#43583b;letter-spacing:-1px;margin:9px 0 4px}.metrics strong em{font-size:13px;font-style:normal;color:#859377;font-weight:450;letter-spacing:0}.metrics small{font-size:9px;color:#a0a58f}.metrics .cut-metric strong{color:#b97a52}.bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.purchase-card,.compare-card{padding:22px;border:1px solid #dfe4d7;border-radius:10px;background:#fffefa}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.card-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:21px;font-weight:400;color:#435b3e;margin:7px 0 15px;letter-spacing:-.5px}.pill{background:#f1f3e7;color:#8d9877;font-size:8px;border:1px solid #e3e7d4;padding:6px 8px;border-radius:20px;white-space:nowrap;align-self:flex-start;margin-top:4px}.purchase-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ebece3;padding:13px 0;font-size:12px;color:#75826a}.purchase-line small{display:block;font-size:9px;color:#9fa58e;margin-top:4px}.purchase-line strong{color:#49603e;font-size:17px;font-weight:600}.purchase-card details{border-top:1px solid #ebece3;padding-top:13px;color:#9aa286;font-size:9px}.purchase-card summary{cursor:pointer;color:#849472}.purchase-card details p{line-height:1.7}.compare-card{background:#eff2e7;display:flex;flex-direction:column}.compare-card p{font-size:11px;color:#919c81;max-width:260px;margin:0 0 23px}.compare-icon{font-size:35px;color:#a4b195;font-weight:300;align-self:flex-start}.compare-card .button{background:transparent;border-color:#ced7c0;color:#587149;font-size:10px;margin-top:auto}.compare-card .button>span{margin-left:auto;font-size:16px}.full-width{width:100%}.site-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;color:#a6ab99;margin:24px 0 25px}.site-footer strong{font-size:15px;letter-spacing:-.5px;color:#a3ad96;margin-right:10px}.site-footer .text-button{font-size:9px;margin-left:7px}.preset-row{display:flex;gap:7px;margin-bottom:20px}.preset-row button{flex:1;border:1px solid #dce2d3;border-radius:6px;background:#f8f9f2;color:#829071;padding:8px 4px;font-size:10px}.preset-row button.active{border-color:#7d9570;color:#395c37;background:#eef3e7}.segmented{display:flex;border:1px solid #dfe4d7;border-radius:7px;overflow:hidden;margin-bottom:12px}.segmented button{flex:1;border:0;background:#fafbf5;color:#8b967d;font-size:11px;padding:10px}.segmented button.active{background:#e8eedf;color:#3a6138}.single-field{margin-top:16px}.single-field select{display:block;margin-top:8px;width:100%;background:#fffefa;border:1px solid #dce2d4;border-radius:6px;padding:10px;font-size:12px;color:#617455}.button #rotation-label{margin-left:auto;font-size:9px;font-weight:400;color:#a0aa91}.upload-button{display:block;border:1px dashed #ccd5be;border-radius:6px;padding:12px 7px;text-align:center;font-size:10px;color:#869879;cursor:pointer;margin-top:13px}.micro{font-size:10px;color:#9aa68d;line-height:1.6}.optimize{background:#eff3e7;color:#5c7a4f;border-color:#cad7ba;margin-top:15px}.switch-row{display:flex;justify-content:space-between;gap:10px;color:#78896b;font-size:11px;margin:20px 0}.switch-row input{accent-color:#44643e}.notice{background:#f9efd9;color:#9b814a;padding:12px;border-radius:7px;font-size:11px}.error{padding:14px;background:#fff0e8;color:#a34e2f;font-size:12px}.error a{color:inherit}dialog{background:#fffefa;border:1px solid #d5dfca;border-radius:15px;box-shadow:0 30px 100px #1a301c2b;width:min(750px,calc(100vw - 32px));padding:30px;color:#546a47;max-height:90dvh}dialog::backdrop{background:#22342366;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:10px}.dialog-heading h2{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:7px 0}.dialog-heading .close-dialog{width:32px;height:32px;border:1px solid #dfe5d5;border-radius:50%;background:transparent;font-size:21px;color:#9baa8b;flex-shrink:0}dialog>p{font-size:12px;color:#859677}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;margin:22px 0;white-space:nowrap}th{text-align:left;font-size:10px;color:#98a48a;font-weight:500;padding:12px}td{padding:15px 12px;border-top:1px solid #e6eadd}td strong{font-size:14px}tr.current{background:#f0f4e8}td button{border:1px solid #d7e1c8;background:#fffefa;border-radius:6px;color:#5b7d46;padding:7px 10px;font-size:10px}.help-steps{padding-left:25px;font-size:14px}.help-steps li{padding:10px 0 10px 8px}.help-steps p{font-size:12px;color:#87977b;margin:5px 0}.export-options{display:grid;gap:12px;margin-top:22px}.export-option{background:#f7f9f0;border:1px solid #dfe7d3;border-radius:9px;padding:20px;text-align:left;color:#637e52}.export-option strong{display:flex;justify-content:space-between;gap:16px;font-size:14px}.export-option strong span{font-size:10px;color:#92a280}.export-option small{display:block;margin-top:9px;color:#9ca88e;font-size:11px}#share-url{width:100%;padding:13px;border:1px solid #cedabb;border-radius:6px;color:#6c875a;background:#f5f8ed}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:#294d3e;color:#f4f7e9;border:1px solid #547355;border-radius:9px;padding:14px 22px;font-size:12px;z-index:100;box-shadow:0 5px 25px #294d3e22}#print-header{display:none}.tile-dimensions{font-size:28px;font-family:Georgia,serif;margin:20px 0}.tile-detail-note{color:#93a382;font-size:12px}.part-list{padding-left:20px;font-size:13px;line-height:2}
@media(min-width:1450px){.workspace{grid-template-columns:325px 1fr}.plan-stage{height:530px}.panel{padding:25px}.metrics{padding:24px 0}.metrics strong{font-size:31px}}@media(max-width:1100px){main{padding:28px 22px 0}.app-header{padding:0 22px}.workspace{gap:17px;grid-template-columns:280px minmax(0,1fr)}.tagline{display:none}.plan-stage{height:420px}.canvas-toolbar{padding:12px}.view-label{display:none}.canvas-legend{gap:13px;padding:12px}.legend-note{display:none!important}.metrics>div{padding:0 13px}.metrics strong{font-size:23px}.metrics small{font-size:8px}.bottom-grid{grid-template-columns:1fr}.project-name{min-width:250px}.save-status{display:none}}@media(max-width:760px){.app-header{height:69px;padding:0 16px;gap:12px}.brand{font-size:28px;gap:7px}.brand img{width:31px;height:31px}.header-divider{display:none}.header-actions{gap:7px}.header-actions .button{padding:7px 10px;font-size:10px;min-height:35px}.header-actions .ghost{width:28px;height:28px;min-height:28px;padding:0;margin:0}.header-actions .button span[aria-hidden]{font-size:15px}main{padding:24px 14px 0}.intro{display:block;margin-bottom:22px}.intro h1{font-size:32px;margin-top:7px}.intro p{font-size:11px}.eyebrow{font-size:8px}.project-name{border:none;padding:0;margin-top:20px;min-width:0}.project-name label{display:none}.project-name input{font-size:14px;max-width:100%;width:100%}.example-note{font-size:9px}.workspace{display:flex;flex-direction:column;gap:19px}.controls{position:static;width:100%;order:2}.plan-column{width:100%;display:contents}.canvas-card{order:0;width:100%}.metrics{order:1;width:100%;margin:0;padding:17px 0}.bottom-grid{order:3;width:100%;gap:15px}.canvas-toolbar{min-height:48px;padding:11px;gap:9px}.canvas-toolbar strong{font-size:10px}.canvas-toolbar>div{gap:6px}.view-controls label{font-size:9px}.view-controls input{margin:0 2px;width:11px}.plan-stage{height:330px}.canvas-legend{gap:13px;min-height:38px;padding:10px}.canvas-legend>span{font-size:8px;gap:4px}.canvas-legend i{width:8px;height:8px}.stage-note{bottom:14px;left:11px;font-size:8px}.zoom-controls{right:10px;bottom:8px}.zoom-controls button{padding:5px 8px}.metrics span{font-size:6.7px;letter-spacing:.5px}.metrics>div{padding:0 10px}.metrics strong{font-size:22px;margin:8px 0 4px}.metrics strong em{font-size:10px}.metrics small{font-size:7px;line-height:1.5;display:block}.panel{padding:22px}.panel-description{margin-bottom:20px}.shape-options{gap:12px}.shape{font-size:11px;padding:13px}.shape svg{width:50px;height:35px}.field-row{gap:18px}.field-row label,.single-field{font-size:12px}.input-unit input{height:43px;font-size:15px}.input-unit span{top:15px}.tabs button{padding-bottom:17px;font-size:10px}.tabs button span{font-size:14px}.hint p{font-size:11px}.quiet-card{margin-top:20px}.site-footer{align-items:flex-start;flex-direction:column;gap:13px;margin:24px 0;font-size:8px}.site-footer strong{font-size:14px}.compare-card p{max-width:100%}.site-footer .text-button{font-size:8px}dialog{padding:22px}.dialog-heading h2{font-size:24px}.table-scroll{margin-left:-8px;margin-right:-8px}th,td{padding:12px 9px}.export-option{padding:16px}.export-option strong{font-size:12px}.project-name{margin-top:14px}.section-label{margin-top:22px}.micro{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{@page{size:A4 landscape;margin:12mm}body{background:white;color:#243d2c}.app-header,.intro,.controls,.canvas-toolbar,.zoom-controls,.stage-note,.compare-card,.site-footer,#toast,dialog{display:none!important}main{padding:0;max-width:none}.workspace,.plan-column,.bottom-grid{display:block}.canvas-card{border:1px solid #aaa;border-radius:0;break-inside:avoid}.plan-stage{height:95mm;background:white}#plan{height:95mm}.canvas-legend{padding:8px;min-height:20px}.metrics{margin:10px 0;padding:12px 0}.metrics strong{font-size:21px}.metrics span,.metrics small{color:#55664d}.purchase-card{padding:13px;break-inside:avoid}.purchase-card details{display:block}.purchase-card details p{display:block;color:#56634f}.purchase-card details summary{display:none}.purchase-card .card-heading h2{margin:3px 0 9px}.purchase-line{display:inline-flex;width:47%;padding:6px 0;margin-right:2%}.purchase-card details{font-size:8px;padding-top:5px}.purchase-card details p{margin:4px 0}.purchase-card details p:last-child{font-size:7.5px}#print-header{display:block;margin-bottom:8px}#print-header h1{font-size:24px;margin:0}#print-header p{margin:5px 0;font-size:11px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

#plan { touch-action: pan-y; } #plan:has(.soil:active) { touch-action: none; }

/* Elis Patika App: individual and mixed stones */
.brand{font-size:26px;letter-spacing:-1px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:5px;color:#93a083}.stone-library{border:1px solid #dce5d1;background:#f6f8f0;border-radius:9px;padding:13px;margin-bottom:20px}.library-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.library-heading strong{font-size:12px}.library-heading .text-button{font-size:10px}.stone-type{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #dfe5d5;border-radius:6px;background:#fffefa;padding:9px;margin-top:7px}.stone-type.active{border:2px solid #527548;background:#edf4e5;padding:8px}.stone-type i,.material-row i{flex-shrink:0;width:24px;height:24px;border:1px solid #a6b295;border-radius:3px}.stone-type>span{flex:1;min-width:0}.stone-type b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.stone-type small{display:block;font-size:10px;color:#7f8c70;margin-top:3px}.stone-type em{font-style:normal;font-size:9px;color:#92a080}.library-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #dfe6d5;padding-top:11px}.library-actions button{font-size:9px}.library-actions button:disabled{opacity:.4;cursor:default}.selection-info{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f0f4e9;border-top:1px solid #e0e6d4;font-size:10px;color:#6e855d}.selection-info>span{font-size:14px}.selection-info strong{font-weight:650;color:#3c6338}.material-row{display:flex;gap:9px;align-items:center;padding:10px 0;border-top:1px dashed #dfe6d4}.material-row>div{flex:1}.material-row b{font-size:11px;color:#637d50}.material-row small{display:block;font-size:9px;color:#98a289;margin-top:3px}.material-row strong{font-size:12px;text-align:right;color:#607a4e}.material-row strong small{font-weight:400}.editor-note{background:#f0f4e7;border-radius:7px;padding:12px;font-size:11px;color:#799365}.editor-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.editor-actions .button{font-size:12px}.field-row select,.single-field>input{display:block;width:100%;margin-top:7px;border:1px solid #dce2d4;background:#fffefa;border-radius:6px;padding:10px;color:#526f43;min-height:39px}.field-row input[type=color]{display:block;width:100%;height:40px;margin-top:7px;border:1px solid #dce2d4;background:#fffefa;border-radius:6px;padding:4px}#tile-detail-content .tile-detail-note{margin:0 0 8px}#tile-detail-content .part-list{margin:4px 0 10px;font-size:11px;max-height:100px;overflow:auto}.selected-outline{pointer-events:none}#tile-editor .single-field{margin-top:10px}#tile-dialog,#type-dialog{max-width:540px}#plan .tile:focus-visible{outline:none}#plan .tile:focus-visible>path:first-child{stroke:#28493e;stroke-width:4}
@media(max-width:760px){.brand{font-size:21px;letter-spacing:-.8px;gap:7px}.brand small{font-size:7px;letter-spacing:2px;margin-top:4px}.brand img{width:28px;height:28px}.header-actions{gap:5px}.header-actions .button{padding:7px 8px;font-size:9px}.header-actions .ghost{width:25px;min-height:25px;height:25px}.selection-info{padding:10px 12px;font-size:10px;line-height:1.6}.editor-actions .button{flex:1}.stone-type{min-height:54px}.stone-type b{font-size:12px}.library-actions button{font-size:11px}.stone-library{padding:15px}.material-row b{font-size:12px}dialog .input-unit input{font-size:16px}.site-footer strong{font-size:12px}.app-header{gap:8px}}
@media print{.selection-info,.selected-outline{display:none}.material-row{break-inside:avoid;padding:5px 0}.material-row i{width:14px;height:14px}.material-row b{font-size:9px}.material-row small{font-size:8px}.material-row strong{font-size:10px}}

/* Prepare dimensions, paint on touch, or edit a selection together. */
.brush-bar{padding:15px 20px;background:#f5f7ed;border-bottom:1px solid #dfe5d5}.brush-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:#45633e}.brush-heading>span{font-size:10px;color:#8b987b}.brush-fields{display:grid;grid-template-columns:minmax(135px,2fr) minmax(65px,1fr) 10px minmax(65px,1fr) minmax(74px,1fr);gap:9px;align-items:end}.brush-fields label{font-size:10px;color:#7a8c69;min-width:0}.brush-fields input,.brush-fields select{width:100%;height:39px;min-width:0;display:block;margin-top:6px;background:#fffefa;border:1px solid #d4dfc8;border-radius:6px;padding:8px;color:#395c35;font:inherit;font-size:12px}.brush-times{align-self:center;padding-top:20px;font-size:13px;color:#95a585}.brush-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.brush-actions .button{font-size:11px;min-height:38px}.brush-actions .text-button{font-size:10px}.brush-actions #quick-undo{margin-left:auto}.selection-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid #dfe5d5;background:#fffefa}.selection-tools .button{font-size:10px;min-height:35px;padding:7px 11px}.selection-tools [aria-pressed=true]{background:#e7eedc;color:#315b38;border-color:#5b814e}.selection-tools>span{font-size:10px;color:#849576;margin-right:auto}.selection-tools .text-button{font-size:10px}button:disabled{cursor:default;opacity:.45}.brush-actions [aria-pressed=true]{box-shadow:0 0 0 2px #bed0ae}#plan [aria-pressed=true]{filter:brightness(.96)}
@media(max-width:760px){.brush-bar{padding:13px 12px}.brush-heading{font-size:12px}.brush-fields{grid-template-columns:minmax(70px,1fr) 10px minmax(70px,1fr) minmax(85px,1fr);gap:8px}.brush-type-label{grid-column:1/-1}.brush-fields input,.brush-fields select{height:42px;font-size:16px}.brush-fields label{font-size:11px}.brush-times{font-size:12px}.brush-actions{gap:12px}.brush-actions .button{font-size:11px;min-height:44px}.brush-actions .text-button{font-size:11px;min-height:44px}.selection-tools{gap:9px;padding:8px 12px}.selection-tools .button,.selection-tools .text-button{min-height:44px;font-size:11px}.selection-tools>span{font-size:10px}}
@media print{.brush-bar,.selection-tools{display:none!important}}