:root{--white:#ffffff;}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);}button,input,:is(select,.app-select28),textarea{font:inherit}button,a,input,:is(select,.app-select28),textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #1a232c;outline-offset:3px}input:focus,:is(select,.app-select28):focus,textarea:focus{outline:none;border-color:var(--accent);}h1,h2,h3,h4,p{margin:0}h1{font-weight:600;line-height:1.25}h2{letter-spacing:-.4px}a{color:inherit;text-decoration:none}svg{display:block}button svg{flex-shrink:0}.icon{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.small-icon{width:16px;height:16px}.btn{border:1px solid var(--line);background:#ffffff;color:var(--ink);border-radius:7px;min-height:43px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .15s}.btn:hover{background:#f1f3f5}.btn.primary{background:var(--accent);border-color:var(--accent);color:white;}.btn.primary:hover{background:var(--accent-dark)}.btn.dark{background:var(--ink);color:#ffffff;border-color:var(--ink)}.btn.ghost{background:transparent;border-color:transparent}.btn.small{min-height:34px;padding:8px 12px;font-size:12px}.icon-btn{display:grid;place-items:center;border:1px solid var(--line);background:#ffffff;color:var(--ink)}.icon-btn:hover{background:var(--soft)}.text-btn{border:0;background:none;color:var(--accent-dark);font-weight:600;display:inline-flex;gap:8px;align-items:center}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.mono{font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;background:#f0f2f4;color:#635b94;font-weight:600;white-space:nowrap}.badge.orange{background:#f5ecd8;color:#c7a35a}.badge.grey{background:#eff1f3;color:#6c7681}.dot{width:5px;height:5px;background:currentColor;border-radius:50%}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:600;flex-shrink:0}.avatar.orange{background:#eaeff4;color:#3e5873}.avatar.blue{background:#ebeff5;color:#3b536e}.avatar.big{width:50px;height:50px;font-size:15px}
.shell{display:flex;min-height:var(--app-viewport-height92,100vh)}.sidebar{position:fixed;inset:0 auto 0 0;background:var(--ink);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font-weight:600;color:#ffffff}.brand-logo{color:var(--accent)}.brand-tag{color:#7f8892;margin:4px 0 0 44px}.nav-caption{color:#747e89;font-weight:600;padding:0 12px;}.nav-item{width:100%;border:0;display:flex;align-items:center;background:transparent;color:#b6bcc3;font-weight:500;position:relative}.nav-item:hover{background:#ffffff08;color:#ffffff}.nav-item.active{color:#ffffff}.nav-item.active:before{content:'';position:absolute;left:-20px;top:13px;bottom:13px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.nav-item .count{margin-left:auto;background:#ffffff12;padding:1px 4px}.sidebar-bottom{margin-top:auto}.workshop{display:flex;align-items:center;}.workshop small{display:block;color:#7c858f}.workshop strong{display:block}.sidebar-user{display:flex;align-items:center;}.sidebar-user strong{color:#ffffff}.sidebar-user small{color:#8a939c;display:block}.sidebar-user .avatar{color:#dde0e5}.sidebar-user button{margin-left:auto;}.topbar{border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px}.breadcrumb{color:#78818c;}.breadcrumb strong{color:var(--ink)}.topbar-right{display:flex;align-items:center;}.preview-tag{font-size:12px;color:#7a848e;border-right:1px solid var(--line);padding-right:20px;display:flex;align-items:center;gap:8px}.preview-tag .dot{background:#6e849c}.topbar .icon-btn{border:0;background:transparent}.page{padding:32px 40px 36px;margin:auto}.page-heading{display:flex;justify-content:space-between;}.page-heading p{color:var(--muted);margin-top:8px;}.date{color:var(--muted);display:flex;align-items:center;gap:8px}.hero{border-radius:var(--radius);position:relative;overflow:hidden;display:flex;justify-content:space-between;}.hero h2{font-weight:600;}.hero p{color:#5d6874;}.hero .btn{min-height:38px;font-size:12px;padding:8px 12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);}.stat{background:white;border:1px solid var(--line);display:flex;align-items:center}.stat small{display:block;color:var(--muted);}.stat strong{font-family:Manrope,system-ui;font-weight:600;display:inline-block}.stat .hint{margin-left:auto;font-size:12px;color:#7a848e}.section-title{display:flex;align-items:center;justify-content:space-between;}.section-title .btn{font-size:12px;min-height:35px;padding:8px 12px}.project-tools{display:flex;justify-content:space-between;align-items:center;}.tabs{display:flex;background:#ebedf000}.tab{border:0;background:transparent;color:#7a848e;white-space:nowrap}.tab.active{font-weight:600}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#ffffff;}.search .icon{width:15px;height:15px;color:#7e8791}.search input{border:0;background:transparent;min-width:0;width:100%;outline:0!important;box-shadow:none!important;font-size:12px}.project-list{display:grid;}.project-card{border:1px solid var(--line);background:#ffffff;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;text-align:left;width:100%;color:inherit;transition:border-color .15s,box-shadow .15s}.project-card:hover{border-color:#bdc2c8;box-shadow:0 4px 16px #25303a0f}.project-thumb{display:grid;place-items:center;color:#68737e}.project-card:nth-child(2) .project-thumb{background:#eff1f3;color:#76808b}.project-card:nth-child(3) .project-thumb{background:#edeff1;color:#6e7883}.project-card h3{font-weight:600}.activity{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edeff1;font-size:12px}.activity:last-child{border:0;padding-bottom:0}.activity .avatar{width:26px;height:26px;font-size:12px}.activity p{color:#6e7883;font-size:12px}.activity strong{color:#3c4752;font-weight:600}.activity small{display:block;color:#989fa8;font-size:12px;margin-top:4px}
.panel{background:#ffffff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;}.panel-body{}.work-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);}.drawing{background-color:#f9fafc;background-image:linear-gradient(#9fa6ae14 1px,transparent 1px),linear-gradient(90deg,#9fa6ae14 1px,transparent 1px);background-size:20px 20px;position:relative;min-height:310px;display:grid;place-items:center;padding:20px}.drawing>svg{width:100%;height:auto;max-height:360px}.drawing svg text{font-family:'DM Sans',sans-serif;fill:#435d79}.drawing .drawing-label{position:absolute;text-transform:uppercase}.drawing-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:white;color:#727c87}.drawing-toolbar .tools{display:flex;gap:8px}.summary-strip{display:flex;}.summary-strip small{color:var(--muted);display:block;}.summary-strip strong{letter-spacing:-.5px}.summary-strip strong span{font-weight:500;margin-left:4px}.field{display:block;}.field>span{display:block;font-weight:600;}.field input,.field :is(select,.app-select28),.field textarea{width:100%;min-height:41px;border:1px solid #dfe3e7;border-radius:7px;padding:12px 12px;color:var(--ink)}.field textarea{resize:vertical}.field small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.field-row{display:grid;grid-template-columns:1fr 1fr;}.input-unit{position:relative}.input-unit b{position:absolute;right:11px;font-weight:500;}.rule{border:0;border-top:1px solid var(--line);}.full{width:100%}.segments{padding:12px 20px 20px}.segment-row{display:grid;grid-template-columns:25px 1fr 1fr 44px 28px;align-items:center;margin-top:12px}.segment-row:first-child{font-size:12px;color:var(--muted);margin-bottom:4px}.segment-row input,.segment-row :is(select,.app-select28){min-width:0;width:100%;padding:8px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);min-height:40px}.segment-row input:disabled{background:#f5f6f8;color:#949ca5}.segment-row button{border:0;background:none;color:#949ca5;padding:4px}.segment-number{width:22px;height:22px;border-radius:7px;background:#edeff1;display:grid;place-items:center;color:#58636f;font-size:12px}.notice{background:#f2f4f6;border-radius:7px;padding:12px 12px;font-size:12px;color:#46617d;line-height:1.6}.error{color:#923835;background:#f2f3f6;border-radius:7px;padding:12px 12px;font-size:12px;margin-bottom:16px}.strip-results{margin-top:24px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{font-size:12px;font-weight:600;text-align:left;padding:12px 16px;background:#f8f9fa;color:#7c858f;white-space:nowrap}td{padding:16px 16px;border-top:1px solid var(--line);white-space:nowrap}tr.selected td{background:#f1f3f5}.table-scroll tbody tr{cursor:pointer}.table-scroll tbody tr:hover td{background:#f8f9fa}.strip-pill{display:inline-flex;gap:8px;align-items:center}.strip-pill i{width:7px;height:7px;border-radius:2px;background:#71869e}.detail-box{padding:20px 24px;border-top:1px solid var(--line)}.edge-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.edge-tag{padding:8px 12px;background:#f5f6f8;border:1px solid #e9ebef;border-radius:7px;font-size:12px}.edge-tag b{color:#495460}.switch{width:38px;height:22px;border-radius:16px;border:0;background:#b6bcc3;position:relative;flex-shrink:0}.switch:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#ffffff;transition:.15s}.switch.on{background:var(--green)}.switch.on:after{left:19px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.library-card{background:#ffffff;border:1px solid var(--line);text-align:left;color:var(--ink)}.library-card svg{height:75px;width:100%;margin-bottom:19px}.library-card strong{font-size:13px;display:block}.library-card small{color:var(--muted);font-size:12px}.empty{text-align:center;color:var(--muted);padding:44px 20px;font-size:12px}.empty .icon{width:28px;height:28px;margin:0 auto 12px;color:#969ea7}.project-summary{display:flex;background:#e9ebef;border-radius:12px;margin-bottom:24px}.project-summary .project-thumb{width:100px;height:80px;background:#ffffff66}.project-summary h2{font-size:20px}.project-summary p{margin-top:4px;font-size:12px;color:#6d7782}.record-row{padding:16px 24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.record-row .record-icon{width:38px;height:38px;border-radius:7px;background:#eff1f3;color:#717b85;display:grid;place-items:center}.record-row h3{font-size:12px}.record-row small{font-size:12px;color:var(--muted)}.record-row .record-value{font-size:12px;font-weight:600}.record-row .icon-btn{width:32px;height:32px}.canvas-wrap{position:relative;background:#f8f9fa;background-image:linear-gradient(#9fa6ae1a 1px,transparent 1px),linear-gradient(90deg,#9fa6ae1a 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--line);border-radius:7px;touch-action:none}.canvas-wrap canvas{width:100%;height:310px;display:block;touch-action:none}.canvas-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:12px;color:#949ca5}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;}.modal{background:#ffffff;width:470px;max-width:100%;max-height:90vh;}.modal.wide{width:720px}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);}.modal-body{}.modal-footer{border-top:1px solid var(--line);display:flex;justify-content:flex-end;}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#ffffff;padding:12px 20px;border-radius:10px;box-shadow:0 7px 30px #1e27310f;opacity:0;pointer-events:none;transition:.2s;z-index:150;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
.login{display:grid;grid-template-columns:1.05fr 1fr;min-height:var(--app-viewport-height92,100vh)}.login-art{padding:48px 60px;flex-direction:column;position:relative;overflow:hidden}.login-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b5bbc206 1px,transparent 1px),linear-gradient(90deg,#b5bbc206 1px,transparent 1px);background-size:40px 40px}.login-art .brand{font-size:28px}.login-art .login-copy{padding-top:52px}.login-art .eyebrow{font-size:12px;margin-bottom:16px}.login-art h1{font-size:43px;font-weight:600;}.login-art h1 em{font-style:normal;}.login-art p{font-size:13px;line-height:1.8;color:#9ea5ad;max-width:350px;margin-top:20px}.login-blueprint{margin:32px 0 12px;width:100%;max-width:480px}.login-art footer{display:flex;align-items:center;}.login-form-side{display:flex;align-items:center;justify-content:center;padding:56px;background:#f7f8f9}.login-form{width:350px;max-width:100%}.login-form .eyebrow{color:#878f99;margin-bottom:12px}.login-form h2{font-size:28px;letter-spacing:-.7px;margin-bottom:8px}.login-form>p{color:#7c858f;font-size:12px;margin-bottom:32px}.login-form .field{margin-bottom:20px}.login-form .field input{min-height:47px;background:#ffffff}.login-form .btn{min-height:47px;margin-top:8px}.login-form-bottom{font-size:12px;color:#949ca5;margin-top:36px;display:flex;align-items:center;justify-content:space-between}.compact .btn,.compact .field input,.compact .field :is(select,.app-select28){min-height:49px}.compact .nav-item{padding-top:16px;padding-bottom:16px}.compact .tab{padding:12px 16px}.subtle{color:#7f8892}.actions-inline{display:flex;gap:8px;align-items:center}
@media(min-width:1450px){.page{padding:40px 52px}.topbar{padding:0 52px}.hero{min-height:215px}.project-card{padding:20px}.project-thumb{width:86px;height:70px}.project-card{grid-template-columns:86px minmax(0,1fr) auto}.sidebar{width:240px}.main{margin-left:240px;width:calc(100% - 240px)}}
@media(max-width:1150px){.sidebar{width:190px;padding-left:16px;padding-right:16px}.main{margin-left:192px;width:calc(100% - 190px)}.topbar{padding:0 24px}.page{padding:28px 24px}.project-tools{flex-wrap:wrap}.search{max-width:none;width:100%}.stat{padding:16px 12px;gap:12px}.stat .hint{display:none}.hero{padding:24px}.hero h2{font-size:24px}.project-card{gap:12px;padding:12px;grid-template-columns:64px minmax(0,1fr) auto}.project-thumb{width:64px;height:59px}.project-thumb svg{width:54px}.work-grid{grid-template-columns:1fr}.work-grid>.panel:last-child .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.work-grid>.panel:last-child .panel-body>.rule{grid-column:1/-1}.work-grid>.panel:last-child .panel-body>.full,.work-grid>.panel:last-child .panel-body>.notice,.work-grid>.panel:last-child .panel-body>.error{grid-column:1/-1}.login-art{padding:40px}.login-art h1{font-size:37px}}
@media(max-width:900px){.project-tools{flex-wrap:nowrap}.search{max-width:210px}.project-card{grid-template-columns:76px minmax(0,1fr) auto;padding:16px;gap:16px}.project-thumb{width:76px;height:64px}.login-art{padding:36px}.login-form-side{padding:36px}.login-art h1{font-size:33px}.project-summary{flex-wrap:wrap}.library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){h1{font-size:28px}.sidebar{display:none}.main{margin-left:0;width:100%}.topbar{height:65px;}.preview-tag{border:0;padding-right:0;font-size:12px}.topbar-right{gap:8px}.topbar-right>.avatar{display:none}.breadcrumb{font-size:12px}.page{padding:24px 20px 100px}.page-heading{align-items:flex-start;margin-bottom:24px;gap:12px}.page-heading .date{display:none}.page-heading>.btn{min-height:38px;font-size:12px;padding:8px 12px}.page-heading p{font-size:12px;max-width:250px}.hero{padding:24px;min-height:205px;margin-bottom:20px}.hero h2{font-size:24px;max-width:240px}.hero p{font-size:12px;max-width:230px}.hero>div:first-child{z-index:1}.stats{gap:8px;margin-bottom:24px}.stat{display:block;padding:12px 12px}.stat small{font-size:12px}.stat strong{font-size:20px}.section-title h2{font-size:16px}.project-tools{flex-wrap:wrap;gap:12px}.tabs{overflow:auto;max-width:100%;width:100%}.tab{padding:8px 12px;font-size:12px}.search{max-width:none;min-height:39px}.project-card{grid-template-columns:59px minmax(0,1fr) auto;gap:12px;padding:12px 12px}.project-thumb{width:59px;height:61px}.project-thumb svg{width:48px}.project-card h3{font-size:12px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:73px;padding-bottom:env(safe-area-inset-bottom);background:#ffffff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;z-index:30}.mobile-nav button{border:0;background:none;color:#7f8892;font-size:12px;display:flex;align-items:center;flex-direction:column;gap:4px;padding:8px 8px;min-width:57px}.mobile-nav button.active{color:var(--accent-dark)}.mobile-nav .icon{width:21px;height:21px}.work-grid{gap:16px}.work-grid>.panel:last-child .panel-body{display:block}.panel-head{padding:16px 20px}.panel-body{padding:20px}.drawing{min-height:260px;padding:16px}.drawing-toolbar{padding:12px 16px}.summary-strip{gap:24px;padding:16px}.summary-strip strong{font-size:20px}.segments{padding:12px 16px 16px}.segment-row{grid-template-columns:21px 1fr 1fr 42px 24px;gap:8px}.segment-row input{padding:8px 8px;font-size:12px}.library-grid{gap:12px}.library-card strong{font-size:12px}.library-card svg{height:60px}.project-summary{gap:16px;padding:20px}.project-summary .project-thumb{width:70px;height:65px}.project-summary h2{font-size:17px}.project-summary p{font-size:12px}.record-row{padding:16px;gap:12px}.record-row .record-value{font-size:12px}.record-row h3{font-size:12px}.modal-overlay{padding:16px}.modal-head{padding:16px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}#toast{bottom:89px;max-width:90%;width:max-content}.login{display:flex;flex-direction:column}.login-art .brand{}.login-art .eyebrow{}.login-art p{font-size:12px;margin-top:12px;max-width:270px}.login-blueprint{position:absolute;width:200px;right:-38px;bottom:13px;opacity:.14;margin:0;pointer-events:none}.login-form-side{padding:32px 28px 40px;align-items:flex-start}.login-form{width:100%}.login-form h2{font-size:24px}.login-form>p{margin-bottom:24px}.login-form-bottom{margin-top:24px}.detail-box{padding:16px}.edge-tag{font-size:12px}.breadcrumb>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Project actions and profile editor */
.profile-drawing #profile-svg{touch-action:auto}.profile-drawing #profile-svg>svg{touch-action:pan-x pan-y}.profile-drawing .vertex-hit,.profile-drawing .profile-vertex{touch-action:none}.drawing-toolbar .tools{align-items:center}.drawing-toolbar .tools span{font-size:12px;min-width:35px;text-align:center}
.profile-edit-tools{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.drawing .profile-edit-tools .drawing-label{position:static;max-width:320px;font-size:12px;line-height:1.6;letter-spacing:.3px}.profile-edit-tools .btn{font-size:12px;padding:8px 12px;min-height:36px}.redo-icon{transform:scaleX(-1)}.profile-edit-tools button:disabled{opacity:.4;cursor:default}.inline-draw-mode #profile-svg,.inline-draw-mode #profile-svg>svg{touch-action:none;cursor:crosshair}.library-card-actions .icon{margin:0;flex-shrink:0}.library-card-actions .btn{min-width:0;white-space:normal;gap:8px;line-height:1.3}.template-segments{}.profile-drawing{display:flex;flex-direction:column}.strip-dimensioned{max-height:none!important}.strip-pitch-label text{fill:#354d66}.modal-footer{flex-wrap:wrap}
@media(max-width:700px){.profile-edit-tools{align-items:flex-start}.profile-edit-tools .actions-inline{gap:4px}.template-preview svg{height:130px}.library-card-actions .btn{width:100%;justify-content:center}.strip-detail-heading .actions-inline{flex-wrap:wrap}.page-heading>.actions-inline{flex-wrap:wrap;justify-content:flex-end}.panel-head>.actions-inline{flex-wrap:wrap;justify-content:flex-end}.profile-edit-tools .drawing-label{max-width:100%}}.project-edit{align-self:flex-start;margin-left:auto}.location-field{margin-bottom:20px}.location-field .field{margin-bottom:8px}.location-field>small{display:block;margin-top:8px}.profile-context{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edeff1;border:1px solid #dde0e5;}.profile-context-copy{display:flex;align-items:center;flex-wrap:wrap}.context-number{font-size:15px;font-weight:600}.profile-context-copy>.subtle{font-size:12px}.context-navigation{display:flex;align-items:center;gap:8px}.context-navigation :is(select,.app-select28){max-width:220px;min-height:36px;border:1px solid #d3d7dc;border-radius:7px;padding:8px;background:white;color:var(--ink)}.context-navigation .icon-btn:disabled{opacity:.3;cursor:default}.quick-library{margin:0 0 20px;border:1px solid var(--line);background:#ffffff80;}.quick-template{display:flex;align-items:center;gap:8px;border:1px solid #e1e4e8;border-radius:7px;background:white;color:var(--ink);font-size:12px;white-space:nowrap;padding:8px 12px;min-height:42px}.quick-template:hover{border-color:#8e969f;background:#f5f6f8}.quick-template svg{width:38px;height:25px}.favorite-star{color:#1a222b}.profile-drawing{padding-top:36px}.profile-drawing #profile-svg{width:100%;user-select:none}.profile-drawing svg{display:block;width:100%;max-height:460px}.profile-vertex,.vertex-hit{cursor:grab;touch-action:none}.profile-vertex:focus{stroke:#3a526d;stroke-width:3;outline:none}.profile-angle,.profile-dimension{cursor:pointer}.profile-dimension:focus rect,.profile-dimension:hover rect,.profile-angle:focus rect,.profile-angle:hover rect{fill:#e9edf2;stroke:#a2b1c2}.profile-angle text{fill:#425c78!important}.profile-dimension text{fill:#39516b!important}.labels-toggle{display:flex;align-items:center;white-space:nowrap;color:var(--muted)}.labels-toggle input{accent-color:var(--green);width:17px;height:17px}.dimension-editor{position:absolute;right:16px;top:38px;width:228px;background:white;border:1px solid #d7dadf;box-shadow:0 10px 40px #242e380f;z-index:3}.dimension-editor .field{margin-bottom:12px}.dimension-editor[hidden]{display:none}.dimension-editor .actions-inline{gap:8px}.dimension-editor .btn{flex:1}
/* Library controls */
@media(min-width:701px) and (max-width:1150px){.work-grid>.panel:last-child .panel-body{display:block}}
#area-form .field:has(input[name="top"]:focus)>span{color:#47627f}#area-form .field:has(input[name="bottom"]:focus)>span{color:#b9805a}
.strip-zoom-modal.wide{width:950px}.strip-zoom-modal .modal-body{overflow:auto}.strip-zoom-modal .detail-box{padding:0;border:0;min-width:620px}.strip-zoom-modal .strip-dimensioned{max-height:none;min-width:620px}.strip-zoom-modal .strip-detail-heading{min-width:620px}
.library-toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:12px}.library-toolbar .search{max-width:370px;flex:1}.active-filter{background:#e7e9ed;border-color:#b5bbc2;color:#495460}.library-card{display:flex;flex-direction:column}.library-card-top{display:flex;justify-content:space-between;}.library-card-top .badge{font-size:12px}.favorite-toggle{color:#9fa6ae}.favorite-toggle.is-favorite{color:#1a222b}.library-load{background:none;border:none;color:inherit;text-align:left;width:100%;flex:1}.library-load svg{height:100px;margin:10px 0}.library-card-actions{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}.library-card-actions .btn{flex:1;min-height:36px}.template-preview svg{width:100%;height:150px;background:#f8f9fa;border-radius:8px;margin-bottom:18px}.group-list{margin-bottom:24px}.group-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.group-row strong{font-size:12px}.group-row small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.strip-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.strip-detail-heading .muted{font-weight:400;font-size:12px}.strip-dimensioned{display:block;width:100%;height:auto;max-height:400px;background:#f9fafc;border:1px solid #e9ebef;border-radius:7px;margin-top:16px}.strip-dimensioned text{font-family:'DM Sans',sans-serif;fill:#38506a}.strip-envelope{margin-top:16px;line-height:1.7}.allowance-caption{fill:#39516b!important}.drawing [data-strip]{cursor:pointer}.drawing [data-allowance-edge]{filter:drop-shadow(0 0 5px #ddba9f55)}
@media(max-width:900px){.profile-context{align-items:flex-start;flex-direction:column}.context-navigation{width:100%}.context-navigation :is(select,.app-select28){flex:1;max-width:none}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.profile-context{padding:12px;margin-bottom:12px}.profile-context-copy{gap:8px}.profile-context-copy>.subtle{width:100%}.context-navigation .btn{font-size:12px;padding:8px}.context-navigation :is(select,.app-select28){min-width:0;font-size:12px}.quick-library{padding:12px 12px}.quick-template{font-size:12px;padding:8px 8px}.quick-template svg{width:28px}.profile-drawing .drawing-label{letter-spacing:.2px;font-size:12px;left:14px}.profile-drawing{padding:28px 8px 8px;min-height:230px}.profile-drawing .dimension-editor{right:9px;top:31px;width:207px}.labels-toggle{font-size:12px;gap:4px}.project-summary{position:relative}.project-edit{margin-left:0;font-size:12px;min-height:36px;width:100%}.library-grid{grid-template-columns:1fr}.library-card{padding:16px}.library-load svg{height:110px}.library-load strong{font-size:15px}.library-card-actions .btn{min-height:42px}.library-toolbar{flex-wrap:wrap}.library-toolbar .search{width:100%;max-width:none;flex:auto}.library-toolbar>.subtle{display:none}.strip-detail-heading{align-items:flex-start;flex-wrap:wrap}.strip-dimensioned{min-height:240px}.strip-envelope{font-size:12px}.field-row .field{min-width:0}}
@media(max-width:700px){.page-heading{flex-wrap:wrap}.page-heading>div:first-child{min-width:185px;flex:1}.page-heading>.actions-inline{width:100%}.page-heading>.actions-inline .btn{flex:1;font-size:12px;min-height:42px}.breadcrumb>.small-icon{display:none}}
.profile-edit-tools svg.icon{width:14px;height:14px;max-height:none;flex-shrink:0}.profile-edit-tools .btn{gap:8px}.profile-edit-tools .actions-inline{gap:8px}.profile-drawing .profile-edit-tools{padding:0 8px}
/* Stable drawing frames and consistent navigation */
.profile-drawing #profile-svg{scrollbar-gutter:stable;min-width:0;flex-shrink:0}.work-grid>*{}.page-back{flex-shrink:0}.breadcrumb{margin-right:auto;overflow:hidden;white-space:nowrap}.complete-project{color:#39516b;border-color:#bdc8d5;background:#f7f8f9}.workflow-summary{gap:20px;align-items:center;justify-content:space-between;}.workflow-summary>div{flex:1;min-width:0}.record-copy{flex:1;min-width:0}.record-copy>.badge{margin-top:8px}.record-row .record-icon{border:0;cursor:pointer}.record-row .record-value{margin-left:0;white-space:nowrap}.surface-choices{display:grid;grid-template-columns:1fr;gap:12px}.surface-choice{border:1px solid #d9dde1;background:#f8f9fa;display:flex;align-items:center;gap:16px;padding:20px;border-radius:10px;text-align:left;color:#424d58;flex-wrap:wrap}.surface-choice .icon{width:32px;height:32px}.surface-choice strong{font-size:17px}.surface-choice small{width:100%;padding-left:48px;color:#69747f}.surface-choice.planned{opacity:.55;background:#f8f9fa}.plan-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:24px}.plan-metrics small{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.plan-metrics strong{font-size:24px}.plan-metrics em{font-size:12px;font-style:normal}.optimization-panel{margin-bottom:24px}.optimization-panel[hidden]{display:none}.optimization-panel #stock-form{max-width:650px;margin-bottom:16px}.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stock-card{border:1px solid var(--line);min-width:0}.stock-card>p{margin-top:4px}.stock-card svg{width:100%;height:390px;margin:15px 0;background:#f9fafc}.stock-card ol{padding-left:24px;max-height:240px;overflow:auto;}.stock-card li{padding:8px 0}.stock-card li b{display:block;font-weight:500;color:#6e7883}.prepare-item{background:white;border:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:20px;margin-bottom:12px}.prepare-item h3{margin-bottom:4px}.prepare-item .badge{margin-top:8px}.record-large-preview svg{max-height:65vh}.seam-calculation{border:1px solid #e1e4e8;overflow:hidden;background:#fbfcfd;margin:0 0 20px}.calculation-result{display:flex;align-items:center;justify-content:space-between;padding:16px 16px;background:#ebedf0;gap:12px}.calculation-result span{font-size:12px;font-weight:600}.calculation-result strong{white-space:nowrap;color:#495460}.calculation-result small{font-size:12px}.calculation-lines{padding:12px 16px}.calculation-lines>div{display:flex;justify-content:space-between;gap:16px;}.calculation-lines small{font-size:12px;color:#7f8892}.calculation-lines b{white-space:nowrap;font-weight:600}.calculation-first{border-top:1px solid #e3e6ea;padding:12px 16px;}.calculation-first b{display:block;margin-top:4px}.area-summary{background:#fbfcfd;border-bottom:1px solid var(--line);justify-content:space-between;gap:16px}.geometry-tabs{display:flex;gap:8px;margin-bottom:16px}.template-editor-modal .modal-body{}.template-editor-modal #profile-svg{max-height:none;overflow:visible;scrollbar-gutter:auto}.template-editor-modal #profile-svg>svg{height:390px;aspect-ratio:auto}.template-properties{padding:24px;border-top:1px solid var(--line)}.template-properties h3{margin-bottom:20px}.template-segments{padding:0 24px 24px}.template-segments h3{margin-bottom:16px}.template-drawing-section{border-bottom:1px solid var(--line)}
@media(max-width:1000px){.workflow-summary{align-items:stretch;flex-direction:column}.plan-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.record-row{flex-wrap:wrap}.record-actions{margin-left:auto}.stock-grid{grid-template-columns:1fr}}
@media(max-width:700px){.topbar{padding:0 16px;gap:8px}.page-back{font-size:12px;padding:8px 8px}.topbar-right .preview-tag{max-width:120px;font-size:12px}.record-actions{width:100%;justify-content:flex-end}.record-copy{min-width:180px}.record-row .record-value{margin-left:auto}.record-actions .btn{flex:1}.prepare-item{flex-wrap:wrap;gap:12px}.prepare-item>div{flex:1}.plan-metrics{padding:16px;gap:16px}.plan-metrics strong{font-size:20px}.plan-metrics small{font-size:12px}.template-editor-modal #profile-svg>svg{height:245px}.template-editor-modal .profile-drawing{padding:12px 8px 0}.template-properties{padding:20px}.template-properties .field-row{grid-template-columns:1fr}.template-segments{padding:0 20px 24px}.geometry-tabs .btn{font-size:12px;flex:1}.area-summary{display:grid;grid-template-columns:repeat(3,1fr)}.stock-card svg{height:320px}}
#area-drawing>svg{width:100%;height:auto}.topbar-right{flex-shrink:0}.record-copy h3{overflow-wrap:anywhere}
@media(max-width:700px){#area-drawing>svg{max-height:none}.topbar-right .preview-tag{display:none}.topbar{min-width:0}.prepare-item h3{overflow-wrap:anywhere}}
.library-card .icon{width:16px;height:16px;margin:0;flex:none}
@media(max-width:600px){.library-card-top .card-select{flex-basis:100%;width:100%}.library-card-top .card-select .badge{max-width:calc(100% - 26px)}.library-card-top>.actions-inline{width:100%;justify-content:space-between}}
.library-selection{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 24px;background:#ffffff;border:1px solid var(--line);border-radius:10px;}.library-selection>.actions-inline{margin-left:auto}.selection-count{font-size:12px;color:var(--muted)}.library-workspace{display:grid;grid-template-columns:195px minmax(0,1fr);align-items:start}.library-folders{background:#ffffff;border:1px solid var(--line);border-radius:12px;position:sticky;}.library-folders h2{font-size:13px;padding:0 12px;margin-bottom:12px}.folder-target{display:flex;align-items:center;width:100%;border:1px solid transparent;background:transparent;text-align:left;color:#5d6874;transition:background .15s,border-color .15s}.folder-target span{flex:1;min-width:0;overflow-wrap:anywhere}.folder-target b{margin-left:auto;font-size:12px;font-weight:500;color:#8d959e}.folder-target.active{background:#edeff1;color:#424d58;font-weight:600}.folder-target:hover{background:#f5f6f8}.folder-target.is-drop-target{background:#e9ebef;border:2px dashed #47627f;color:#161e26}.library-folders>.text-btn{font-size:12px;padding:16px 12px 8px}.library-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.library-collection{min-width:0}.collection-heading{padding:0 2px 16px;}.collection-heading h2 span{color:#76808b;font-size:12px;margin-left:8px}.collection-heading p{color:var(--muted);margin-top:4px;max-width:330px}.library-columns .library-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.library-card{min-width:0;}.library-card.is-selected{border-color:#828b95;box-shadow:0 0 0 2px #1a222b26}.library-card.is-dragging{opacity:.45}.library-card-top{gap:8px;align-items:center}.card-select{display:flex;align-items:center;gap:8px;min-width:0}.card-select input,.library-selection input{width:18px;height:18px;accent-color:#5f6975;flex-shrink:0}.card-select .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:12px}.library-card-top>.actions-inline{gap:4px;flex-shrink:0}.library-card-top .favorite-toggle{width:27px;height:29px}.library-load strong{overflow-wrap:anywhere}.library-card-actions{display:flex;flex-direction:column;align-items:stretch}.library-card-actions>.btn{width:100%;flex:none}.personal-variant{display:flex;align-items:center;gap:8px;font-size:12px;color:#182029;padding:0 20px 8px}.personal-variant .icon{width:13px;height:13px}.collection-empty{border:1px dashed #dde0e5;border-radius:12px;background:#fbfcfd;padding:36px 20px;text-align:center;min-height:180px;color:#7f8892;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:12px}.collection-empty>.icon{width:32px;height:32px}.library-drag-ghost{position:fixed;color:#ffffff;font-size:12px;overflow-wrap:anywhere}.company-settings .panel-head .subtle{margin-top:4px}.company-template-list{margin-top:16px}.company-template-row{display:flex;align-items:center;border-bottom:1px solid var(--line);}.company-template-row>div:first-child{flex:1;min-width:0}.company-template-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.company-template-row small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.company-template-row .icon-btn{width:32px;height:34px}.company-template-row .icon{width:15px;height:15px}.company-setting-actions{flex-wrap:wrap}.template-scope-note{display:flex;gap:8px;align-items:center;background:#f1f3f5;color:#5f6975;padding:12px 24px;font-size:12px}.template-scope-note .icon{flex-shrink:0}.strip-contour-tabs{display:flex;gap:8px;padding:4px 0 16px;flex-wrap:wrap}.allowance-legend{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:12px 0}.allowance-legend span{display:flex;align-items:center;gap:4px}.allowance-legend i{width:10px;height:10px;border-radius:2px}.top-swatch{background:#47627f}.bottom-swatch{background:#b9805a}.panel-allowance{pointer-events:none}
@media(max-width:1250px){.library-workspace{grid-template-columns:170px minmax(0,1fr);gap:20px}.library-columns{gap:16px}.library-columns .library-grid{grid-template-columns:1fr}.card-select .badge{max-width:130px}.library-card-top{padding-left:12px;padding-right:12px}}
@media(max-width:950px){.library-workspace{grid-template-columns:1fr}.library-folders{position:static;display:flex;gap:8px;flex-wrap:wrap;padding:12px}.library-folders h2{display:none}.folder-target{width:auto;max-width:100%;font-size:12px;min-height:36px;padding:8px}.folder-target b{margin-left:4px}.library-folders>.text-btn{padding:8px;font-size:12px}.collection-heading{min-height:85px}.library-card-top .badge{max-width:170px}}
@media(max-width:600px){.library-columns{grid-template-columns:1fr;gap:28px}.library-columns .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-card-top{padding:12px 8px;flex-wrap:wrap}.card-select{flex:1}.card-select .badge{max-width:105px}.library-card-top>.actions-inline{margin-left:auto}.library-card .library-load{padding-left:12px;padding-right:12px}.library-card .library-load strong{font-size:12px}.library-card .library-load small{font-size:12px}.library-card-actions{padding:12px!important}.collection-heading{min-height:0;padding-bottom:12px}.library-selection{gap:12px;padding:12px}.library-selection>.actions-inline{width:100%;margin-left:0;flex-wrap:wrap;gap:8px}.library-selection .btn{flex:1;font-size:12px;padding:8px}.library-toolbar .badge{font-size:12px}.library-toolbar .search{max-width:none;flex:1;min-width:0}.company-template-row{align-items:flex-start;flex-wrap:wrap}.company-template-row>.actions-inline{width:100%;justify-content:flex-end}.company-setting-actions .btn{width:100%}.strip-contour-tabs .btn{font-size:12px;flex:1}.template-scope-note{padding:12px 16px;font-size:12px}.library-folders .folder-target{min-height:40px}}
.plan-warning{display:flex;align-items:center;gap:12px;background:#f3f6f9;color:#3e5772;padding:16px 24px;border-top:1px solid #eaeef4;font-size:12px}.plan-warning>span{flex:1}.plan-warning small{display:block;margin-top:4px}.plan-warning .btn{font-size:12px;flex-shrink:0}
#area-drawing>svg{max-height:600px}.overall-zoom{min-width:620px}.overall-zoom>svg{width:100%;height:auto}#area-form .field:has(input[name="top"]:focus)>span,#area-form .field:has(input[name="dormerPitch"]:focus)>span{color:#47627f}#area-form .field:has(input[name="bottom"]:focus)>span,#area-form .field:has(input[name="roofPitch"]:focus)>span,#area-form .field:has(input[name="roofPitch2"]:focus)>span,#area-form .field:has(input[name="breakDistance"]:focus)>span{color:#b9805a}

.sync-status{background:none;border:0;border-right:1px solid var(--line);cursor:pointer}.sync-warning .sync-status{color:#a1762c}.sync-warning .sync-status .dot{background:#ab8645}#login-error:empty{display:none}#login-error{margin-bottom:16px}
.breadcrumb>span{overflow:hidden;text-overflow:ellipsis;min-width:0}.breadcrumb>strong,.breadcrumb>svg{flex-shrink:0}.sync-status{max-width:205px}.sync-status [data-sync-label]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{min-width:0}
.workshop{cursor:pointer;font:inherit;border:1px solid #2e3843}.workshop:hover{background:#2b353f}
.record-status{margin:8px 0 8px}.record-copy>.badge{display:block}.site-overview{margin:24px 0}.site-overview .panel-head>div{min-width:0}.site-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}.site-card{display:flex;align-items:center;border:1px solid #e1e4e8;background:#fbfcfd;color:inherit;cursor:pointer;font:inherit;min-width:0}.site-card>svg{width:85px;height:62px;flex-shrink:0}.site-card>div{min-width:0;flex:1}.site-card small{display:block;color:#7c858f;font-size:12px;margin-top:4px}.site-empty{color:#7c858f;}.employee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-card{padding:20px;display:flex;align-items:center;gap:16px;background:#ffffff;border:1px solid #e3e6ea;border-radius:12px;text-align:left;font:inherit;color:inherit;cursor:pointer}.employee-card>div{flex:1}.employee-card h3{margin:0 0 4px}.employee-card small{color:#7a848e;font-size:12px}.employee-selection{display:flex;align-items:center;gap:20px;margin:0 0 16px}.company-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 28px}.company-kpis>div{background:#f3f4f6;padding:20px;border-radius:10px}.company-kpis small,.company-kpis strong{display:block}.company-kpis small{font-size:12px;color:#727c87}.company-kpis strong{font-size:24px;margin-top:8px}.company-table-wrap{overflow:auto}.company-ranking{width:100%;border-collapse:collapse;font-size:12px}.company-ranking th{text-align:left;color:#76808b;background:#f5f6f8}.company-ranking th,.company-ranking td{padding:16px 12px;border-bottom:1px solid #e3e6ea;white-space:nowrap}.company-ranking small{display:block;color:#7f8892;margin-top:4px}.company-history>div{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edeff1}.company-history small{display:block;color:#7a848e;font-size:12px;margin-top:4px}.company-history strong{font-size:12px}.picker-search{max-width:none;width:100%;margin:20px 0}.picker-project{display:flex;align-items:center;gap:12px;padding:16px 12px;border:1px solid #e1e4e8;border-radius:10px;margin-bottom:12px;cursor:pointer}.picker-project:has(input:checked){background:#f1f3f5;border-color:#9ba3ab}.picker-project>span:nth-of-type(2){flex:1;min-width:0}.picker-project small{display:block;color:#7c858f;margin-top:4px}.picker-project strong{display:block}.picker-project .project-thumb{width:55px;height:45px}.picker-project input{accent-color:#69747f}.favorite-toggle{border:0!important;background:none!important;box-shadow:none!important;padding:0 4px!important;font-size:20px!important;line-height:1;min-height:28px!important;min-width:28px!important}.library-card{transition:transform .18s,opacity .18s,box-shadow .18s;touch-action:manipulation;user-select:none;-webkit-touch-callout:none}.library-card.library-lifted{transform:scale(.94);opacity:.5;box-shadow:0 5px 20px #3f49540f}.library-drag-ghost{z-index:3000;max-width:220px;background:#f1f3f5;border:1px solid #71869e;box-shadow:0 8px 25px #313c460f;padding:16px 24px;border-radius:12px;font-weight:600;transform:rotate(-3deg)}
.draw-controls{background:#f1f3f5;border-top:1px solid #dfe3e7;border-bottom:1px solid #dfe3e7;display:flex;flex-wrap:wrap;align-items:center}.draw-controls[hidden]{display:none}.draw-controls>small{color:#616c77;flex:1;}.drawing-input-mode{font-size:12px;color:#545f6b;white-space:nowrap}.profile-drawing #profile-svg{overflow:hidden;max-height:none;min-height:0;display:block}.profile-drawing #profile-svg>svg{display:block;height:auto;aspect-ratio:520/340;flex-shrink:initial}.profile-drawing #profile-svg:has(svg[style*="150%"]),.profile-drawing #profile-svg:has(svg[style*="200%"]),.profile-drawing #profile-svg:has(svg[style*="250%"]),.profile-drawing #profile-svg:has(svg[style*="300%"]){overflow:auto}.template-drawing-section .panel-head>.actions-inline{flex-wrap:wrap}.template-drawing-section .panel-head>.labels-toggle{margin-left:auto}.record-large-preview svg{width:100%!important;height:auto}.template-editor-modal .drawing{min-height:0}.site-toolbar>span{margin-left:auto;font-size:12px;color:#7f8892}.site-drawing{touch-action:none}.site-drawing.is-drawing{cursor:crosshair}.site-drawing>svg{display:block;width:100%;max-height:560px}.site-drawing [data-site-edge]{cursor:pointer}.site-measurement-panel{margin-top:24px}.site-dimension-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.site-dimension-fields .field.active input{border-color:#47627f;background:#f8f9fa}
.stock-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.stock-formats fieldset{border:1px solid #dde0e5;padding:20px;border-radius:12px;min-width:0;background:#f8f9fa}.stock-formats legend{font-size:15px;font-weight:600;padding:0 8px}.stock-formats small{display:block;color:#7c858f;font-size:12px;margin-top:12px}.stock-formats+.field{margin:20px 0;max-width:300px}.prepare-item.enhanced{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:20px;padding:24px;align-items:start}.prepare-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.prepare-detail-grid small{display:block;font-size:12px;color:#7a848e;margin-bottom:8px}.prepare-detail-grid strong{font-size:13px}.prepare-detail-grid .field{margin:0}.stock-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.stock-modal-head small{display:block;font-size:12px;color:#78818c;margin-top:8px}.stock-pan{overflow:auto;max-height:440px;touch-action:none;cursor:grab;border:1px solid #dde0e5;border-radius:12px;background:#fbfcfd}.stock-pan:active{cursor:grabbing}.stock-pan svg{display:block;max-width:none!important;flex-shrink:0}.coil-overview{background:#f7f8f9;border:1px solid #dfe3e7;border-radius:10px;margin-bottom:16px}.coil-overview svg{width:100%;display:block}.coil-plan-modal{width:min(1120px,96vw)!important}.coil-legend{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.coil-legend span{display:flex;align-items:center;gap:8px;font-size:12px}.coil-legend i{width:12px;height:12px;border-radius:3px}.chain-tables{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.chain-tables table{width:100%;border-collapse:collapse;font-size:12px}.chain-tables th,.chain-tables td{padding:12px;border-bottom:1px solid #e1e4e8;text-align:left}.chain-tables th{color:#7e8791;font-size:12px}.chain-tables h3{font-size:13px;margin-bottom:12px}.cut-coordinates{margin:16px 0;border:1px solid #e1e4e8;padding:16px;border-radius:7px}.cut-coordinates summary{font-size:12px;cursor:pointer}.cut-coordinates>div{padding:12px 0;border-bottom:1px solid #edeff1}.cut-coordinates strong,.cut-coordinates small{display:block}.cut-coordinates small{font-size:12px;color:#7a848e;margin-top:8px}
@media(max-width:1100px){.prepare-item.enhanced{grid-template-columns:100px minmax(0,1fr)}.company-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.prepare-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-grid{grid-template-columns:1fr}.site-dimension-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.site-overview .panel-head{flex-wrap:wrap;gap:16px}.site-overview .panel-head>.btn{width:100%;justify-content:center}.site-cards,.stock-formats{grid-template-columns:1fr}.site-dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.prepare-item.enhanced{grid-template-columns:85px minmax(0,1fr);gap:12px;padding:16px}.prepare-detail-grid{grid-template-columns:1fr}.company-kpis{gap:8px}.company-kpis>div{padding:12px}.company-kpis strong{font-size:17px}.stock-modal-head{flex-direction:column;align-items:flex-start;gap:16px}.chain-tables{gap:12px}.chain-tables th,.chain-tables td{padding:8px;font-size:12px}.picker-project .project-thumb{display:none}.picker-project .badge{font-size:12px}.draw-controls{padding:12px;gap:8px}.site-toolbar{padding:12px}.workflow-summary{flex-wrap:wrap}.site-card>svg{width:65px}.record-actions{flex-wrap:wrap}}


.modal.company-overview-modal{width:1040px;max-width:calc(100vw - 32px);background:#f7f8f9}.company-overview-modal .modal-body{padding:24px}.company-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.company-summary-heading .eyebrow{color:#747e89;font-size:12px;letter-spacing:1.2px;margin-bottom:8px}.company-summary-heading h3{font-size:24px;letter-spacing:-.6px}.company-summary-heading p{font-size:12px;color:#747e89;margin-top:4px}.company-year-field{width:150px;flex-shrink:0;margin-bottom:0!important}.company-year-field>span{font-size:12px}.company-year-field :is(select,.app-select28){background:#ffffff;width:100%;height:42px;padding:8px 12px;border:1px solid #d7dadf;border-radius:7px;color:#36404b}.company-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}.company-metric{padding:20px 20px;background:#ffffff;border:1px solid #e1e4e8;border-radius:12px;min-width:0}.company-metric>small{display:block;color:#6c7681;font-size:12px;font-weight:600}.company-metric>strong{display:flex;align-items:baseline;gap:8px;font-size:30px;font-weight:600;letter-spacing:-.8px;margin-top:8px;line-height:1.2;font-variant-numeric:tabular-nums;color:#303b45}.company-metric>strong>span{font-size:13px;font-weight:500;letter-spacing:0;color:#76808b}.company-metric>p{font-size:12px;color:#7e8791;margin-top:8px;line-height:1.4}.company-metric-material{background:#edeff1;border-color:#d9dde1}.company-metric-weight{background:#eff1f3;border-color:#e8edf3}.company-metric-weight>strong{color:#3a526d}.company-metric-weight>small,.company-metric-weight>strong>span{color:#455f7c}.company-block-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}.company-block-title h3{font-size:15px;font-weight:600}.company-block-title>span{color:#7c858f;font-size:12px;text-align:right}.company-material-wrap{overflow:auto;border:1px solid #dde0e5;border-radius:10px;background:white;margin-bottom:28px}.company-material-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.company-material-table thead{background:#eff1f3}.company-material-table th,.company-material-table td{border-bottom:1px solid #e9ebef;white-space:nowrap;text-align:right}.company-material-table th:first-child,.company-material-table td:first-child{text-align:left}.company-material-table thead th{font-size:12px;font-weight:600;color:#717b85}.company-material-table tbody th{font-size:12px;font-weight:600;color:#38424d}.company-material-table td{color:#495460}.company-material-table small{font-size:12px;color:#7e8791}.company-material-table tfoot{background:#f7f8f9;font-weight:600}.company-material-table tfoot th,.company-material-table tfoot td{border-bottom:0;color:#444e5a}.company-material-dot{display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:3px;margin-right:8px}.company-material-table td.company-no-data{text-align:center;padding:32px;color:#7e8791;white-space:normal}.company-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.company-stage-card{background:#ffffff;border:1px solid #e0e3e8;border-radius:12px;padding:16px;min-width:0}.company-stage-card>div{display:flex;align-items:center;gap:8px}.company-stage-card h4{font-size:12px;font-weight:600;color:#445f7b}.company-stage-dot{height:6px;width:6px;border-radius:50%;background:#bea16b}.company-stage-card.prepared .company-stage-dot{background:#ccac69}.company-stage-card.installed .company-stage-dot{background:#3a6c3e}.company-stage-card>strong{font-size:24px;font-weight:600;letter-spacing:-.5px;display:block;line-height:1.3;margin:12px 0 8px;color:#344b65;font-variant-numeric:tabular-nums}.company-stage-card>strong>small{font-size:12px;font-weight:500;color:#5f7791}.company-stage-card>p{font-size:12px;color:#415a76}.company-stage-card>span{display:block;font-size:12px;color:#647b94;margin-top:4px;line-height:1.5}.company-calculation-note{font-size:12px;color:#7c858f;line-height:1.6;margin:12px 0 0}.company-data-note{font-size:12px;color:#415b77;padding:8px 12px;border:1px solid #e1e7ee;background:#f3f4f6;border-radius:7px;margin-top:12px}.company-density-details{border-bottom:1px solid #dfe3e7;padding:16px 0 20px;margin:2px 0 24px;font-size:12px;color:#727c87}.company-density-details summary{cursor:pointer;font-weight:600;color:#656f7b;width:fit-content}.company-density-details>div{padding-top:12px;max-width:800px}.company-density-details p{margin-bottom:12px;line-height:1.6}.company-density-details ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.company-density-details li{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #e1e4e8;padding-top:8px}.company-density-details a{display:flex;align-items:center;gap:4px;color:#616c77;text-decoration:underline;text-underline-offset:3px;flex-shrink:0}.company-density-details a .icon{width:12px;height:12px}.company-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.company-team-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff;border:1px solid #e1e4e8;border-radius:12px;min-width:0}.company-team-card .avatar{width:35px;height:35px;background:#ebedf0;color:#656f7b}.company-team-card>div{min-width:0;flex:1}.company-team-card h4{font-size:12px;color:#3a4550;margin:0 0 4px}.company-team-card>div>span{font-size:12px;color:#858e98}.company-team-card p{font-size:12px;color:#717b85;overflow-wrap:anywhere;margin-top:4px}.company-overview-modal .company-team-heading{margin-top:0}
@media(max-width:800px){.company-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-metric>strong{font-size:24px}.company-metric{padding:16px}.company-material-table th,.company-material-table td{padding:12px}.company-stage-card{padding:16px}.company-stage-card>strong{font-size:20px}}
@media(max-width:580px){.modal.company-overview-modal{max-width:calc(100vw - 18px)}.company-overview-modal .modal-body{padding:16px}.company-summary-heading{align-items:flex-start;gap:12px}.company-summary-heading h3{font-size:20px}.company-year-field{width:115px}.company-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.company-metric>strong{font-size:24px}.company-metric>p{font-size:12px}.company-stage-grid{grid-template-columns:1fr}.company-stage-card{display:grid;grid-template-columns:1fr auto;gap:8px 12px}.company-stage-card>div{grid-column:1}.company-stage-card>strong{grid-column:2;grid-row:1/3;margin:0;align-self:center}.company-stage-card>p{grid-column:1}.company-stage-card>span{grid-column:1/-1;margin-top:0}.company-team-grid{grid-template-columns:1fr}.company-density-details ul{grid-template-columns:1fr}.company-block-title{gap:12px}.company-block-title>span{font-size:12px}.company-material-table{font-size:12px}.company-material-table th,.company-material-table td{padding:12px 12px}}

.workflow-summary{display:block}.workflow-summary>div{width:100%}.workflow-summary>.subtle,.workflow-summary>.text-btn{display:block;margin-top:12px}.coil-face{display:flex;align-items:center;gap:8px;font-size:12px}.coil-face :is(select,.app-select28){padding:8px;border:1px solid #d9dde1;border-radius:7px;background:#ffffff;color:#45505b}.coil-measurement{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #dde0e5;border-radius:12px;margin-top:20px;padding:20px;background:#fbfcfd;align-items:center}.coil-measurement h3{margin-top:0}.coil-measurement .edge-tags{justify-content:flex-start}.coil-measurement svg{width:100%;max-height:360px}.coil-measurement p{line-height:1.7}[data-coil-cut]{cursor:pointer}@media(max-width:700px){.coil-measurement{grid-template-columns:1fr;padding:12px}.coil-measurement svg{max-height:300px}.coil-face{font-size:12px}}

.project-name-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}.project-name-fields .field{min-width:0}.project-number{font-weight:500;line-height:1.5;letter-spacing:.25px;overflow-wrap:anywhere}.project-number b{font-weight:600;color:#656f7b;margin-left:4px}.project-number-heading{margin-bottom:4px;}.record-history-button{color:#68737e!important;border-color:#dde0e5!important;background:#f8f9fa!important;gap:4px!important;font-size:12px!important;min-height:32px!important;white-space:nowrap}.record-history-button:hover{background:#eff1f3!important;border-color:#b9bfc5!important}.record-history-button .icon{width:14px;height:14px}.modal.record-status-history-modal{width:840px;max-width:calc(100vw - 32px);background:#f7f8f9}.record-status-history-modal .modal-body{padding:24px}.status-history-heading{display:flex;gap:12px;align-items:center;margin-bottom:24px}.status-history-record-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:10px;background:#e8ebee;color:#4a6581}.status-history-record-icon>.icon{width:25px;height:25px}.status-history-heading>div{min-width:0}.status-history-heading h3{font-size:17px;letter-spacing:-.3px;color:#344b64;margin-bottom:4px;overflow-wrap:anywhere}.status-history-heading p{font-size:12px;color:#4f6985;line-height:1.5}.status-history-project-number{display:inline;font-size:12px;letter-spacing:0;margin-left:8px}.status-history-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}.status-history-stage{padding:16px 16px;background:white;border:1px solid #dfe2e6;border-radius:10px;min-width:0}.status-history-stage>div{display:flex;align-items:center;gap:8px;margin-bottom:12px}.status-history-stage h4{font-size:12px;font-weight:600;color:#435d79}.status-history-dot{height:6px;width:6px;border-radius:50%;background:#4e6884}.status-history-stage.pending .status-history-dot{background:#ccd5df}.status-history-stage.pending{background:#f6f7f9;border-color:#e5e8ec}.status-history-stage.pending h4{color:#6d839b}.status-history-stage>time{display:block;color:#38506a;font-size:12px;font-weight:600;line-height:1.7;font-variant-numeric:tabular-nums}.status-history-stage>p{font-size:12px;color:#5a738e;margin-top:8px;line-height:1.6}.status-history-missing{font-size:12px;font-style:italic;color:#798da4;line-height:1.7}.status-history-events-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.status-history-events-heading>h3{font-size:15px;color:#344b64}.status-history-events-heading>span{font-size:12px;font-weight:500;color:#5a738e}.status-history-events{padding:0;margin:0;list-style:none}.status-history-events>li{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid #e2e5e9}.status-history-event-dot{height:7px;width:7px;margin-top:4px;border-radius:50%;border:1px solid #98a8bb;background:#e7e9ed;flex-shrink:0}.status-history-events>li>div{min-width:0;flex:1}.status-history-events strong{font-size:12px;font-weight:600;color:#38506a;overflow-wrap:anywhere}.status-history-events p{font-size:12px;color:#5a738e;margin-top:4px}.status-history-events small{display:block;font-size:12px;color:#798da4;margin-top:4px}.status-history-events time{font-size:12px;font-weight:500;color:#46617e;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin-top:2px}.status-history-empty{padding:20px 20px;background:#f2f4f6;border:1px solid #dfe2e6;border-radius:10px;color:#627a93;font-size:12px;line-height:1.7}.status-history-zone{font-size:12px;color:#7f93a9;text-align:right;margin-top:20px}
@media(max-width:650px){.project-name-fields{grid-template-columns:1fr;gap:0}.record-status-history-modal .modal-body{padding:20px}.status-history-stages{grid-template-columns:1fr;gap:8px}.status-history-stage{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 16px}.status-history-stage>div{margin:0}.status-history-stage>time,.status-history-stage>.status-history-missing{grid-column:2;grid-row:1/3;align-self:center;text-align:right}.status-history-stage>p{grid-column:1;margin:0}.status-history-events>li{flex-wrap:wrap;gap:8px 12px}.status-history-events>li>div{flex:1;min-width:65%}.status-history-events time,.status-history-events>li>.status-history-missing{margin-left:20px;text-align:left;font-size:12px}.status-history-project-number{display:block;margin-left:0;margin-top:4px}.status-history-events-heading{flex-wrap:wrap;gap:4px}.status-history-heading h3{font-size:16px}.project-card .project-number{font-size:12px}}

.site-card-detailed{align-items:center;padding:16px;gap:16px}.site-card-detailed>.site-card-copy{min-width:0}.site-card-copy>strong{display:block;overflow-wrap:anywhere}.site-card-copy>small{font-size:12px}.site-card-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.site-card-stat{display:flex;flex-direction:column;gap:4px;min-width:44px}.site-card-stat strong{font-weight:600}.site-card-stat small{margin:0!important;color:#6c7681}.site-card-stat.complete strong{color:#3b546e}.site-overview-stats{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0 24px 16px;font-size:12px;color:#727c87}.site-overview-stats strong{font-size:13px;color:#47525d}.site-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}.site-stats>div{border:1px solid #e5e8ec;min-width:0}.site-stats small{display:block;color:#747e89;}.site-stats strong{display:block;font-weight:600;margin-top:8px;line-height:1.15}.site-stats strong span{font-size:15px;font-weight:400;color:#727c87}.site-stats .complete{background:#eff1f3;border-color:#dce0e4}.site-stats .complete strong{color:#3c546f}.site-drawing{position:relative;isolation:isolate}.site-drawing>#site-svg-canvas>svg{display:block;width:100%;}.site-edge-label{outline:none}.site-edge-label:focus rect{stroke:#3c556f;stroke-width:2}.site-inline-editor{position:absolute;z-index:3;width:260px;max-width:calc(100% - 12px);padding:12px;background:#fdfdfe;border:1px solid #758aa1;border-radius:10px;box-shadow:0 8px 30px #38424d0f;color:#3a4550;touch-action:manipulation;cursor:default}.site-inline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.site-inline-head strong{font-size:12px}.site-inline-close{width:28px;height:28px;border:0;border-radius:7px;background:#f1f3f5;color:#616c77;font-size:20px;line-height:1;cursor:pointer}.site-inline-entry{display:flex;align-items:center;gap:8px}.site-inline-entry>.input-unit{min-width:0;flex:1;display:block}.site-inline-entry input{width:100%;height:44px;font-size:16px!important;padding:12px 36px 12px 12px;border:1px solid #b1b7bf;border-radius:7px;background:#ffffff;color:#38424d;box-sizing:border-box}.site-inline-entry input[aria-invalid=true]{border-color:#9f3e3b;background:#f6f7f9}.site-inline-entry>.btn{height:44px;min-width:44px;padding:8px;justify-content:center}.site-inline-assignment{display:block;margin-top:12px}.site-inline-assignment>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#5f6975;margin-bottom:4px}.site-inline-assignment small{font-size:12px;color:#89919b}.site-inline-assignment :is(select,.app-select28){display:block;width:100%;height:36px;max-width:100%;font-size:12px;padding:8px 28px 8px 8px;border:1px solid #d5d9de;background:#f8f9fa;border-radius:7px;box-sizing:border-box}.site-inline-hint{display:block;font-size:12px;color:#78818c;margin-top:8px}.site-list-details{border-top:1px solid #e7e9ed;padding-top:16px}.site-list-details>summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#505b67;font-weight:500;list-style:none}.site-list-details>summary:before{content:'›';font-size:20px;font-weight:400;transition:transform .15s}.site-list-details[open]>summary:before{transform:rotate(90deg)}.site-list-details>summary>span{margin-left:auto;font-weight:400;background:#f1f3f5;border-radius:7px;padding:4px 8px}.site-list-details .site-dimension-fields{display:flex;flex-direction:column;gap:8px;margin-top:16px}.site-dimension-row{display:grid;grid-template-columns:90px minmax(100px,160px) minmax(130px,1fr);align-items:center;padding:8px 12px;background:#f8f9fa;border:1px solid #e5e8ec;border-radius:7px}.site-dimension-row.active{background:#f3f4f6;border-color:#c7d1dc}.site-dimension-row>.field{margin:0;min-width:0}.site-dimension-row input,.site-dimension-row :is(select,.app-select28){height:40px!important}.site-dimension-row :is(select,.app-select28){width:100%;max-width:100%;font-size:12px}.site-stretch-button{border:0;background:none;color:#525d68;text-align:left;font:inherit;font-size:12px;cursor:pointer;padding:8px 0}.site-stretch-button:hover{color:#182029}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.site-card-stats{gap:8px}.site-stats strong{font-size:24px}.site-card-detailed>svg{width:68px}.site-card-detailed{gap:12px}.site-card-stat strong{font-size:13px}}
@media(max-width:700px){.site-editor-panel>.panel-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.site-editor-panel>.panel-head>div{min-width:0;flex:1;flex-basis:180px}.site-editor-panel>.panel-head h2{font-size:17px;overflow-wrap:anywhere}.site-stats{gap:8px;padding:0 12px 12px}.site-stats>div{padding:12px 8px}.site-stats small{font-size:12px;line-height:1.5}.site-stats strong{font-size:24px}.site-stats strong span{font-size:12px}.site-overview-stats{padding:0 16px 12px;gap:8px 16px}.site-card-stats{gap:16px}.site-card-stat strong{font-size:15px}.site-inline-editor{width:248px;padding:12px}.site-dimension-row{grid-template-columns:76px minmax(100px,1fr);gap:8px;padding:8px}.site-assignment-field{grid-column:1/-1}.site-dimension-row :is(select,.app-select28){height:38px!important}.site-dimension-row .input-unit input{font-size:16px}.site-inline-assignment :is(select,.app-select28){font-size:16px;height:40px}.site-list-details>summary{font-size:12px}}

.site-card-detailed>svg:last-child{width:18px;height:18px;flex:0 0 18px}.coil-part-picker{margin:20px 0 12px}

.segment-details { border-top: 1px solid var(--line, #dbdee3); margin-top: 12px; }
.segment-details > summary { display: flex; align-items: center; gap: 12px; padding: 16px 24px; cursor: pointer; font-weight: 600; list-style: none; }
.segment-details > summary::before { content: '›'; display: inline-block; font-size: 24px; line-height: 1; transition: transform .15s; }
.segment-details[open] > summary::before { transform: rotate(90deg); }
.segment-details > summary span { color: #68737e; font-size: 12px; padding: 4px 8px; border-radius: 16px; background: #eff1f3; }
.segment-details > .segments { border-top: 0; margin-top: 0; }
.template-properties + .segment-details { margin-top: 16px; }
.profile-draw-tip { cursor: crosshair; }
.profile-draw-tip:focus { outline: none; }
.profile-draw-tip:focus circle { stroke: #b9805a; stroke-width: 3px; }
.profile-drawing.inline-draw-mode .profile-vertex { cursor: grab; }
.profile-drawing.inline-draw-mode .vertex-hit { cursor: grab; }
.draw-controls .labels-toggle { white-space: nowrap; }
.draw-controls > small { flex: 1; min-width: 200px; }
.quick-favorite-strip { display: flex; flex-wrap: wrap; align-items: flex-start; overflow: visible; }
.quick-library { overflow: visible; position: relative; z-index: 4; }
.quick-favorite-folder { position: relative; flex: 0 0 162px; border: 1px solid #d9dde1; border-radius: 12px; background: #ffffff; }
.quick-favorite-folder > summary { min-height: 86px; display: flex; align-items: center; gap: 8px; padding: 12px; cursor: pointer; list-style: none; }
.quick-favorite-folder > summary::-webkit-details-marker { display: none; }
.quick-favorite-folder > summary > span { min-width: 0; flex: 1; overflow-wrap: anywhere; font-size: 12px; font-weight: 600; }
.quick-favorite-folder > summary > b { font-size: 12px; color: #616c77; font-weight: 500; }
.quick-favorite-folder > summary > .small-icon:last-child { width: 13px; flex: 0 0 13px; }
.quick-favorite-folder[open] { z-index: 9; border-color: #6d839b; }
.quick-favorite-menu { position: absolute; z-index: 20; width: min(356px, calc(100vw - 40px)); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; top: calc(100% + 6px); left: 0; padding: 12px; border: 1px solid #cacfd4; border-radius: 12px; box-shadow: 0 16px 45px #242e380f; background: #ffffff; max-height: 420px; overflow-y: auto; }
.quick-favorite-menu > .text-btn, .quick-favorite-menu > p { grid-column: 1 / -1; }
.quick-favorite-menu .quick-template { min-width: 0; max-width: none; }

.quick-favorite-empty { color: #727c87; padding: 16px 4px; }
.quick-favorite-strip.is-drop-target, .quick-favorite-folder.is-drop-target, .quick-template.is-drop-target { outline: 2px solid #69747f; background: #f1f3f5; outline-offset: 2px; }
.quick-favorite-strip > .quick-template, .quick-favorite-menu .quick-template { width: 140px; min-height: 86px; flex: 0 0 140px; flex-direction: column; position: relative; padding: 8px 12px; gap: 8px; white-space: normal; text-align: center; }
.quick-favorite-strip .quick-template svg { width: 68px; height: 38px; }
.quick-favorite-strip .quick-template .favorite-star { position: absolute; top: 5px; right: 8px; font-size: 12px; }
.quick-favorite-strip .quick-template > span:not(.favorite-star) { font-size: 12px; line-height: 1.3; overflow-wrap: anywhere; }
.quick-favorite-menu .quick-template { width: 100%; flex-basis: auto; }
.quick-template, .quick-favorite-folder > summary, .library-workspace [data-library-card] { touch-action: manipulation; user-select: none; -webkit-user-select: none; }




.quick-favorite-add-form { margin-top: 24px; padding-top: 20px; border-top: 1px solid #dde0e5; }
.quick-favorite-add-form :is(select,.app-select28) { min-height: 140px; }
@media (max-width: 720px) {
 
 
 .quick-favorite-folder { flex-basis: 140px; width: 140px; }
 .quick-favorite-menu { position: fixed; left: 18px; right: 18px; width: auto; top: auto; bottom: 80px; max-height: min(52vh, 430px); }
 .draw-controls { align-items: flex-start; flex-wrap: wrap; }
 .draw-controls > small { order: 3; flex-basis: 100%; }
 .segment-details > summary { padding: 16px; }
}

.brand-registered{font-size:13px;color:#747e89;margin-left:2px}.account-house{height:auto;min-height:220px;display:flex;align-items:center;justify-content:center}.account-house img{width:100%;height:auto;max-height:360px;object-fit:contain}.account-switch{padding:20px 0 8px;border-top:1px solid var(--line,#dde0e5);display:grid;gap:8px}.account-switch>span{font-size:13px;color:var(--muted,#535e69)}.account-switch .text-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:max-content;min-height:44px;padding-inline:0}.account-language{display:flex;align-items:center;gap:8px}.account-language>span{font-size:12px;color:var(--muted,#535e69)}.account-language :is(select,.app-select28){min-height:44px;border:1px solid var(--line,#dde0e5);border-radius:10px;background:transparent;padding:8px 24px 8px 12px;color:inherit;font:inherit}.account-registration .login-form-side{padding-top:32px;padding-bottom:32px}.registration-form{max-width:510px}.registration-form>h2{margin-bottom:8px}.registration-price{background:#eff1f3;border:1px solid #dbdee3;border-radius:16px;padding:16px;display:grid;gap:12px}.registration-price>div{display:grid;gap:4px}.registration-price strong{font-size:28px;color:#26313b;line-height:1.2}.registration-price strong small{font-size:15px;font-weight:500;color:#535e69}.registration-price>div>span:last-child{font-size:13px}.registration-price ul{margin:0;padding-inline-start:20px;font-size:13px;line-height:1.7}.test-mode-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;font-size:12px;font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;color:#744d03;background:#f7eed3;border:1px solid #e6d9b6;border-radius:999px;padding:4px 8px}.account-test-note{display:flex;gap:8px;align-items:flex-start;margin:12px 0 20px;color:#545f6b}.account-test-note>.icon{flex-shrink:0;margin-top:4px;width:18px;height:18px}.account-test-note p{font-size:12px;line-height:1.55;margin:0}.registration-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.registration-fields>.field{margin:0 0 12px}.registration-fields .field small{font-size:12px;color:var(--muted,#535e69);line-height:1.4}.account-registration .login-form-bottom{padding-top:20px}.admin-portal{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);}.staff-form .field{margin-bottom:16px}.staff-form .field small{font-size:12px;line-height:1.55;color:var(--muted,#535e69)}.staff-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px}.staff-form-actions button,.staff-credential-actions button{min-height:44px}.staff-credentials .field{margin:16px 0}.staff-credentials p{font-size:15px;line-height:1.65}.staff-credential-actions{display:flex;gap:12px;flex-wrap:wrap}.staff-credentials .subtle{font-size:12px}.account-language :is(select,.app-select28):focus-visible{outline:3px solid #6d7782;outline-offset:2px}@media(max-width:1100px){.admin-portal{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.account-registration .login-form-side{padding:28px 24px}.registration-fields{grid-template-columns:1fr;gap:0}.registration-price{padding:16px}.account-login .login-form-bottom{align-items:center;gap:12px;flex-wrap:wrap}.account-language>span{display:none}.admin-portal{gap:16px}.staff-form-actions{flex-wrap:wrap}.staff-form-actions .btn{flex:1}.staff-credential-actions .btn{flex:1}}[dir=rtl] .account-switch .text-btn{text-align:right}

.front-work-grid { grid-template-columns: minmax(0, 1.7fr) minmax(310px, 1fr); }
.front-drawing { padding: 12px; background: #f9fafc; background-image: linear-gradient(#9fa6ae12 1px, transparent 1px), linear-gradient(90deg,#9fa6ae12 1px,transparent 1px); background-size: 20px 20px; }
.front-drawing svg { display: block; width: 100%; height: auto; min-height: 260px; }
.front-drawing svg text { font-family: inherit; fill: #374f69; }
.front-drawing [data-front-window-edge], .front-drawing [data-front-window-corner], .front-drawing [data-front-size], .front-drawing [data-front-strip] { cursor: pointer; }
.front-drawing [role='button']:focus { outline: none; }
.front-drawing [role='button']:focus path, .front-drawing [role='button']:focus circle { stroke: #b9805a; }
.front-window.active > rect { stroke-width: 2.5px; }
.front-position-warning { padding: 12px 20px; background: #f5f8fb; color: #405975; font-size: 12px; line-height: 1.6; border-top: 1px solid #ebf0f5; }
.front-position-warning strong, .front-position-warning span { display: block; }
.front-window-empty { display: flex; align-items: center; flex-direction: column; gap: 16px; text-align: center; font-size: 12px; color: #66707c; padding: 20px 0; }
.front-offset-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 16px 0 24px; }
.front-offset-button { background: #f8f9fa; border: 1px dashed #cdd1d7; border-radius: 7px; padding: 12px; color: #4e5964; text-align: left; }
.front-offset-button span, .front-offset-button strong, .front-offset-button small { display: block; }
.front-offset-button span { font-size: 12px; margin-bottom: 4px; }
.front-offset-button strong { font-size: 15px; }
.front-offset-button small { color: #7f8892; font-size: 12px; margin-top: 4px; }
.front-offset-button.measured { border-style: solid; border-color: #9892c5; background: #f1f3f5; }
.front-window-profile-details > summary, .front-seam-details > summary { padding: 12px 0; cursor: pointer; font-size: 12px; font-weight: 600; }
.front-window-profile-details > summary span { color: #7c858f; margin-left: 8px; }
.front-window-profile-details > p { font-size: 12px; line-height: 1.7; margin-bottom: 8px; }
.front-profile-role { padding: 16px 0 4px; margin: 12px 0; border: 0; border-top: 1px solid #dfe3e7; min-width: 0; }
.front-profile-role legend { font-size: 12px; font-weight: 600; color: #4e5964; padding-right: 8px; }
.front-profile-role .field > span small { display: inline; margin-left: 4px; font-weight: 400; }
.front-profile-role :is(select,.app-select28)[multiple] { min-height: 110px; }
.front-depth-mapping { padding: 8px 8px; border-radius: 7px; background: #f3f4f6; margin-bottom: 8px; }
.front-window-remove { margin-top: 16px; color: #9a3b38; }
.front-offset-caption { margin-bottom: 20px; font-weight: 600; }
.front-offset-step { margin-top: 16px; padding: 12px 12px; border-radius: 7px; background: #f1f3f5; font-size: 12px; color: #5d6874; }
.front-conflict-math { display: flex; flex-direction: column; gap: 8px; background: #f5f7fa; padding: 16px; border-radius: 10px; margin: 16px 0; color: #354d66; font-size: 12px; }
.front-rebuild-list { margin: 20px 0; padding-left: 20px; line-height: 1.8; font-size: 12px; }
.front-strip-panel { margin-top: 24px; }
.front-strip-panel .panel-head { align-items: flex-start; }
.front-strip-panel .panel-head p { margin-top: 8px; font-size: 12px; }
.front-strip-legend { display: flex; gap: 12px; }
.front-strip-polarity { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 12px; font-weight: 600; min-width: 50px; }
.front-strip-polarity i { width: 9px; height: 13px; border-top: 2px solid #435d79; border-bottom: 2px solid #435d79; }
.front-strip-polarity i.under { border-left: 2px solid #435d79; border-right: 0; }
.front-strip-polarity i.over { border-right: 2px solid #ba825c; border-left: 0; border-top-color: #ba825c; border-bottom-color: #ba825c; }
.front-region-list { padding: 8px 20px 20px; }
.front-region > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; cursor: pointer; font-size: 12px; font-weight: 600; }
.front-region > summary span { color: #7a848e; font-size: 12px; font-weight: 400; }
.front-strip-row { display: grid; grid-template-columns: 34px 55px minmax(100px,1fr) minmax(120px,1fr) 40px 40px; gap: 12px; align-items: center; border-top: 1px solid #e1e4e8; padding: 12px 0; }
.front-strip-row input { width: 100%; min-height: 39px; border: 1px solid #d5d9de; border-radius: 7px; background: white; padding: 8px 32px 8px 12px; color: inherit; }
.front-strip-size { font-size: 12px; color: #6e7883; }
.front-plan-warnings { padding: 12px 20px; background: #f4f7fa; color: #405a76; font-size: 12px; line-height: 1.7; }
.front-result-error { margin-top: 20px; padding: 20px; }
@media (max-width: 1000px) { .front-work-grid { grid-template-columns: 1fr; } .front-drawing svg { min-height: 0; } }
@media (max-width: 620px) { .front-strip-row { grid-template-columns: 25px 45px minmax(85px,1fr) 35px 35px; gap: 8px; } .front-strip-size { grid-column: 3 / 4; grid-row: 2; } .front-strip-row .icon-btn { width: 35px; min-width: 35px; } .front-strip-panel .panel-head { flex-direction: column; } .front-region-list { padding: 8px 12px 16px; } .front-region > summary { flex-wrap: wrap; gap: 8px; } }

/* FalzUP 2.0: tablet-first workspace */
:root{--accent:#47627f;--accent-dark:#344b64;}
body{font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overscroll-behavior-y:none}h1{font-size:32px;letter-spacing:-1px}h3{}
button,a,input,:is(select,.app-select28),textarea,summary{touch-action:manipulation}
.btn,.btn.small,.icon-btn,.text-btn,.tab,.tabs>button,.nav-item,.section-title .btn,.hero .btn{min-height:44px;font-size:15px}.icon-btn{}.text-btn{padding:12px 4px}.btn.primary:hover{}.btn.danger{color:#973a37}.icon{stroke-width:1.7}.icon.small-icon{flex-shrink:0}
input:not([type=checkbox]):not([type=range]):not([type=color]),:is(select,.app-select28),textarea{font-size:16px!important;max-width:100%;}.field{}.field input,.field :is(select,.app-select28){}.input-unit input{padding-right:44px}input[type=checkbox]{accent-color:#141b23;flex-shrink:0}.subtle{color:var(--muted);}.badge.blue{background:#deecde;color:#3b6e3f}
.sidebar{border-right:1px solid #ffffff0b}.brand{letter-spacing:-1.2px;}.brand-logo{color:#1a232c}.brand>span{display:flex;align-items:baseline;gap:8px}.brand small{font-size:12px;color:#d7dadf;font-weight:500;letter-spacing:0}.brand-tag{font-size:12px;letter-spacing:2.2px;margin-left:48px;}.nav-caption{font-size:12px;letter-spacing:.7px;text-transform:uppercase}.nav-item{text-align:start;border-radius:12px}.nav-item.active{background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff08}.nav-item.active:before{display:none}.nav-item.active .icon{color:#1a232c}.nav-item .count{font-size:12px;border-radius:7px}.workshop{width:100%;text-align:start;background:#ffffff05;color:#e1e4e8;border-radius:12px}.workshop strong{line-height:1.4}.workshop small{font-size:12px;}.workshop .icon{color:#adb3ba;flex-shrink:0}.admin-shortcut{font-size:12px;min-height:44px;padding:8px 12px;color:#b5bbc2}.sidebar-user{padding:20px 0 0;border-top:1px solid #ffffff16;}.sidebar-user strong{font-size:12px}.sidebar-user small{font-size:12px}.sidebar-user button{color:#bfc4cb;background:none;border:0;min-width:44px}.sidebar-user .avatar{background:#ffffff15}.topbar{padding:0 32px;position:sticky;top:0;z-index:15;justify-content:flex-start}.breadcrumb{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;font-size:15px}.breadcrumb small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.topbar-right{}.account-button{display:flex;align-items:center;border:0;background:none;color:var(--ink);padding:4px;min-height:44px}.preview-tag.sync-status{background:none;gap:8px}.preview-tag .dot{width:7px;height:7px}.page{padding:32px;}.page-heading{margin-bottom:28px;align-items:center;gap:20px}.page-heading p{font-size:13px}.page-heading>.actions-inline{flex-wrap:wrap;justify-content:flex-end}.title-dot{color:#70869d}
.panel{border-radius:var(--radius);border-color:var(--line)}.panel-head{padding:20px 24px;gap:12px}.panel-head h2{font-size:17px;display:flex;align-items:center;gap:8px}.panel-body{padding:24px}.panel-head>div:first-child{min-width:0}.panel-head .actions-inline{flex-wrap:wrap;justify-content:flex-end}.summary-strip{background:#f9fafc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.summary-strip strong{font-size:24px}.work-grid{grid-template-columns:minmax(0,1fr) minmax(300px,350px);}.drawing-toolbar{flex-wrap:wrap}.profile-drawing{padding:20px;min-height:430px;background:#fdfdfe}.profile-edit-tools{padding:0 0 12px;gap:12px}.profile-drawing #profile-svg svg{min-height:300px;max-height:480px}.drawing-label{font-size:12px}.profile-context{font-size:13px;border-radius:12px;margin-bottom:20px}.dimension-editor{padding:12px;border-radius:12px;max-width:calc(100% - 20px)}.profile-dimension,.profile-angle{cursor:pointer}.profile-drawing svg,.site-drawing svg,.notebook-panel svg,.front-drawing svg{direction:ltr}.segment-row input{min-height:44px!important}.segment-row button{min-width:44px;min-height:44px}.segment-row{gap:12px}
.hero{background:linear-gradient(120deg,#ebedf0,#f5f6f8);border:1px solid #dbdee3;align-items:center;}.hero h2{letter-spacing:-1px;}.hero h2 em{font-style:normal;color:#161d26;font-weight:500}.hero .eyebrow{letter-spacing:1px;color:#616c77;}.hero p{max-width:390px;}.stats{}.stat small{}
.tabs{flex-wrap:wrap}.tab{border-radius:10px}.tab.active{background:#e9ebef;color:#3b4651}.search{border-radius:10px;}.project-card{grid-template-columns:70px minmax(0,1fr) auto;}.project-thumb{background:#eff1f3}.project-number{display:block;color:#6d7782}.project-summary{gap:24px;padding:4px 0 20px;align-items:start}.project-summary>.project-thumb{width:82px;height:78px}.project-title{flex:1;min-width:0}.project-title h1{font-size:31px;margin-top:12px;overflow-wrap:anywhere}.project-title p{font-size:13px;margin-top:8px}.project-number-heading{font-size:12px;margin-top:8px;display:block}.workflow-summary{margin-bottom:28px}.workflow-summary>.subtle{display:block;margin-top:12px}.project-area-list{display:grid;gap:16px;margin-bottom:28px}.project-area-section>.panel-head{padding:16px 20px;background:#f9fafc}.project-area-section.is-drop-target{outline:3px solid #47627f;background:#edeff1}.area-empty{padding:24px;color:#7c858f;font-size:13px;text-align:center}.v2-record{grid-template-columns:70px minmax(0,1fr) auto auto;gap:20px;padding:20px 24px;align-items:center}.v2-record .record-icon{width:70px;height:62px;border-radius:10px;background:#f3f4f6;padding:4px;border:1px solid #e7e9ed}.v2-record .record-icon svg{width:100%;height:100%;max-height:58px}.v2-record .record-copy h3{font-size:15px}.v2-record .record-copy small{font-size:12px}.v2-record .record-status{margin-top:8px}.record-value{font-size:15px}.record-actions{display:flex;gap:8px;align-items:center}.v2-record.dragging{opacity:.5}.record-drag-active{user-select:none;cursor:grabbing}.site-overview,.note-overview{margin-bottom:24px}.site-cards,.note-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}.site-card{border-radius:12px;text-align:start}.site-card-detailed>svg{width:95px;min-width:75px}.site-card-stat strong{font-size:15px}.site-card-stat small{font-size:12px!important}.menu-list{display:grid;gap:12px;padding:8px 0 16px}.menu-list>.btn{justify-content:flex-start;min-height:49px}.account-menu-head{display:flex;gap:16px;align-items:center;margin-bottom:20px}.account-menu-head p{font-size:13px;color:var(--muted);margin-top:4px}.site-stats>div{background:#f5f6f8}.site-stats strong{}.site-toolbar{padding:12px 20px;gap:12px;display:flex;align-items:center;flex-wrap:wrap}.unit-choice{display:flex;align-items:center;gap:12px;margin-inline-start:auto;font-size:12px}.unit-choice :is(select,.app-select28){min-width:85px}.site-drawing{background:#fdfdfe;padding:20px}.site-drawing>#site-svg-canvas>svg{max-height:650px;min-height:350px}.site-inline-editor.site-inline-direct{width:140px;height:44px;max-width:140px;padding:0;display:flex;align-items:center;gap:0;border:1.5px solid #47627f;border-radius:10px;background:#f8f9fa;box-shadow:0 3px 12px #2f39440f}.site-inline-direct input{width:110px;min-width:0;height:42px;min-height:42px!important;padding:8px 8px;border:0!important;background:transparent;box-shadow:none!important;border-radius:7px!important}.site-inline-direct span{font-size:12px;color:#425c78}.site-dimension-row{grid-template-columns:120px minmax(0,1fr);gap:16px}.site-stretch-button{min-height:44px}.site-list-details{margin-top:12px}.site-list-details>summary>span{font-size:12px}.site-measurement-panel .field-row{grid-template-columns:1fr 1fr}
.note-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.note-card{border:1px solid var(--line);border-radius:12px;background:#fbfcfd;text-align:start;overflow:hidden;padding:0 0 16px}.note-card>svg{width:100%;height:135px;background:white;border-bottom:1px solid var(--line);margin-bottom:12px}.note-card strong,.note-card small{display:block;margin:0 16px}.note-card strong{font-size:13px}.note-card small{font-size:12px;color:var(--muted);margin-top:4px}.note-name input{width:100%;border:1px solid transparent;background:transparent;font-weight:600;}.note-name input:focus{background:#ffffff;border-color:#c5cad0}.notebook-toolbar{align-items:center;border-block:1px solid var(--line);}.note-tools{display:flex;gap:8px;align-items:center}.note-tools>.icon-btn{background:none;border-color:transparent}.note-tools>.active{border-color:#c0c5cc;}.color-swatch{width:44px;height:44px;border:0;border-radius:12px;background:none;position:relative}.color-swatch:before{content:'';position:absolute;width:22px;height:22px;inset:11px;background:var(--swatch);border-radius:50%}.color-swatch.active{outline:2px solid #cdd6df;outline-offset:-4px}.note-width{display:flex;align-items:center;}.note-width input{accent-color:#141b23;min-height:44px}.note-width strong{min-width:18px}.note-canvas-wrap{position:relative;overflow:hidden;touch-action:none}.note-canvas-wrap>svg#note-canvas{width:100%;max-height:650px;box-shadow:0 4px 22px #222c360f;border:1px solid #d9dde1;border-radius:9px;touch-action:none;user-select:none}.note-canvas-wrap[data-tool=hand]{cursor:grab}.note-canvas-wrap[data-tool=pen],.note-canvas-wrap[data-tool=marker]{cursor:crosshair}.note-text-editor{position:absolute;left:50%;transform:translateX(-50%);width:min(450px,90%);padding:16px;background:white;border:1px solid #bfc4cb;border-radius:12px;box-shadow:0 8px 25px #26313b0f;z-index:5}.note-text-editor textarea{width:100%;padding:12px;margin-bottom:8px}.note-text-editor .actions-inline{justify-content:flex-end}.note-text-editor[hidden]{display:none}
.settings-defaults details{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}.settings-defaults summary{font-weight:600;cursor:pointer}.settings-fields{max-width:900px}.setting-toggle small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.control-switch{font-size:13px;border:1px solid var(--line);border-radius:10px;background:#f8f9fa;width:100%;text-align:start}.company-settings .panel-body,.company-settings .panel-head{padding:24px}.company-thickness{display:block;font-size:12px;color:var(--muted);margin-top:4px}.company-material-table{min-width:700px}.company-material-table th,.company-material-table td{font-size:12px;padding:16px 12px}
.library-card{border-radius:16px}.library-card-actions>.btn{min-height:44px;}.library-card-actions .icon{width:17px;height:17px}.library-load small{font-size:12px}.folder-target{border-radius:10px}.library-card [data-library-card],.library-card{touch-action:manipulation}.quick-library [data-quick-item],.quick-library [data-quick-group-handle],.quick-favorite-menu [data-quick-item]{touch-action:manipulation}.template-editor-modal .modal-body{padding:20px}
.area-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.area-summary strong{font-size:24px}.area-summary small{font-size:12px}.area-summary>div{min-width:0}.drawing#area-drawing{background:#fbfcfd;min-height:310px}.strip-envelope,.edge-tags .edge-tag{font-size:12px}.seam-calculation{border-radius:12px}.calculation-result strong{font-size:24px}.calculation-lines>div{font-size:12px;padding:8px 0}.calculation-first{font-size:12px}.strip-results th,.strip-results td{padding:16px;font-size:12px}.strip-results tr{cursor:pointer}.strip-results tr.selected{background:#f3f4f6}
.front-strip-allowances{grid-column:1/-1;border-top:1px solid #e6e8ec;padding:4px 0;margin-top:4px}.front-strip-allowances summary{font-size:12px;min-height:44px;padding:12px;cursor:pointer}.front-strip-allowances .field-row{padding:8px 12px 0}.front-strip-size.text-btn{font-size:12px;justify-content:center;color:#141b23}.front-join-heading{font-size:15px;margin:20px 0 16px}.front-detail-drawing>svg{width:100%;max-height:550px}.front-profile-role :is(select,.app-select28) option{padding:12px;font-size:15px}.workspace-focused .front-work-grid>section{width:100%}.workspace-focused .front-drawing>svg{max-height:calc(var(--app-viewport-height92,100dvh) - 150px);min-height:calc(var(--app-viewport-height92,100dvh) - 230px)}.workspace-focused #front-strips{display:none}
.modal{max-height:90dvh}.modal-body{padding:24px}.prepare-overview{}.prepare-item h3{}.stock-card{}.stock-card .subtle{font-size:12px!important}.stock-card ol{font-size:12px}.coil-source-list{font-size:12px;margin:8px 0;line-height:1.6}
.focus-exit{display:none}.workspace-focused .sidebar,.workspace-focused .mobile-nav,.workspace-focused .topbar .sync-status{display:none}.workspace-focused .main{margin:0!important;width:100%!important}.workspace-focused .page{max-width:none}.workspace-focused .work-grid{grid-template-columns:1fr}.workspace-focused .work-grid>form{display:none}.workspace-focused .profile-context,.workspace-focused .quick-library,.workspace-focused .page-heading,.workspace-focused .segment-details,.workspace-focused .drawing-toolbar,.workspace-focused .site-measurement-panel{display:none}.workspace-focused .profile-drawing{min-height:calc(var(--app-viewport-height92,100dvh) - 230px)}.workspace-focused .profile-drawing #profile-svg svg,.workspace-focused .site-drawing>#site-svg-canvas>svg,.workspace-focused .note-canvas-wrap>svg#note-canvas{max-height:calc(var(--app-viewport-height92,100dvh) - 210px);min-height:calc(var(--app-viewport-height92,100dvh) - 260px)}.workspace-focused .focus-exit{display:flex;position:fixed;right:22px;z-index:30;box-shadow:0 6px 24px #202a340f}.workspace-focused .note-canvas-wrap{padding:8px}.workspace-focused .notebook-toolbar{gap:12px}
@media(min-width:1600px){.page{padding:36px 44px}.topbar{padding-inline:44px}.hero h2{font-size:35px}.work-grid{grid-template-columns:minmax(0,1fr) 370px}.profile-drawing #profile-svg svg{max-height:560px;min-height:380px}}
@media(max-width:1250px) and (min-width:1001px){.sidebar{width:198px;padding-inline:16px}.brand{font-size:24px}.brand-logo{width:31px}.brand-tag{margin-left:44px;font-size:12px}.nav-item{font-size:13px;gap:12px}.main{margin-left:200px;width:calc(100% - 198px)}.page{padding:24px}.topbar{padding-inline:24px}.work-grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.panel-head{padding:16px}.panel-body{padding:20px}.hero{padding:24px}.hero h2{font-size:28px}.v2-record{gap:12px;padding:16px}.install-record{font-size:12px!important;padding-inline:12px!important}.note-width{display:none}}
@media(max-width:1000px){.sidebar{display:none}.main{margin-left:0;width:100%}.topbar{height:72px;padding:0 24px;position:sticky}.page{padding:24px 24px 100px;max-width:100%}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #e1e4e8;padding:7px max(15px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -5px 25px #222c3606}.mobile-nav button{border:0;background:none;color:#76808b;font-size:12px;min-width:76px;min-height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;padding:4px 8px}.mobile-nav button.active{background:#eff1f3;color:#141b23}.mobile-nav .icon{width:22px;height:22px}.work-grid{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.project-card h3{font-size:16px}.project-summary{align-items:start}.project-summary>.project-thumb{width:70px;height:70px}.project-edit{font-size:12px}.site-card-stat small{font-size:12px!important}.notebook-toolbar{gap:12px}.project-tools .search{max-width:240px}.v2-record{padding:16px;gap:12px;grid-template-columns:65px minmax(0,1fr) auto auto}.record-actions{gap:8px}.install-record{font-size:12px!important;padding:12px!important}.site-cards{grid-template-columns:1fr 1fr}.company-overview-modal{width:95vw!important;max-width:95vw!important}.work-grid .panel-head{padding:20px}.work-grid .panel-head .labels-toggle{font-size:12px}.work-grid .panel-body{padding:20px}.summary-strip{padding:16px;gap:12px}.summary-strip strong{font-size:24px}}
@media(max-width:850px){.work-grid{grid-template-columns:1fr}.work-grid>form{order:2}.page-heading h1{font-size:28px}.profile-drawing{min-height:410px}.profile-drawing #profile-svg svg{min-height:330px;max-height:540px}.hero{min-height:235px;padding:24px}.hero h2{font-size:28px}.v2-record{grid-template-columns:62px minmax(0,1fr) auto}.v2-record .record-actions{grid-column:2/-1;justify-content:flex-end;margin-top:-4px}.v2-record .record-icon{grid-row:1/3;width:62px;height:67px}.v2-record .record-value{grid-column:3}.record-status{margin-top:8px}.site-cards{grid-template-columns:1fr 1fr}.project-title h1{font-size:28px}.project-summary{gap:16px}.project-summary .project-edit{align-self:center}.area-summary strong{font-size:24px}.area-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.note-canvas-wrap>svg#note-canvas{min-height:420px}.notebook-toolbar{padding:12px 16px}.site-dimension-fields{max-width:600px}}
@media(max-width:620px){h1{font-size:28px}.page{padding:20px 16px 96px}.topbar{padding:0 16px;height:66px;gap:12px}.breadcrumb small{font-size:12px}.breadcrumb strong{font-size:13px}.preview-tag.sync-status{font-size:12px;padding:0;max-width:90px}.sync-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button>.small-icon{display:none}.account-button .avatar{width:35px;height:35px}.page-heading{flex-wrap:wrap;margin-bottom:24px;gap:16px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.page-heading .date{display:none}.page-heading>.actions-inline{justify-content:flex-start}.hero{padding:24px;min-height:300px;align-items:flex-start;gap:0}.hero>div:first-child{position:relative;z-index:1}.hero h2{font-size:28px}.hero p{font-size:12px;max-width:235px}.hero .btn{position:relative;z-index:2}.stats{gap:8px;margin-bottom:28px}.stat{padding:12px 12px;gap:8px;display:block}.stat small{font-size:12px;line-height:1.4}.stat strong{font-size:24px;margin-top:8px}.project-tools{display:block}.tabs{margin-bottom:12px;gap:0}.tab{font-size:12px;padding:8px 12px;min-height:44px}.search{max-width:none;width:100%}.project-card{grid-template-columns:50px minmax(0,1fr);padding:16px;gap:12px}.project-thumb{width:50px;height:52px}.project-thumb svg{width:42px}.project-card h3{font-size:15px}.project-summary{display:grid;grid-template-columns:55px 1fr;gap:16px}.project-summary>.project-thumb{width:55px;height:60px}.project-title h1{font-size:28px}.project-edit{grid-column:2;justify-self:start}.v2-record{padding:16px 12px;gap:12px;grid-template-columns:50px minmax(0,1fr) auto}.v2-record .record-icon{width:50px;height:60px}.v2-record h3{font-size:15px!important}.v2-record .record-copy small{font-size:12px}.v2-record .record-value{font-size:12px}.v2-record .record-actions{justify-content:flex-end;gap:8px;margin-top:2px}.v2-record .install-record{min-height:44px;font-size:12px!important}.site-cards,.note-cards{grid-template-columns:1fr;padding:0 16px 16px}.site-overview .panel-head,.note-overview .panel-head{flex-wrap:wrap;padding:20px 16px}.site-card-detailed{padding:16px;gap:16px}.site-card-detailed>svg{width:76px}.site-card-stats{gap:16px}.panel-head{padding:16px 16px;flex-wrap:wrap}.panel-body{padding:16px}.summary-strip{padding:16px;gap:12px;flex-wrap:wrap}.summary-strip strong{font-size:24px}.profile-drawing{padding:12px;min-height:380px}.profile-drawing #profile-svg svg{min-height:290px;max-height:450px}.profile-edit-tools{display:flex;flex-wrap:wrap;gap:8px}.profile-edit-tools .actions-inline{gap:8px}.profile-edit-tools .btn{font-size:12px;padding:8px 12px;min-height:44px}.drawing-toolbar{padding:12px 16px;font-size:12px}.settings-fields .field-row{grid-template-columns:1fr 1fr;gap:12px}.settings-fields .field span{font-size:12px}.site-stats{padding:0 16px 16px;gap:8px}.site-stats>div{padding:12px 12px}.site-stats small{font-size:12px}.site-stats strong{font-size:24px}.site-drawing{padding:8px}.site-drawing>#site-svg-canvas>svg{min-height:300px}.site-measurement-panel .field-row{grid-template-columns:1fr}.site-toolbar{padding:12px 16px;gap:8px}.site-dimension-row{grid-template-columns:90px minmax(0,1fr)}.unit-choice{margin-inline-start:0}.site-inline-editor.site-inline-direct{width:140px;max-width:140px;padding:0}.area-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.area-summary strong{font-size:20px}.edge-tags{gap:8px}.edge-tags .edge-tag{font-size:12px;padding:8px}.notebook-toolbar{gap:8px}.note-tools{width:100%;justify-content:space-between}.note-tools>.icon-btn{width:44px}.color-swatch{width:37px;min-width:37px}.color-swatch:before{inset:12px 8px}.note-canvas-wrap{padding:8px}.note-canvas-wrap>svg#note-canvas{min-height:320px;max-height:550px}.note-name input{font-size:16px!important}.note-cards{grid-template-columns:repeat(2,1fr)}.note-card>svg{height:100px}.mobile-nav{padding-inline:4px}.mobile-nav button{min-width:60px;font-size:12px;gap:4px;min-height:53px}.modal-overlay{padding:12px}.modal{border-radius:16px;max-height:92dvh;max-width:100%}.modal-body{padding:16px}.library-workspace{grid-template-columns:1fr}.library-folders{display:flex;overflow:auto;gap:8px;padding-bottom:12px;flex-wrap:nowrap}.library-folders>.folder-target{min-width:max-content}.library-folders h2{display:none}.library-folders>.text-btn{min-width:max-content}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-card-top{padding:12px}.library-load{padding:12px;min-height:160px}.library-load strong{font-size:13px}.library-load small{font-size:12px}.library-card-actions{padding:12px}.library-card-actions>.btn{font-size:12px;min-height:44px}.collection-heading h2{font-size:17px}.library-selection{gap:12px;flex-wrap:wrap}.library-selection .actions-inline{flex-wrap:wrap;gap:8px}.company-material-table th,.company-material-table td{font-size:12px}.workspace-focused .profile-drawing #profile-svg svg{min-height:calc(var(--app-viewport-height92,100dvh) - 300px)}.workspace-focused .focus-exit{right:12px;bottom:12px;font-size:12px}.focus-exit .icon{width:17px}}
[dir=rtl] .sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid #ffffff0b}[dir=rtl] .breadcrumb{align-items:flex-start}[dir=rtl] .project-card,[dir=rtl] .library-load,[dir=rtl] .menu-list>.btn{text-align:right}[dir=rtl] .sidebar-user button{margin-left:0;margin-right:auto}[dir=rtl] .nav-item .count{margin-left:0;margin-right:auto}[dir=rtl] input[type=number],[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] svg{direction:ltr}[dir=rtl] .input-unit b{right:auto;left:13px}[dir=rtl] .input-unit input{padding-right:12px;padding-left:44px}[dir=rtl] .project-number{direction:rtl}[dir=rtl] .focus-exit{right:auto;left:22px}
@media(max-width:1250px) and (min-width:1001px){[dir=rtl] .main{margin-right:200px}}
@media(max-width:1000px){[dir=rtl] .main{margin-right:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1000px){.note-width{display:flex!important;order:4;flex-basis:100%;justify-content:flex-start;padding-left:4px}.note-width input{width:150px}.note-width span{font-size:12px}.notebook-toolbar{row-gap:4px}}
@media(max-width:620px){.note-width input{width:130px}.note-width{padding-top:4px}.site-inline-direct{z-index:25}}
/* Keep quick access compact enough that the canvas is visible on a tablet. */
.quick-favorite-strip{}.quick-favorite-strip>.quick-template{display:flex;align-items:center;}.quick-template>span{}.quick-template .favorite-star{margin-left:auto;font-size:12px}.quick-favorite-folder>summary{}.profile-context{min-height:62px;padding:12px 16px}.profile-context-copy{gap:8px}.profile-context-copy .subtle{font-size:12px!important}.draw-controls{padding:12px 16px;gap:12px;min-height:65px}.draw-controls>small{font-size:12px;min-width:140px}.draw-controls .labels-toggle{font-size:12px}.profile-drawing .drawing-label{letter-spacing:.2px;font-size:12px}.workspace-focused .draw-controls{display:none}
@media(max-width:1250px){.profile-context-copy .subtle{display:none}.context-navigation :is(select,.app-select28){max-width:210px}.profile-context{gap:12px}.shell[data-view=profile] .page-heading{margin-bottom:16px}.shell[data-view=profile] .page-heading p{font-size:12px}}
@media(max-width:620px){.quick-library{padding:8px 12px}.quick-favorite-strip>.quick-template{width:135px}.profile-context{flex-wrap:wrap}.context-navigation{width:100%;gap:8px}.context-navigation :is(select,.app-select28){max-width:none;flex:1;min-width:0}.context-navigation .btn{font-size:12px}.profile-context-copy{width:100%}}



/* Stand 12: consistent density, with 44px touch controls. */
:root{--page-gutter:20px;--ui-gap:12px;--compact-workspace-height:calc(var(--app-viewport-height92,100dvh) - 152px)}
body{font-size:15px;line-height:1.45}
h1,.page-heading h1{font-size:24px;}
h2{font-size:17px}h3{font-size:15px}
.btn,.btn.small,.text-btn,.tab,.tabs>button{font-size:13px;min-height:44px}
.btn,.btn.small{padding:8px 12px;gap:8px;border-radius:10px;white-space:normal;line-height:1.3}
.icon-btn{width:44px;min-width:44px;height:44px;border-radius:10px}
.icon{width:20px;height:20px;flex-shrink:0}.icon.small-icon{width:18px;height:18px}
.actions-inline,.tools{gap:8px;align-items:center}
input:not([type=checkbox]):not([type=range]):not([type=color]),:is(select,.app-select28),textarea{min-height:44px;border-radius:7px;line-height:1.3}
.field{margin-bottom:12px;min-width:0}.field>span{font-size:12px;margin-bottom:4px;line-height:1.3}
.field-row{gap:12px;min-width:0;align-items:end}.field input,.field :is(select,.app-select28){padding:8px 12px;min-width:0}
.input-unit input{padding-inline-end:36px}.input-unit b{font-size:12px;inset-inline-end:10px}
.labels-toggle{gap:8px;font-size:12px;min-height:44px;line-height:1.3}
input[type=checkbox]{width:18px;height:18px}
.subtle{font-size:12px!important;line-height:1.45}
.badge{font-size:12px;padding:4px 8px;border-radius:7px;gap:4px;line-height:1.5}
.avatar{width:34px;height:34px;font-size:12px}
.sidebar{width:212px;padding:20px 16px 12px}.main{margin-left:212px;width:calc(100% - 212px)}
.brand{font-size:24px;gap:12px}.brand-logo{width:32px;height:32px}.brand-tag{margin-inline-start:44px;margin-top:4px}
.nav-group{margin-top:28px}.nav-caption{margin-bottom:8px}.nav-item{padding:12px;gap:12px;margin-bottom:4px;font-size:13px;min-height:44px}
.workshop{padding:12px;gap:8px;min-height:60px;margin-top:12px;margin-bottom:8px}.workshop strong{font-size:12px}.workshop small{margin-bottom:2px}
.sidebar-user{gap:8px;padding-top:12px;margin-top:12px}.sidebar-user button{padding:8px}.sidebar-user .avatar{width:32px;height:32px}
.topbar{height:56px;min-height:56px;padding:0 var(--page-gutter);gap:12px}
.breadcrumb{gap:0}.breadcrumb small{font-size:12px;line-height:1.3}.breadcrumb strong{font-size:13px;line-height:1.4}
.topbar-right{gap:8px}.preview-tag.sync-status{min-height:44px;padding:4px 8px;font-size:12px}.account-button{gap:8px}
.page{padding:16px var(--page-gutter) 24px;}
.page-heading,.shell[data-view=profile] .page-heading{margin-bottom:12px;gap:12px;min-height:44px;align-items:center}
.page-heading p,.shell[data-view=profile] .page-heading p{font-size:12px;line-height:1.35;margin-top:4px}
.page-heading-copy{display:flex;align-items:center;gap:8px;min-width:0}.page-heading-copy h1{min-width:0;overflow-wrap:anywhere}.page-heading-help{position:relative;flex-shrink:0}.page-heading-help>summary{list-style:none;border:0;background:transparent;color:#858e98}.page-heading-help>summary::-webkit-details-marker{display:none}.page-heading-help>p{position:absolute;top:44px;inset-inline-start:0;z-index:18;width:260px;max-width:65vw;background:white;padding:12px;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #2c36400f;margin:0;color:var(--muted)}
.date{font-size:12px}.section-title{gap:12px;margin-bottom:12px}.section-title h2{font-size:17px}

.panel{border-radius:var(--radius)}
.panel-head,.work-grid .panel-head,.company-settings .panel-head{padding:12px 16px;gap:12px;min-height:54px}
.panel-head h2,.work-grid .panel-head h2{font-size:16px;gap:8px;line-height:1.35}
.panel-body,.work-grid .panel-body,.company-settings .panel-body{padding:16px}
.summary-strip{padding:8px 16px;gap:12px;flex-wrap:nowrap;min-width:0}
.summary-strip small{font-size:12px;line-height:1.3;margin-bottom:2px}.summary-strip strong,.area-summary strong{font-size:20px;line-height:1.25;letter-spacing:-.35px}
.summary-strip strong span{font-size:12px;margin-inline-start:4px}.summary-strip>div{min-width:0}
.work-grid{grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start}
.work-grid>*{min-width:0}.drawing-toolbar{padding:8px 16px;gap:8px;font-size:12px;line-height:1.35}
.drawing .drawing-label{top:10px;left:14px;font-size:12px;letter-spacing:.15px}
.segment-details>summary,.site-list-details>summary,.settings-defaults summary{min-height:44px;padding:8px 0;font-size:13px}
.rule{margin:12px 0}
.hero{min-height:174px;padding:20px 24px;gap:16px;margin-bottom:12px;border-radius:16px}
.hero h2{font-size:24px;line-height:1.25}.hero .eyebrow{margin-bottom:8px;font-size:12px}.hero p{font-size:12px;margin-top:8px;line-height:1.45}.hero .btn{margin-top:12px}

.stats{gap:12px;margin-bottom:20px}.stat{padding:12px 16px;gap:12px;border-radius:12px}.stat small{font-size:12px}.stat strong{font-size:24px;margin-top:0}

.project-tools{gap:12px;margin-bottom:12px}.tab{padding:8px 12px;font-size:12px}.tabs{gap:4px}.search{max-width:250px;min-width:160px;padding:0 12px}.search input{min-height:44px;padding:8px 0}
.project-list{gap:8px}.project-card{min-height:90px;padding:12px 16px;gap:12px;grid-template-columns:56px minmax(0,1fr) auto;border-radius:12px}.project-thumb{width:56px;height:54px;border-radius:10px}.project-thumb svg{width:48px;height:40px}
.project-card h3{font-size:15px}.project-number{font-size:12px;margin-top:2px;margin-bottom:0}

.site-overview,.note-overview{margin:12px 0}.site-cards,.note-cards{padding:0 16px 16px;gap:12px}.site-card{padding:12px;gap:12px}.site-empty{font-size:12px;padding:0 16px 16px}
.site-stats{padding:8px 16px;gap:12px}.site-stats>div{padding:8px 12px;border-radius:10px}.site-stats small{font-size:12px}.site-stats strong{font-size:20px}
.library-toolbar,.library-selection{gap:12px}.library-selection{padding:8px 12px;min-height:54px;margin-bottom:12px}.library-workspace{gap:16px;grid-template-columns:172px minmax(0,1fr)}
.library-folders{padding:12px 8px;top:68px}.folder-target{padding:8px;min-height:44px;font-size:12px;gap:8px}.library-columns{gap:16px}.collection-heading{min-height:58px;padding-bottom:12px}.collection-heading h2{font-size:16px}.collection-heading p{font-size:12px;line-height:1.35}
.library-card{padding:0}.library-load{min-height:138px;padding:12px}.library-load svg{max-height:75px}.library-load strong{font-size:15px}.library-card-top{padding:8px 12px}.library-card-actions{padding:8px 12px;gap:4px}.library-card-actions>.btn{font-size:12px}
.quick-library{padding:8px 12px;margin-bottom:12px;border-radius:12px}
.quick-favorite-strip{min-height:44px;gap:8px}.quick-favorite-strip>.quick-template{height:44px;min-height:44px;padding:8px 8px;gap:8px}.quick-template>svg{width:32px;min-width:32px;height:30px}.quick-template>span{font-size:12px}.quick-favorite-folder{width:140px;flex-basis:140px}.quick-favorite-folder>summary{padding:8px;font-size:12px;min-height:44px}
.quick-favorite-strip>.quick-template{flex-direction:row;flex-basis:160px;width:160px;text-align:start}.quick-favorite-strip .quick-template>svg{width:32px;height:30px;min-width:32px;flex-shrink:0}.quick-favorite-strip .quick-template>.favorite-star{position:static;margin-inline-start:auto;flex-shrink:0;font-size:12px}.quick-favorite-strip .quick-template>span:not(.favorite-star){min-width:0;line-height:1.25}.quick-favorite-menu .quick-template{height:auto;min-height:82px}
@media(min-width:740px){.library-columns:has(>.library-collection:first-child .collection-empty){grid-template-columns:180px minmax(0,1fr)}.shell[data-view=library] .library-columns .library-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}.library-columns .collection-empty{padding:20px 12px;min-height:150px;font-size:12px}}
.company-settings{margin-top:16px}.settings-fields{padding:12px 0 4px}.settings-defaults details:last-of-type{margin-bottom:12px}.setting-toggle{margin:8px 0 12px}.control-switch{min-height:44px;padding:8px}.company-template-row{padding:12px 0;gap:12px}.company-setting-actions{margin-top:12px}
.admin-portal{gap:16px}
.prepare-overview{margin-bottom:16px}.prepare-item{border-radius:12px}.prepare-item h3{font-size:15px}.plan-summary strong{font-size:24px}.plan-summary{gap:12px}.stock-card{padding:16px;border-radius:12px}
.modal-overlay{padding:16px}.modal{border-radius:16px;max-height:94dvh;display:flex;flex-direction:column;}.modal-body,.template-editor-modal .modal-body{padding:16px;min-height:0;overflow:auto;overscroll-behavior:contain}
/* Native scrolling and keyboard access stay intact; the visible thumb fades out. */
*{scrollbar-width:thin;scrollbar-color:transparent transparent}
*.scroll-reveal{scrollbar-color:#7c858f88 transparent}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent;border:0}::-webkit-scrollbar-thumb{background:transparent;border:2px solid transparent;background-clip:padding-box;border-radius:12px}.scroll-reveal::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background-color:#7c858f88}::-webkit-scrollbar-corner{background:transparent}
.modal{overflow:hidden!important;isolation:isolate}.quick-favorite-menu,.dimension-editor,.note-text-editor{border-radius:12px}
.modal-head{padding:8px 16px;gap:12px;min-height:60px;flex-shrink:0;border-radius:16px 16px 0 0}.modal-head h2{font-size:17px;line-height:1.35}.modal-footer{padding:8px 16px;gap:8px;min-height:60px;flex-shrink:0;border-radius:0 0 16px 16px}.template-properties{padding-top:12px}

.template-editor-modal .template-scope-note{padding:8px 12px;font-size:12px;line-height:1.3;margin-bottom:8px}
.template-editor-modal .panel-head{padding:4px 12px;min-height:48px}.template-editor-modal .compact-draw-controls{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px}.template-editor-modal .compact-draw-controls .labels-toggle{margin-inline-end:auto;font-size:12px}.template-editor-modal .compact-draw-controls .drawing-input-mode{display:none}.template-editor-modal .measure-help{position:relative}.template-editor-modal .measure-help>summary{display:grid;place-items:center;min-width:44px;min-height:44px;list-style:none;cursor:pointer}.template-editor-modal .measure-help>summary::-webkit-details-marker{display:none}.template-editor-modal .measure-help>div{position:absolute;top:44px;inset-inline-end:0;width:250px;background:white;padding:12px;border:1px solid var(--line);border-radius:10px;z-index:10;font-size:12px}
.template-editor-modal .profile-drawing{display:flex;flex-direction:column;height:clamp(210px,calc(var(--app-viewport-height92,100dvh) - 600px),340px);min-height:0;padding:0 12px 8px}.template-editor-modal .profile-edit-tools{min-height:44px;flex-shrink:0;padding:0;gap:8px}.template-editor-modal .profile-edit-tools .drawing-label{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.template-editor-modal #profile-svg{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.template-editor-modal #profile-svg svg{min-height:0;max-height:none;display:block;height:100%}.template-editor-modal .drawing-toolbar{min-height:32px;padding:4px 12px;font-size:12px}.template-editor-modal .template-properties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;padding:12px 12px 4px}.template-editor-modal .template-properties>h3{grid-column:1/-1;font-size:15px}.template-editor-modal .template-properties>.field-row{display:contents}.template-editor-modal .template-properties .field{margin:0;align-self:end}.template-editor-modal .segment-details{margin:8px 0 0}.template-editor-modal .segment-details>summary{padding:8px 12px;min-height:44px;font-size:12px}
.template-editor-modal .profile-drawing{height:clamp(250px,calc(var(--app-viewport-height92,100dvh) - 570px),360px)}
@media(max-width:739px){.template-editor-modal .template-properties{grid-template-columns:1fr 1fr}.template-editor-modal .profile-drawing{height:260px}.template-editor-modal .profile-edit-tools .drawing-label{max-width:35%}}.note-width{font-size:12px;gap:8px}.note-canvas-wrap{}.note-canvas-wrap>svg#note-canvas{min-height:320px;max-height:calc(var(--app-viewport-height92,100dvh) - 260px)}
.workspace-focused .topbar{height:56px}.workspace-focused .page{padding:12px}.workspace-focused .focus-exit{bottom:14px;inset-inline-end:16px}.workspace-focused .profile-drawing{min-height:calc(var(--app-viewport-height92,100dvh) - 190px)}
[dir=rtl] .main{margin-left:0;margin-right:212px}.workspace-focused [dir=rtl] .main{margin-right:0}
@media(max-width:1366px){
 :root{--page-gutter:16px;--compact-workspace-height:calc(var(--app-viewport-height92,100dvh) - 210px)}
 .sidebar{display:none}.main,[dir=rtl] .main{margin:0;width:100%}
 .page{padding:14px var(--page-gutter) 78px;max-width:100%}.topbar{height:56px;padding:0 var(--page-gutter)}
 .mobile-nav{display:flex;position:fixed;inset:auto 0 0;z-index:20;justify-content:space-around;padding:4px max(12px,env(safe-area-inset-left)) max(4px,env(safe-area-inset-bottom));border-top:1px solid var(--line);backdrop-filter:blur(16px);}
 .mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;min-width:80px;border:0;background:none;font-size:12px;padding:4px 12px}.mobile-nav .icon{width:20px;height:20px}
 
 .work-grid{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.work-grid>.panel-head{padding:12px 16px}.work-grid .panel-body{padding:16px}
 .panel-head{padding:12px 16px}.summary-strip{padding:8px 16px}.summary-strip strong{font-size:20px}
 
 
 .workspace-focused .mobile-nav{display:none}.workspace-focused .page{padding:12px}
}
@media(min-width:740px) and (max-width:900px){
 .work-grid{grid-template-columns:minmax(0,1fr) 260px}.work-grid>form{order:initial}
 .hero{min-height:174px;padding:20px 20px}.hero h2{font-size:24px}
 .library-workspace{grid-template-columns:1fr}.library-folders{position:static;display:flex;flex-wrap:nowrap;overflow:auto;gap:8px;padding:8px 8px}.library-folders h2{display:none}.library-folders>.folder-target,.library-folders>.text-btn{width:auto;min-width:max-content}.library-columns .library-grid{grid-template-columns:1fr}
 .page-heading h1{font-size:24px}.page-heading>.actions-inline{gap:8px}
}
@media(max-width:739px){
 :root{--page-gutter:12px}.page{padding:12px var(--page-gutter) 78px}.topbar{height:56px;gap:8px}.breadcrumb strong{font-size:12px}.topbar-right{gap:4px}.preview-tag.sync-status{max-width:85px;font-size:12px}.account-button>.icon{display:none}
 .page-heading{flex-wrap:wrap;gap:8px;margin-bottom:12px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.page-heading>.actions-inline{justify-content:flex-start}.page-heading .date{display:none}
 .work-grid{grid-template-columns:1fr}.work-grid>form{order:initial}.panel-head{flex-wrap:wrap}.summary-strip{flex-wrap:wrap;gap:12px}
 .hero{min-height:220px;padding:16px;align-items:flex-start}.hero h2{font-size:24px}.hero p{max-width:230px}
 .stats{gap:8px;margin-bottom:16px}.stat{padding:12px;display:block}.stat small{font-size:12px}.stat strong{font-size:24px;margin-top:2px}
 .project-tools{display:flex;flex-wrap:wrap;gap:8px}.tabs{margin-bottom:0}.project-tools>.search{width:100%;max-width:none;min-width:0}.project-card{padding:12px;gap:12px;grid-template-columns:46px minmax(0,1fr)}.project-thumb{width:46px;height:48px}.project-thumb svg{width:40px}.project-card h3{font-size:15px}
 .library-workspace{grid-template-columns:1fr}.library-columns{grid-template-columns:1fr}.library-folders{position:static}.library-selection .actions-inline{gap:8px}.modal-overlay{padding:8px}.modal-body{padding:12px}
 .mobile-nav{padding-inline:4px}.mobile-nav button{min-width:60px;font-size:12px}.notebook-toolbar{padding:8px 12px;gap:8px}.note-canvas-wrap{padding:8px}.note-canvas-wrap>svg#note-canvas{max-height:550px}
 .site-cards,.note-cards{padding:0 12px 12px}.panel-body,.work-grid .panel-body{padding:12px}
 
}
@media(prefers-reduced-motion:no-preference){details>summary{transition:background .15s}details>summary:hover{background:#f7f8f9}}

/* Project workspace: matching overview cards and one shared working toolbar. */
.compact-project{--project-ink:#202a34;--project-muted:#68737e;--project-border:#e5e8ec;--project-wash:#f7f8f9;display:grid;gap:16px;min-width:0;align-content:start;color:var(--project-ink)}
.compact-project .project-summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;margin:0;background:#ffffff;border:1px solid var(--project-border);border-radius:16px;box-shadow:0 2px 8px #212b3503}
.compact-project .project-summary>.project-thumb{width:48px;height:48px;flex:0 0 48px;border-radius:12px;background:#f3f4f6;border:1px solid #ebedf0}
.compact-project .project-thumb svg{width:44px;height:40px}
.compact-project .project-title{min-width:0}
.compact-project .project-title h1{font-size:24px;line-height:1.2;letter-spacing:-.65px;font-weight:600;margin:0;color:var(--project-ink);overflow-wrap:anywhere}
.compact-project .project-title-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.compact-project .project-title-status .badge{font-size:12px;padding:4px 8px;border-radius:7px;line-height:1.4}
.compact-project .project-title-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-width:0;margin-top:4px;color:var(--project-muted)}
.compact-project .project-number-heading{display:inline;font-size:12px;line-height:1.4;margin:0;color:inherit;flex:0 0 auto}
.compact-project .project-number-heading b{font-weight:500}
.compact-project .project-title p{font-size:12px;line-height:1.4;margin:0;color:var(--project-muted);overflow-wrap:anywhere}
.compact-project .project-header-actions{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-end;gap:12px;max-width:none;min-width:0}
.compact-project .project-header-actions .btn{min-height:44px;padding:8px 12px;font-size:12px;line-height:1.3;gap:8px;background:#f8f9fa;border-color:var(--project-border);color:#444f5b;white-space:nowrap;box-shadow:none}
.compact-project .project-header-actions .project-edit{align-self:auto;grid-column:auto}
.compact-project .project-header-actions .btn:hover:not(:disabled){background:#f1f3f5;border-color:#d5d9de}
.compact-project .project-header-actions .project-complete.is-ready{color:#ffffff;background:#384f69;border-color:#384f69}
.compact-project .project-header-actions .project-complete.is-ready:hover{background:#344b64}
.compact-project .project-header-actions .project-complete:disabled{opacity:.55}
.compact-project .project-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;min-width:0}
.compact-project .compact-overview{position:relative;display:flex;flex-direction:column;margin:0;min-width:0;background:#ffffff;border-color:var(--project-border);border-radius:16px;box-shadow:none}
.compact-project .project-overview-disclosure{flex:1 0 auto;min-width:0}
.compact-project .project-overview-disclosure>summary,.compact-project .project-area-disclosure>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:52px;padding:4px 16px;min-width:0}
.compact-project .project-overview-disclosure>summary::-webkit-details-marker,.compact-project .project-area-disclosure>summary::-webkit-details-marker{display:none}
.compact-project .project-overview-disclosure>summary{padding-inline-end:260px}
.compact-project .note-overview .project-overview-disclosure>summary{padding-inline-end:180px}
.compact-project .project-overview-disclosure>summary h2,.compact-project .project-area-disclosure>summary h2{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;line-height:1.35;font-weight:600;margin:0;color:#495460}
.compact-project .project-overview-disclosure>summary>.icon,.compact-project .project-area-disclosure>summary>.icon{width:15px;height:15px;color:#7f8892;flex-shrink:0;transition:transform .15s}
.compact-project details[open]>summary>.icon{transform:rotate(90deg)}
.compact-project summary .muted{font-size:12px;font-weight:500;line-height:1.4;padding:2px 8px;min-width:20px;text-align:center;color:#6d7782;background:#f1f3f5;border-radius:7px}
.compact-project .project-overview-disclosure[open]>summary{border-bottom:1px solid var(--project-border);margin-bottom:12px}
.compact-project .overview-create{position:absolute;inset-block-start:4px;inset-inline-end:8px;min-height:44px;max-width:244px;font-size:12px;padding:8px 12px;gap:8px;background:transparent;border-color:transparent;color:#5b6672;box-shadow:none}
.compact-project .overview-create:hover{background:#f3f4f6;border-color:transparent}
.compact-project .project-overview-links{display:flex;flex-wrap:wrap;align-items:stretch;flex:0 0 auto;gap:8px;min-height:54px;min-width:0;margin-top:auto;padding:0 12px 12px}
.compact-project .project-overview-link{display:flex;align-items:center;gap:8px;text-align:start;min-width:150px;max-width:260px;min-height:44px;padding:8px 12px;border:1px solid #ebedf0;border-radius:10px;background:#fbfcfd;color:#4d5863;font:inherit;font-size:12px;flex:0 0 auto;cursor:pointer}
/* One, two or three links share the full row; additional links form a new row. */
.compact-project .project-overview-links>.project-overview-link{flex:1 1 calc((100% - 16px)/3);width:auto;min-width:0;max-width:none}
.compact-project .project-overview-link:hover{background:#f5f6f8;border-color:#dbdee3}
.compact-project .project-overview-link>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-project .project-overview-link>.icon{flex-shrink:0;width:16px;height:16px;color:#6e7883}
.compact-project .project-overview-link>.icon:last-child{margin-inline-start:auto;width:13px;height:13px;color:#969ea7}
.compact-project .compact-overview:has(>.project-overview-disclosure[open])>.project-overview-links{display:none}
.compact-project .overview-body>.subtle{padding:0 16px 12px;margin:0;font-size:12px!important;color:var(--project-muted)}
.compact-project .site-cards,.compact-project .note-cards{display:grid;gap:12px;padding:0 12px 12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.compact-project .site-empty{padding:0 16px 12px;margin:0;font-size:12px;color:var(--project-muted)}
.compact-project .site-card-detailed{padding:12px;gap:12px;border-radius:10px;border-color:var(--project-border);background:#fbfcfd}
.compact-project .site-card-detailed>svg:first-child{width:54px;min-width:54px;height:48px}
.compact-project .site-card-copy>strong{font-size:12px;font-weight:600}
.compact-project .site-card-copy>small{font-size:12px}
.compact-project .site-card-stats{gap:12px;margin-top:8px}
.compact-project .site-card-stat strong{font-size:12px}
.compact-project .site-card-stat small{font-size:12px!important}
.compact-project .project-parts-workspace{margin:0;border:1px solid var(--project-border);border-radius:16px;background:#ffffff;box-shadow:0 2px 8px #212b3503;overflow:hidden;min-width:0}











.compact-project .workflow-summary{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;margin:0;min-width:0;max-width:100%;flex:0 1 auto;overflow:auto;scrollbar-width:thin;overscroll-behavior-x:contain}









.compact-project .project-area-list{display:grid;gap:0;margin:0;min-width:0}
.compact-project .project-area-section{position:relative;border:0;border-radius:0;overflow:visible;box-shadow:none;margin:0}
.compact-project .project-area-section+.project-area-section{border-top:1px solid var(--project-border)}
.compact-project .project-area-disclosure>summary{min-height:48px;border-radius:0;background:#f8f9fa;padding:4px 16px;padding-inline-end:64px}
.compact-project .project-area-disclosure[open]>summary{border-bottom:1px solid var(--project-border);border-radius:0}
.compact-project .project-area-disclosure>summary h2{font-size:12px;color:#656f7b}
.compact-project .project-area-menu{position:absolute;inset-block-start:2px;inset-inline-end:8px;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;color:#9098a2}
.compact-project .project-area-section.is-drop-target{outline:0;box-shadow:inset 0 0 0 2px #5b738e;background:#f3f4f6}
.compact-project .project-area-section.is-drop-target>details>summary{background:#f1f3f5}
.compact-project .area-empty{padding:12px 16px;text-align:start;font-size:12px;color:#8d959e}

.compact-project .project-filter-empty{padding:16px;margin:0;min-height:0;font-size:12px;color:var(--project-muted);background:#ffffff}
.compact-project .project-filter-empty>p{margin:0}
.compact-project .project-filter-empty .text-btn{font-size:12px;margin-top:8px}
.compact-project .v2-record{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:12px;padding:12px 16px;align-items:center;min-height:78px;flex-wrap:unset;border-top-color:#eff1f3;background:#ffffff}
.compact-project .project-area-disclosure>.v2-record:first-of-type{border-top:0}
.compact-project .v2-record .record-icon{grid-row:auto;width:48px;height:46px;min-width:44px;min-height:44px;border-radius:10px;padding:4px;background:#f7f8f9;border:1px solid #ebedf0}
.compact-project .v2-record .record-icon svg{max-height:38px;width:100%;height:100%}
.compact-project .v2-record .record-copy{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
.compact-project .v2-record .record-copy h3{flex-basis:100%;font-size:13px!important;font-weight:600;line-height:1.4;margin:0;overflow-wrap:anywhere;color:#2f3944}
.compact-project .v2-record .record-copy>small{font-size:12px;line-height:1.4;color:#7e8791}
.compact-project .v2-record .record-status{margin:0;line-height:1.4}
.compact-project .record-status .badge{font-size:12px;padding:4px 8px;line-height:1.4;gap:4px;font-weight:500}
.compact-project .v2-record .record-value{grid-column:auto;margin:0;font-size:12px;font-weight:500;color:#5f6975;white-space:nowrap;font-variant-numeric:tabular-nums}
.compact-project .v2-record .record-actions{grid-column:auto;justify-content:flex-end;margin:0;gap:8px}
.compact-project .v2-record .record-actions .icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;color:#7f8892}
.compact-project .v2-record .install-record{min-height:44px;font-size:12px!important;padding:8px 12px!important;gap:8px;white-space:nowrap}
.compact-project .note-card{border-radius:10px;padding:8px;background:#fbfcfd;border-color:var(--project-border)}
.compact-project .note-card>svg{height:100px}
.compact-project .note-card>strong{font-size:12px;font-weight:600}
.compact-project .note-card>small{font-size:12px}
@media(max-width:1400px){
 
 
 .compact-project .project-overview-disclosure>summary,.compact-project .note-overview .project-overview-disclosure>summary{padding-inline-end:64px}
 .compact-project .overview-create{width:44px;max-width:44px;padding:12px;justify-content:center;gap:0}
 .compact-project .overview-create-text{display:none}
}
@media(min-width:740px) and (max-width:1000px){
 .compact-project .project-summary{gap:12px;padding:16px}
 .compact-project .project-title h1{font-size:24px}
 .compact-project .project-header-actions{gap:8px}
 .compact-project .project-header-actions .btn{font-size:12px;padding-inline:12px}
 .compact-project .project-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .compact-project .project-overview-disclosure>summary,.compact-project .note-overview .project-overview-disclosure>summary{padding-inline-end:64px}
 .compact-project .overview-create{width:44px;max-width:44px;padding:12px;justify-content:center;gap:0}
 .compact-project .overview-create-text{display:none}
 
 
}
@media(max-width:739px){
 .compact-project{gap:12px}
 .compact-project .project-summary{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px}
 .compact-project .project-summary>.project-thumb{width:44px;height:44px}
 .compact-project .project-thumb svg{width:40px;height:36px}
 .compact-project .project-title h1{font-size:24px}
 .compact-project .project-title p{font-size:12px}
 .compact-project .project-header-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:none}
 .compact-project .project-header-actions>.btn{justify-content:center;font-size:12px;padding:8px;width:100%}
 .compact-project .project-overview-grid{grid-template-columns:1fr;gap:12px}
 .compact-project .project-overview-disclosure>summary,.compact-project .note-overview .project-overview-disclosure>summary{padding-inline-end:64px}
 .compact-project .overview-create{width:44px;max-width:44px;padding:12px;justify-content:center;gap:0}
 .compact-project .overview-create-text{display:none}
 .compact-project .site-cards,.compact-project .note-cards{grid-template-columns:1fr}
 
 
 
 
 
 .compact-project .workflow-summary{overflow:auto;scrollbar-width:thin;overscroll-behavior-x:contain}
 
 
}
@media(max-width:520px){
 .compact-project .project-header-actions .btn{white-space:normal}
 
 
 
 
 
 
 
}
@media(max-width:620px){
 .compact-project .v2-record{grid-template-columns:44px minmax(0,1fr) auto;gap:8px 12px;padding:12px 16px}
 .compact-project .v2-record .record-icon{width:44px;height:44px}
 .compact-project .v2-record .record-value{grid-column:3;font-size:12px}
 .compact-project .v2-record .record-copy h3{font-size:12px!important}
 .compact-project .v2-record .record-copy>small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.compact-project details>summary>.icon{transition:none}}

/* Compact measurement workspaces. Geometry and saved measurements remain unchanged. */






.shell[data-view="profile"] .profile-context{min-height:44px;padding:0 12px;margin-bottom:8px;gap:8px;border-radius:10px}
.shell[data-view="profile"] .profile-context-copy{gap:8px;min-width:0}
.shell[data-view="profile"] .context-number{font-size:13px;white-space:nowrap}
.shell[data-view="profile"] .profile-context .badge{font-size:12px;padding:4px 8px;white-space:nowrap}
.shell[data-view="profile"] .context-navigation{gap:4px;flex-shrink:0}
.shell[data-view="profile"] .context-navigation :is(select,.app-select28){width:180px;min-height:44px;padding:8px 12px;font-size:15px!important}
.shell[data-view="profile"] .context-navigation .btn{font-size:12px;padding-inline:12px}










.shell[data-view="profile"] .measurement-work-grid>.panel>.panel-head,
.shell[data-view="area"] .measurement-work-grid>.panel>.panel-head{padding:8px 12px;min-height:52px;gap:8px;flex-wrap:nowrap}
.shell[data-view="profile"] .measurement-work-grid>.panel>.panel-head h2,
.shell[data-view="area"] .measurement-work-grid>.panel>.panel-head h2{font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;margin:0}
.shell[data-view="profile"] .measurement-work-grid .panel-head .actions-inline,
.shell[data-view="area"] .measurement-work-grid .panel-head .actions-inline{flex-wrap:nowrap;gap:8px;flex-shrink:0}
.shell[data-view="profile"] .measurement-work-grid .panel-head .labels-toggle,
.shell[data-view="area"] .measurement-work-grid .panel-head .labels-toggle{font-size:12px;gap:8px;white-space:nowrap}
.shell[data-view="profile"] .measurement-work-grid .panel-head .btn,
.shell[data-view="area"] .measurement-work-grid .panel-head .btn{font-size:12px;padding:8px 12px}
.shell[data-view="profile"] .measurement-work-grid .summary-strip,
.shell[data-view="area"] .measurement-work-grid .summary-strip{padding:8px 12px;gap:12px;min-height:48px;display:grid;align-items:center;flex-wrap:nowrap}

.shell[data-view="area"] .area-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.shell[data-view="profile"] .measurement-work-grid .summary-strip strong,
.shell[data-view="area"] .measurement-work-grid .summary-strip strong{font-size:17px;line-height:1.25;white-space:nowrap}
.shell[data-view="profile"] .measurement-work-grid .summary-strip small,
.shell[data-view="area"] .measurement-work-grid .summary-strip small{font-size:12px;line-height:1.3;white-space:nowrap}
.shell[data-view="profile"] .measurement-work-grid .summary-strip strong>span,
.shell[data-view="area"] .measurement-work-grid .summary-strip strong>span{font-size:12px;margin-inline-start:4px}
.shell[data-view="profile"] .compact-draw-controls{min-height:44px;padding:0 12px;gap:8px;flex-wrap:nowrap;border-bottom:1px solid var(--line)}
.shell[data-view="profile"] .compact-draw-controls .labels-toggle{font-size:12px;gap:8px;min-width:0;margin-inline-end:auto}
.shell[data-view="profile"] .compact-draw-controls .labels-toggle{display:none}.shell[data-view="profile"] .compact-draw-controls{display:none}.shell[data-view="profile"] .measurement-work-grid .panel-head .actions-inline{gap:12px}.shell[data-view="profile"] .measurement-work-grid .panel-head .labels-toggle{gap:8px;font-size:12px}
@media(min-width:740px) and (max-width:900px){.shell[data-view="profile"] .measurement-work-grid>.panel>.panel-head{flex-wrap:wrap}.shell[data-view="profile"] .measurement-work-grid>.panel>.panel-head h2{width:100%}.shell[data-view="profile"] .measurement-work-grid>.panel>.panel-head .actions-inline{width:100%;justify-content:space-between;gap:8px}.shell[data-view="profile"] .measurement-work-grid .panel-head .labels-toggle{font-size:12px}}
.shell[data-view="profile"] .compact-draw-controls .btn{font-size:12px;padding:4px 8px}
.shell[data-view="profile"] .compact-draw-controls .drawing-input-mode{display:none}
.shell[data-view="profile"] .profile-drawing{padding:0 12px 12px;min-height:0;height:clamp(285px,calc(var(--app-viewport-height92,100dvh) - 465px),780px);display:flex;flex-direction:column;overflow:auto}
.shell[data-view="profile"] .profile-edit-tools{min-height:44px;padding:0;gap:8px;flex-wrap:nowrap;flex-shrink:0}
.shell[data-view="profile"] .profile-edit-tools .actions-inline{gap:4px;flex-shrink:0}
.shell[data-view="profile"] .profile-edit-tools .btn{font-size:12px;padding:4px 8px}
.shell[data-view="profile"] .profile-edit-tools .drawing-label{font-size:12px;min-width:0;line-height:1.3;padding:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.shell[data-view="profile"] .profile-drawing #profile-svg{min-height:0;flex:1;display:flex;align-items:center;justify-content:center}
.shell[data-view="profile"] .profile-drawing #profile-svg>svg{min-height:0;max-height:none;height:100%;flex-shrink:0;display:block}

.shell[data-view="area"] .area-bottom-tools{padding:0 12px;min-height:44px;gap:8px;flex-wrap:nowrap}




.shell[data-view="profile"] .segment-details{padding:0 12px;border-top:1px solid var(--line)}
.shell[data-view="profile"] .segment-details>summary{font-size:12px;min-height:44px;display:flex;align-items:center;padding:0;gap:8px;cursor:pointer}
.shell[data-view="profile"] .segment-details>summary>span{font-size:12px;color:var(--muted)}
.shell[data-view="profile"] #profile-form .panel-body,
.shell[data-view="area"] #area-form .panel-body{padding:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.shell[data-view="profile"] #profile-form .panel-body{max-height:calc(var(--app-viewport-height92,100dvh) - 330px)}
.shell[data-view="area"] #area-form .panel-body{max-height:calc(var(--app-viewport-height92,100dvh) - 236px)}
.shell[data-view="profile"] #profile-form .field,
.shell[data-view="area"] #area-form .field{margin-bottom:12px;min-width:0}
.shell[data-view="profile"] #profile-form .field>span,
.shell[data-view="area"] #area-form .field>span{font-size:12px;line-height:1.35;min-height:15px;margin-bottom:4px}
.shell[data-view="profile"] #profile-form .field-row,
.shell[data-view="area"] #area-form .field-row{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.shell[data-view="area"] #area-form .area-name-height{grid-template-columns:1fr}
.shell[data-view="profile"] #profile-form input:not([type=hidden]),
.shell[data-view="profile"] #profile-form :is(select,.app-select28),
.shell[data-view="area"] #area-form input:not([type=hidden]),
.shell[data-view="area"] #area-form :is(select,.app-select28){min-height:44px;padding:8px 12px}
.shell[data-view="profile"] #profile-form .input-unit input,
.shell[data-view="area"] #area-form .input-unit input{padding-inline-end:36px}
.shell[data-view="profile"] #profile-form .input-unit b,
.shell[data-view="area"] #area-form .input-unit b{font-size:12px;right:auto;left:auto;inset-inline-end:10px}
.shell[data-view="profile"] #profile-form .btn.full{margin-top:4px}
.shell[data-view="area"] #area-form .geometry-tabs{gap:8px;margin:0 0 12px}
.shell[data-view="area"] #area-form .geometry-tabs .btn{font-size:12px;line-height:1.2;min-height:44px;flex:1;padding:4px 8px}

.shell[data-view="area"] #area-form [data-action="toggle-break"]{font-size:12px;margin:0 0 12px}
.shell[data-view="area"] .measure-seam-details{border-top:1px solid var(--line);margin:2px 0 0}
.shell[data-view="area"] .measure-seam-details>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:12px;font-weight:600;gap:8px}
.shell[data-view="area"] .measure-seam-details>summary:after{content:'⌄';margin-inline-start:auto;font-size:17px;font-weight:400}
.shell[data-view="area"] .measure-seam-details[open]>summary:after{transform:rotate(180deg)}
.shell[data-view="area"] .measure-seam-details>summary::-webkit-details-marker{display:none}
.shell[data-view="area"] .measure-detail-fields{padding-top:8px}
.shell[data-view="area"] #area-drawing{height:clamp(300px,calc(var(--app-viewport-height92,100dvh) - 400px),760px);min-height:0;padding:8px 12px;display:flex;flex-direction:column;overflow:hidden}
.shell[data-view="area"] #area-drawing>.drawing-label{font-size:12px;line-height:1.3;flex-shrink:0}
.shell[data-view="area"] #area-drawing>svg{width:100%;min-height:0;flex:1;height:100%;max-height:none;display:block}
.shell[data-view="area"] .area-bottom-tools>span{font-size:12px;margin-inline-start:auto;white-space:nowrap}
.shell[data-view="area"] .area-bottom-tools>.btn{font-size:12px;padding:4px 8px}
.shell[data-view="area"] .area-strip-details{border-top:1px solid var(--line)}
.shell[data-view="area"] .area-strip-details>summary{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer}
.shell[data-view="area"] .area-strip-details>summary>span{color:var(--muted);font-weight:400;margin-inline-start:auto;font-size:12px}
.shell[data-view="area"] .area-strip-details>.detail-box{padding:12px;border-top:1px solid var(--line);background:#fdfdfe}
.shell[data-view="area"] .area-strip-details .strip-detail-heading{gap:8px;flex-wrap:wrap}
.shell[data-view="area"] .area-strip-details .strip-detail-heading h3{font-size:15px}
.shell[data-view="area"] .area-strip-details .strip-detail-heading .subtle{font-size:12px!important}
.shell[data-view="area"] .area-strip-details .strip-contour-tabs .btn{font-size:12px;min-height:44px}
.shell[data-view="area"] .area-strip-details .strip-dimensioned{width:100%;max-height:520px}
.shell[data-view="area"] #area-results{margin-top:12px}
.shell[data-view="area"] #area-results .panel-head{padding:8px 12px;min-height:44px}
.shell[data-view="area"] #area-results .panel-head h2{font-size:15px}
.shell[data-view="area"] #area-results th,
.shell[data-view="area"] #area-results td{padding:12px 12px;font-size:12px}
.shell[data-view="profile"] .measure-help,
.shell[data-view="area"] .measure-help{position:relative;display:block;flex-shrink:0;z-index:6}
.shell[data-view="profile"] .measure-help>summary,
.shell[data-view="area"] .measure-help>summary{width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;list-style:none;border-radius:7px}
.shell[data-view="profile"] .measure-help>summary::-webkit-details-marker,
.shell[data-view="area"] .measure-help>summary::-webkit-details-marker{display:none}
.shell[data-view="profile"] .measure-help[open]>summary,
.shell[data-view="area"] .measure-help[open]>summary{background:var(--soft);color:var(--green)}
.shell[data-view="profile"] .measure-help>div,
.shell[data-view="area"] .measure-help>div{position:absolute;inset-inline-end:0;top:44px;width:280px;max-width:70vw;padding:12px 16px;background:#ffffff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #1f29330f;font-size:12px;line-height:1.6;color:var(--muted);z-index:15}

.workspace-focused .shell[data-view="profile"] .compact-draw-controls{display:none}
.workspace-focused .shell[data-view="profile"] .profile-drawing{height:calc(var(--app-viewport-height92,100dvh) - 132px);min-height:0}
.workspace-focused .shell[data-view="profile"] .profile-drawing #profile-svg>svg{min-height:0;max-height:none}
.workspace-focused .shell[data-view="area"] #area-drawing{height:calc(var(--app-viewport-height92,100dvh) - 230px);min-height:0}
.workspace-focused .shell[data-view="area"] .area-strip-details{display:none}
@media(min-width:740px) and (max-width:1050px){
 .shell[data-view="profile"] .profile-drawing{height:clamp(285px,calc(var(--app-viewport-height92,100dvh) - 500px),780px)}
 .shell[data-view="profile"] .profile-context{flex-direction:row;align-items:center;flex-wrap:nowrap}
 .shell[data-view="profile"] .context-navigation{width:auto}
 
 .shell[data-view="profile"] .profile-context-copy .subtle{display:none}
 .shell[data-view="profile"] .context-navigation :is(select,.app-select28){width:154px}
 .shell[data-view="profile"] .measurement-work-grid>.panel>.panel-head,
 .shell[data-view="area"] .measurement-work-grid>.panel>.panel-head{padding-inline:12px;gap:8px}
 .shell[data-view="profile"] .measurement-work-grid .panel-head .actions-inline,
 .shell[data-view="area"] .measurement-work-grid .panel-head .actions-inline{gap:8px}
 .shell[data-view="area"] .measurement-work-grid .panel-head .labels-toggle{font-size:12px}
 .shell[data-view="area"] .measurement-work-grid .summary-strip{gap:8px;padding-inline:12px}
 .shell[data-view="area"] .measurement-work-grid .summary-strip strong{font-size:16px}
 .shell[data-view="area"] .measurement-work-grid .summary-strip small{font-size:12px}
 .shell[data-view="profile"] .profile-edit-tools .btn{font-size:12px;padding:4px 8px}
 .shell[data-view="profile"] .profile-edit-tools .drawing-label{font-size:12px;max-width:45%}
 .shell[data-view="profile"] .compact-draw-controls .labels-toggle{font-size:12px}
 
 
 
 .shell[data-view="area"] #area-form .panel-head .badge{font-size:12px;white-space:nowrap}
}
@media(max-width:739px){
 .shell[data-view="profile"] .profile-context{flex-wrap:wrap;padding:4px 12px}
 .shell[data-view="profile"] .profile-context-copy{width:100%;min-height:32px}
 .shell[data-view="profile"] .context-navigation{width:100%}
 .shell[data-view="profile"] .context-navigation :is(select,.app-select28){width:auto;max-width:none;flex:1;min-width:0}
 .shell[data-view="profile"] .profile-drawing{height:340px}
 .shell[data-view="profile"] #profile-form .panel-body,
 .shell[data-view="area"] #area-form .panel-body{max-height:none;overflow:visible}
 .shell[data-view="area"] #area-drawing{height:420px}
 .shell[data-view="profile"] .measurement-work-grid>.panel>.panel-head,
 .shell[data-view="area"] .measurement-work-grid>.panel>.panel-head{flex-wrap:wrap}
 .shell[data-view="area"] .measurement-work-grid .panel-head .actions-inline{margin-inline-start:auto}
 .shell[data-view="profile"] .measurement-work-grid .summary-strip strong{font-size:17px}
 .shell[data-view="area"] .measurement-work-grid .summary-strip{gap:8px}
 .shell[data-view="area"] .measurement-work-grid .summary-strip strong{font-size:15px}
 .shell[data-view="area"] .measurement-work-grid .summary-strip small{font-size:12px}
}

/* Stand 12: keep the drawing and its working properties together on tablets. */
.compact-front-grid,.compact-site-grid{--compact-workspace-height:calc(var(--app-viewport-height92,100dvh) - 152px);grid-template-columns:minmax(0,1fr) minmax(260px,304px);gap:12px;align-items:stretch}
.compact-front-canvas,.compact-front-properties,.compact-site-grid>.panel{min-width:0;height:var(--compact-workspace-height);max-height:920px;margin:0;display:flex;flex-direction:column;overflow:hidden}
.compact-front-grid .panel-head,.compact-site-grid .panel-head{min-height:48px;padding:8px 16px;gap:8px;flex-wrap:nowrap;flex-shrink:0}
.compact-front-grid .panel-head h2,.compact-site-grid .panel-head h2{font-size:15px;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.compact-front-grid .panel-head .actions-inline,.compact-site-grid .panel-head .actions-inline{gap:4px;flex-shrink:0}
.compact-front-grid .panel-body,.compact-site-grid .panel-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 16px;scrollbar-gutter:stable;flex:1}
.compact-front-grid .field,.compact-site-grid .field{margin-bottom:12px}
.compact-front-grid .field-row,.compact-site-grid .field-row{gap:12px;margin-bottom:0}
.compact-front-grid .field>span,.compact-site-grid .field>span{font-size:12px;line-height:1.35;margin-bottom:4px}
.compact-front-grid input,.compact-front-grid :is(select,.app-select28),.compact-site-grid input,.compact-site-grid :is(select,.app-select28){min-height:44px;height:44px;font-size:16px;padding-top:8px;padding-bottom:8px}
.compact-front-summary{padding:8px 16px;gap:12px;flex-shrink:0;display:grid;grid-template-columns:1.5fr 1fr 1fr;border-bottom:1px solid var(--line,#dfe3e7)}
.compact-front-summary>div{min-width:0}
.compact-front-summary small{font-size:12px;line-height:1.25}
.compact-front-summary strong{font-size:20px;line-height:1.2}
.compact-front-summary strong span{font-size:12px}
.compact-front-canvas .front-drawing{flex:1;min-height:0;display:flex;align-items:center;padding:8px}
.compact-front-canvas .front-drawing svg{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}
.compact-front-canvas #front-position-warning:empty{display:none}
.compact-front-canvas .front-position-warning{padding:8px 16px;font-size:12px}



.compact-front-properties .front-offset-grid{gap:8px;margin:2px 0 8px}
.compact-front-properties .front-offset-button{padding:8px;min-height:58px;border-radius:7px;position:relative}
.compact-front-properties .front-offset-button span{font-size:12px;margin-bottom:4px}
.compact-front-properties .front-offset-button strong{font-size:13px;line-height:1.2;white-space:nowrap}
.compact-front-properties .front-offset-button small{font-size:12px;margin-top:4px}
.compact-front-properties .front-seam-details>summary,.compact-front-properties .front-window-profile-details>summary{min-height:44px;padding:12px 0;font-size:12px;line-height:1.4}
.compact-front-properties .front-window-profile-details[open]>summary{margin-bottom:4px}
.compact-front-properties .front-window-profile-details>p{font-size:12px;line-height:1.5;margin-bottom:8px}
.compact-front-properties .front-profile-role{padding:8px 0 0;margin:8px 0}
.compact-front-properties .front-profile-role :is(select,.app-select28)[multiple]{height:auto;min-height:110px}
.compact-front-properties .front-window-empty{gap:12px;line-height:1.5}
.front-result-details{margin-top:12px;border:1px solid var(--line,#dfe3e7);border-radius:12px;background:var(--panel,#ffffff);overflow:hidden}
.front-result-details>summary{min-height:44px;cursor:pointer;padding:12px 16px;font-size:13px;font-weight:600}
.front-result-details .front-strip-panel{margin-top:0;border:0;border-radius:0;box-shadow:none}
.compact-site-grid .site-stats{padding:8px 16px;gap:8px;flex-shrink:0;margin:0;border-bottom:1px solid var(--line,#dfe3e7)}
.compact-site-grid .site-stats>div{padding:8px 12px;border-radius:7px}
.compact-site-grid .site-stats small{font-size:12px;line-height:1.3}
.compact-site-grid .site-stats strong{font-size:20px;line-height:1.3}
.compact-site-grid .site-stats strong span{font-size:12px}
.compact-site-grid .site-toolbar{gap:4px;padding:4px 12px;flex-shrink:0}
.compact-site-grid .site-toolbar .labels-toggle{font-size:12px;gap:4px;margin:0 4px}
.compact-site-grid .site-toolbar .btn{font-size:12px;padding-inline:8px}
.compact-site-grid .unit-choice{gap:8px;font-size:12px;min-width:0;margin-inline-start:auto}
.compact-site-grid .unit-choice :is(select,.app-select28){min-width:64px;width:64px;padding-inline:8px}
.compact-site-grid .site-drawing{padding:8px;min-height:0;flex:1;position:relative;overflow:hidden}
.compact-site-grid #site-svg-canvas{height:100%;min-height:0;display:flex;align-items:center}
.compact-site-grid .site-drawing>#site-svg-canvas>svg{width:100%;height:100%;max-height:none;min-height:0}
.compact-site-grid .site-measurement-panel .subtle{font-size:12px;line-height:1.45;margin:4px 0 12px}
.compact-site-grid .site-list-details{margin-top:8px}
.compact-site-grid .site-list-details>summary{min-height:44px;padding-block:12px;font-size:12px}
.compact-site-grid .site-dimension-fields{grid-template-columns:1fr;gap:8px}
.compact-site-grid .site-dimension-row{grid-template-columns:76px minmax(0,1fr);padding:8px 0;gap:8px}
.compact-site-grid .site-dimension-row .field{margin-bottom:0}
.compact-site-grid .site-stretch-button{font-size:12px;min-height:44px;padding:4px}
@media(max-width:1366px){.compact-front-grid,.compact-site-grid{--compact-workspace-height:calc(var(--app-viewport-height92,100dvh) - 210px);grid-template-columns:minmax(0,1fr) 280px}}
@media(min-width:741px) and (max-width:900px){.compact-front-grid,.compact-site-grid{grid-template-columns:minmax(0,1fr) 260px}.compact-front-grid .panel-head,.compact-site-grid .panel-head{padding-inline:12px}.compact-front-grid .panel-body,.compact-site-grid .panel-body{padding-inline:12px}.compact-site-grid .site-toolbar .unit-choice{margin-inline-start:0}.compact-site-grid .site-toolbar{gap:4px}.compact-site-grid .site-toolbar .labels-toggle{margin-inline:0}}
@media(max-width:740px){.compact-front-grid,.compact-site-grid{grid-template-columns:1fr}.compact-front-canvas,.compact-front-properties,.compact-site-grid>.panel{height:auto;max-height:none}.compact-front-canvas .front-drawing{height:340px;flex:auto}.compact-front-grid .panel-body,.compact-site-grid .panel-body{overflow:visible;scrollbar-gutter:auto}.compact-site-grid .site-drawing{height:380px;flex:auto}.compact-site-grid .site-measurement-panel{margin-top:0}}
.workspace-focused .compact-front-grid,.workspace-focused .compact-site-grid{--compact-workspace-height:calc(var(--app-viewport-height92,100dvh) - 96px);grid-template-columns:1fr}
.workspace-focused .compact-front-properties,.workspace-focused .compact-site-grid>.site-measurement-panel,.workspace-focused .front-result-details{display:none}
.workspace-focused .compact-front-canvas .front-drawing>svg,.workspace-focused .compact-site-grid .site-drawing>#site-svg-canvas>svg{min-height:0;max-height:none}

.compact-front-site-help{position:relative;flex-shrink:0}.compact-front-site-help>summary{list-style:none;cursor:pointer}.compact-front-site-help>summary::-webkit-details-marker{display:none}.compact-front-site-help>p{position:absolute;inset-inline-end:0;top:42px;z-index:15;width:240px;margin:0;padding:12px;border:1px solid var(--line,#dfe3e7);border-radius:10px;background:#ffffff;box-shadow:0 8px 24px #2c36400f;font-size:12px;line-height:1.5}

/* Project record actions: editing stays visible; installation appears when ready. */
.compact-project .v2-record .record-edit-button{min-height:44px;font-size:12px;padding:8px 12px;gap:8px;white-space:nowrap;background:#f3f4f6;border-color:#c6cbd1;color:#131a22;flex-shrink:0}
.compact-project .v2-record .record-edit-button>.icon{width:16px;height:16px;flex-shrink:0;stroke-width:1.8}
.compact-project .v2-record .record-edit-button:hover{background:#e9ebef;border-color:#8e969f}
.compact-project .v2-record .record-edit-button:focus-visible{outline:3px solid #171f27;outline-offset:2px}
.compact-project .v2-record .record-actions{flex-wrap:nowrap}
.record-install-menu:disabled{opacity:.45;cursor:not-allowed}
.compact-project .v2-record.project-record-drag-source{visibility:hidden!important}
.record-drag-active,.record-drag-active *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}
.project-record-drag-card{position:fixed;inset:0 auto auto 0;z-index:220;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-height:76px;padding:12px 12px;box-sizing:border-box;border:1px solid #bdc2c8;border-radius:12px;background:#fffffff5;color:#2f3944;box-shadow:0 12px 36px #2a343e0f,0 2px 7px #2a343e0f;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:0 0;will-change:transform;overflow:hidden}
.project-record-drag-preview{display:flex;align-items:center;justify-content:center;width:40px;height:46px;border:1px solid #e5e8ec;border-radius:7px;background:#f5f6f8;overflow:hidden}
.project-record-drag-preview>svg{width:100%;height:100%;max-height:40px}
.project-record-drag-copy{display:grid;gap:4px;min-width:0;text-align:start}
.project-record-drag-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;font-weight:600}
.project-record-drag-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;color:#747e89}
.project-record-drag-copy>.badge{justify-self:start;font-size:12px;line-height:1.3;padding:2px 4px;max-width:100%}
@media(min-width:621px) and (max-width:739px){
 .compact-project .v2-record.record-has-install-action{grid-template-columns:52px minmax(0,1fr) auto;gap:8px 12px}
 .compact-project .record-has-install-action .record-icon{grid-row:1/3}
 .compact-project .record-has-install-action .record-value{grid-column:3}
 .compact-project .record-has-install-action .record-actions{grid-column:2/-1}
}
@media(max-width:620px){
 .compact-project .v2-record .record-icon{grid-row:auto}
 .compact-project .v2-record .record-actions{grid-column:1/-1;flex-wrap:wrap;gap:8px}
 .compact-project .v2-record .record-edit-button{width:44px;min-width:44px;height:44px;padding:12px;justify-content:center;gap:0}
 .compact-project .v2-record .record-edit-button .record-edit-text{display:none}
 .compact-project .v2-record .record-edit-button>.icon{width:18px;height:18px}
}

.shell[data-view="library"] .quick-library{position:sticky;top:62px;z-index:10;background:#ffffff;box-shadow:0 3px 14px #26313b0f}
.quick-library-editing .quick-template.is-quick-selected{border-color:#47627f;background:#f7f8f9;box-shadow:0 0 0 1px #19212a inset}

.quick-favorite-strip>.quick-template,.quick-favorite-folder{position:relative}
.quick-favorite-strip>.quick-template.quick-drop-before:before,.quick-favorite-folder.quick-drop-before:before,.quick-favorite-strip>.quick-template.quick-drop-after:after,.quick-favorite-folder.quick-drop-after:after{content:'';position:absolute;top:0;bottom:0;width:3px;border-radius:2px;background:#161d26;box-shadow:0 0 0 3px #161d2618;pointer-events:none}
.quick-drop-before:before{inset-inline-start:-5px}.quick-drop-after:after{inset-inline-end:-5px}
.quick-favorite-menu .quick-template{position:relative}
.quick-favorite-menu .quick-template.quick-drop-before:before,.quick-favorite-menu .quick-template.quick-drop-after:after{content:'';position:absolute;left:0;right:0;height:3px;border-radius:2px;background:#47627f;pointer-events:none}
.quick-favorite-menu .quick-template.quick-drop-before:before{top:-3px;inset-inline-start:0}.quick-favorite-menu .quick-template.quick-drop-after:after{bottom:-3px;inset-inline-end:0}
.quick-template.quick-drop-folder-create{border-color:#47627f!important;background:#f3f4f6!important;box-shadow:0 0 0 3px #19212a30!important;transform:scale(1.025)}
.quick-template.quick-drop-folder-create>.favorite-star:after{content:' ▰';font-size:13px;color:#181f28}
.quick-favorite-dragging .quick-library-editing{border-color:#9098a2;background:#f9fafc}
.quick-favorite-dragging .quick-favorite-strip{outline:none}
.library-drag-ghost{pointer-events:none!important}.library-drag-ghost[data-folder-drop=true]{border:2px solid #19212a;background:#f3f4f6}
.quick-favorite-menu{max-height:min(50dvh,380px);overflow:auto;overscroll-behavior:contain}
.quick-library-editing .quick-favorite-strip{scroll-padding-inline:16px}
.quick-favorite-folder>summary{gap:8px}.quick-favorite-folder>summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-favorite-folder>summary>b,.quick-favorite-folder>summary>.icon{flex-shrink:0}
@media(max-width:739px){.shell[data-view="library"] .quick-library{top:58px}}

/* Overlay bars do not reserve a right/bottom gutter. Native scrolling stays intact. */
*,*::before,*::after{scrollbar-width:none!important;scrollbar-gutter:auto!important}
*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.compact-scroll-overlays{position:fixed;inset:0;z-index:10001;pointer-events:none;overflow:visible}
.compact-overlay-track{position:fixed;pointer-events:none;opacity:0;transition:opacity .16s ease;touch-action:none;user-select:none;-webkit-user-select:none;background:transparent;border:0;margin:0;padding:0}
.compact-overlay-track[hidden]{display:none!important}
.compact-overlay-track.is-visible{opacity:1;pointer-events:auto}
.compact-overlay-thumb{position:absolute;border-radius:99px;background:#5a6571a6;box-shadow:0 0 0 1px #ffffffa3;pointer-events:none;touch-action:none;will-change:transform}
.compact-overlay-track.is-visible .compact-overlay-thumb{pointer-events:auto}
.compact-overlay-y .compact-overlay-thumb{inset-inline-end:3px;top:0;width:4px;min-height:0}
.compact-overlay-x .compact-overlay-thumb{left:0;bottom:3px;height:4px;min-width:0}
.compact-overlay-track:hover .compact-overlay-thumb,.compact-overlay-track.is-dragging .compact-overlay-thumb{background:#444e5adc}
.compact-overlay-y:hover .compact-overlay-thumb,.compact-overlay-y.is-dragging .compact-overlay-thumb{width:6px;inset-inline-end:2px}
.compact-overlay-x:hover .compact-overlay-thumb,.compact-overlay-x.is-dragging .compact-overlay-thumb{height:6px;bottom:2px}
@media(prefers-reduced-motion:reduce){.compact-overlay-track{transition:none}}

/* The current direct editor and the table share the same visible error state. */
.site-inline-direct input[aria-invalid="true"],.site-dimension-row input[aria-invalid="true"]{background:#f3f4f6!important;color:#82302d!important;box-shadow:inset 0 0 0 1.5px #9a3b38!important;border-color:#9a3b38!important}

/* The notebook uses the available workspace; controls never cover the writing area. */
.shell[data-view=note] .page{display:flex;flex-direction:column;padding-block:12px;min-height:0;height:calc(var(--app-viewport-height92,100dvh) - 56px)}
.notebook-panel{display:flex;flex-direction:column;min-height:0;flex:1;margin:0!important;border-radius:16px;background:#eff1f3;overflow:hidden}
.note-document-head{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border-bottom:1px solid var(--line);flex-shrink:0}
.note-name{max-width:none;min-width:80px;flex:1}.note-name input{font-size:15px!important;height:44px;padding:4px 8px!important;min-width:0;text-overflow:ellipsis}
.note-document-head .btn{white-space:nowrap}
.notebook-toolbar{display:flex;flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:8px 12px;padding:4px 12px;border:0;background:white;box-shadow:0 2px 8px #222c360f;z-index:1}
.note-tools{gap:2px}.note-tools>.icon-btn{border-radius:10px}.note-tools>.active{background:#e9ebef;box-shadow:inset 0 0 0 1px #cacfd4;color:#2e3843}
.notebook-toolbar .color-swatch{border-radius:50%;width:44px;height:44px}.notebook-toolbar .color-swatch.active{outline-color:#9fafc0;outline-offset:-5px}
.notebook-toolbar .note-width{display:flex;gap:8px;order:0;flex-basis:auto;padding:0;justify-content:flex-start}.note-width input{width:90px}.note-width strong{font-variant-numeric:tabular-nums}.note-grid-control{position:relative;font-size:0;gap:0;white-space:nowrap;min-width:44px;min-height:44px;justify-content:center;border-radius:10px;cursor:pointer}.note-grid-control input{position:absolute;opacity:0;width:1px;height:1px}.note-grid-symbol{width:24px;height:24px;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;fill:none;padding:12px;box-sizing:content-box;border-radius:10px}.note-grid-control input:checked+.note-grid-symbol{color:#2e3843;background:#e9ebef}.note-grid-control:focus-within{outline:2px solid #78818c;outline-offset:-2px}
.note-canvas-wrap{padding:12px!important;display:flex;flex:1;min-height:0;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#f3f4f6,#e7e9ed);overscroll-behavior:contain}
.note-canvas-wrap #note-canvas{width:100%;height:100%;min-height:0;max-height:none!important;border-radius:7px;box-shadow:0 4px 16px #222c360f;border:1px solid #d0d5da;touch-action:none;outline:none}
.note-selection-actions{position:absolute;display:flex;align-items:center;gap:0;padding:2px;background:#fffffff0;border:1px solid #d9dde1;border-radius:12px;box-shadow:0 3px 12px #222c360f;backdrop-filter:blur(12px);z-index:2}
.note-selection-actions{top:22px;left:22px}.note-selection-actions[hidden]{display:none}.note-selection-actions>span{font-size:12px;padding:0 12px;color:var(--muted)}
.note-text-editor{bottom:75px}.note-canvas-wrap[data-tool=eraser]{cursor:cell}.note-canvas-wrap[data-tool=text]{cursor:text}.note-canvas-wrap[data-tool=:is(select,.app-select28)]{cursor:crosshair}.workspace-focused .shell[data-view=note] .page{height:var(--app-viewport-height92,100dvh)!important;padding:8px!important}.workspace-focused .note-document-head{padding-inline-end:160px}
@media(max-width:1366px){.shell[data-view=note] .page{height:calc(var(--app-viewport-height92,100dvh) - 112px);padding-block:12px}.notebook-toolbar{gap:4px 12px}.note-grid-control{margin-inline-start:auto}.note-canvas-wrap{padding:12px!important}}
@media(max-width:700px){.shell[data-view=note] .page{height:calc(var(--app-viewport-height92,100dvh) - 116px);padding-block:8px}.note-document-head{padding:4px 8px;gap:2px;flex-wrap:wrap}.note-document-head .note-name{flex-basis:calc(100% - 144px)}.note-document-head .btn{flex:1;font-size:12px!important}.notebook-toolbar{gap:2px 8px;padding:4px 4px}.notebook-toolbar .color-swatch{width:44px}.note-width input{width:70px}.note-grid-control{margin-inline-start:0}.note-canvas-wrap{padding:8px!important}.note-view-controls{bottom:12px;right:50%;transform:translateX(50%)}.note-selection-actions{top:12px;left:12px}.note-name input{font-size:15px!important}}

/* Calm application surfaces. Technical SVGs keep their own geometry and labels. */
:root{--ink:#1f2832;--muted:#58636f;--paper:#f5f6f8;--line:#e1e4e8;--soft:#f1f3f5;--green:#47627f;--radius:16px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.brand{font-family:inherit}h1,h2,h3{font-weight:600}h1,.page-heading h1{letter-spacing:-.6px}.page-heading h1{line-height:1.25}
.page{max-width:1800px}.panel{border-color:var(--line);box-shadow:0 1px 3px #1c252f04}
.btn,.btn.small,.icon-btn{border-radius:12px}.btn{font-weight:600;box-shadow:0 1px 2px #1c252f04}.btn:not(.primary):not(.dark):not(.danger):hover{background:#f5f6f8;border-color:#d0d5da}.btn.primary{background:#47627f;border-color:#47627f;box-shadow:0 2px 4px #1319210f}.btn.primary:hover{background:#344b64;border-color:#344b64}.btn:active:not(:disabled),.icon-btn:active:not(:disabled){transform:translateY(.5px)}
.icon-btn{box-shadow:none}.text-btn{color:#141b23}.text-btn:hover{color:#323d47}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #171f2788;outline-offset:3px}input:focus,:is(select,.app-select28):focus,textarea:focus{border-color:#78818c;box-shadow:0 0 0 3px #151c2414}
.field input,.field :is(select,.app-select28),.field textarea{background:#fdfdfe;border-color:#dde0e5}.field input:focus,.field :is(select,.app-select28):focus,.field textarea:focus{background:#ffffff}.field>span{color:#444f5b}.input-unit b{color:#6d7782}
.input-unit b{top:50%;transform:translateY(-50%);line-height:1}.drawing .drawing-label{color:#69747f}.plan-metrics strong,.plan-summary strong,.table-scroll{font-variant-numeric:tabular-nums}
.shell[data-view=area] .area-bottom-tools{position:relative}
.shell[data-view=area] .area-bottom-tools .measure-help{position:static}
.shell[data-view=area] .area-bottom-tools .measure-help>div{top:auto;bottom:calc(100% + 8px);inset-inline-start:12px;inset-inline-end:auto;max-width:calc(100% - 24px)}
.shell[data-view=front] .front-offset-button small{font-size:12px;line-height:1.3}
.topbar{background:#ffffffcc;border-color:#e1e4e8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.breadcrumb small{color:#66707c}.breadcrumb strong{color:#25303a;font-weight:600}.preview-tag.sync-status{border:0;color:#5d6874;font-variant-numeric:tabular-nums}.account-button{padding-inline:4px}.avatar{background:#e9ebef;color:#141b23}
.sidebar{background:#eff1f3;color:#48535e;border-inline-end:1px solid #e1e4e8}.sidebar .brand{color:#28323d;font-weight:600}.sidebar .brand-logo{color:#141b23}.sidebar .brand small{color:#68737e}.sidebar .brand-tag{color:#727c87}.sidebar .nav-caption{color:#6d7782;font-size:12px;letter-spacing:.8px}.sidebar .nav-item{color:#4e5964;font-weight:500;border-radius:12px}.sidebar .nav-item .icon{color:#6e7883}.sidebar .nav-item:hover{background:#e5e8ec;color:#28323d}.sidebar .nav-item.active{color:#131a22;background:#e3e6ea;box-shadow:none;font-weight:600}.sidebar .nav-item.active .icon{color:#141b23}.sidebar .nav-item .count{background:#dde0e5;color:#545f6b}.sidebar .workshop{background:#ffffff80;border-color:#dfe3e7;color:#424d58;border-radius:12px}.sidebar .workshop .icon,.sidebar .workshop small{color:#727c87}.sidebar .sidebar-user{border-color:#d9dde1;padding-inline:2px}.sidebar .sidebar-user strong{color:#2b353f}.sidebar .sidebar-user small{color:#6e7883}.sidebar .sidebar-user .avatar{background:#e1e4e8;color:#141b23}.sidebar .sidebar-user button{color:#68737e}.sidebar .admin-shortcut{color:#58636f}
.modal-overlay{background:#1b242d38;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal{box-shadow:0 20px 75px #1d262f0f,0 2px 8px #1d262f0d}.modal-head,.modal-footer{background:#ffffff;border-color:#e5e8ec}.modal-head h2{font-weight:600;letter-spacing:-.3px}
.quick-library,.library-selection,.library-folders{background:#ffffff;border-color:var(--line)}.quick-template,.quick-favorite-folder>summary{border-radius:10px}.library-card{box-shadow:0 1px 3px #1c252f04}.library-card:hover{border-color:#bdc2c8}.collection-heading{border-color:var(--line)}
.summary-strip small,.site-stats small{color:#6d7782}.summary-strip strong,.site-stats strong{font-weight:600;font-variant-numeric:tabular-nums}.drawing-toolbar{border-color:var(--line)}.table-scroll th{background:#f8f9fa;color:#6c7681}.table-scroll td{border-color:#e9ebef}.table-scroll tbody tr.selected td{background:#f3f4f6}
.shell[data-view=profile] #profile-svg text,.shell[data-view=area] svg text,.shell[data-view=front] svg text{font-synthesis:none}
.shell[data-view=area] .measure-seam-details{border-color:var(--line)}
@media(max-width:1366px){.mobile-nav{background:#ffffffdf;border-color:#e3e6ea;box-shadow:0 -1px 6px #25303a04;-webkit-backdrop-filter:blur(16px)}.mobile-nav button{border-radius:12px;color:#717b85}.mobile-nav button.active{background:#ebedf0;color:#141b23}}
@media(min-width:740px) and (max-width:1050px){.shell[data-view=profile] .measurement-work-grid .summary-strip small,.shell[data-view=area] .measurement-work-grid .summary-strip small,.shell[data-view=profile] .profile-edit-tools .drawing-label{font-size:12px}.shell[data-view=profile] .measurement-work-grid .panel-head .labels-toggle{font-size:12px}}
@media(prefers-reduced-motion:reduce){.btn,.icon-btn{transition:none}.btn:active:not(:disabled),.icon-btn:active:not(:disabled){transform:none}}

/* The overview is a working surface, with two small entry cards and the full project list. */
.shell[data-view="dashboard"]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell[data-view="dashboard"] h1,.shell[data-view="dashboard"] h2,.shell[data-view="dashboard"] h3{font-family:inherit}
.shell[data-view="dashboard"] .page{max-width:1600px}
.shell[data-view="dashboard"] .page-heading{margin-bottom:20px}
.shell[data-view="dashboard"] .page-heading h1{font-size:24px;letter-spacing:-.65px;font-weight:600}
.dashboard15{--dashboard-green:#47627f;--dashboard-border:#e1e4e8;--dashboard-muted:#626d78;display:grid;gap:28px;min-width:0}
.dashboard-work-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.dashboard-work-card{background:#ffffff;border:1px solid var(--dashboard-border);border-radius:16px;min-width:0;padding:20px 20px;box-shadow:0 2px 5px #26313b05}
.dashboard-work-card>h2{font-size:13px;font-weight:600;color:var(--dashboard-muted);letter-spacing:0;margin:0 0 16px}
.dashboard-shortcut-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.dashboard-shortcut{min-width:0;min-height:86px;border:1px solid #e9ebef;border-radius:12px;padding:12px;background:#f8f9fa;color:#303b45;display:flex;align-items:center;gap:12px;text-align:start;font-size:13px;line-height:1.35;font-weight:600;transition:background .15s,border-color .15s}
.dashboard-shortcut:hover{background:#f1f3f5;border-color:#c5cad0}
.dashboard-shortcut-icon{display:grid;place-items:center;width:36px;height:36px;background:#ebedf0;color:var(--dashboard-green);border-radius:10px;flex-shrink:0}
.dashboard-shortcut-icon>.icon{width:20px;height:20px}
.dashboard-shortcut>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.dashboard-card-arrow{margin-inline-start:auto;flex-shrink:0;opacity:.6;width:16px;height:16px}
.dashboard-last-project{border:0;background:transparent;color:inherit;display:grid;grid-template-columns:52px minmax(0,1fr) auto 16px;align-items:center;gap:12px;width:100%;min-height:86px;padding:0;text-align:start;border-radius:10px}
.dashboard-last-project:hover .dashboard-last-copy>strong{color:var(--dashboard-green)}
.dashboard-last-project .project-thumb{width:52px;height:58px;background:#f1f3f5;color:#5d6874;border-radius:12px}
.dashboard-last-project .project-thumb svg{width:43px;height:38px}
.dashboard-last-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.dashboard-last-copy>strong{font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-last-copy .project-number{font-size:12px;margin:0;color:var(--dashboard-muted)}
.dashboard-last-address{font-size:12px;color:#5a6571;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.dashboard-last-empty{min-height:86px;display:flex;align-items:center;gap:12px;color:var(--dashboard-muted);font-size:13px}
.dashboard-last-empty>.icon{width:28px;height:28px;flex-shrink:0;color:#89919b}
.dashboard-projects{min-width:0}
.dashboard-project-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.dashboard-project-heading h2{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;letter-spacing:-.3px}
.dashboard-project-count{font-size:12px;line-height:1;background:#ebedf0;color:#58636f;padding:4px 8px;border-radius:7px;font-weight:500;min-width:24px;text-align:center}
.dashboard-project-heading .btn.primary{background:var(--dashboard-green);border-color:var(--dashboard-green);border-radius:10px;min-height:44px;padding:12px 16px;font-size:13px;box-shadow:none}
.dashboard-project-heading .btn.primary:hover{background:#344b64;border-color:#344b64}
.project-tools15{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(240px,1.15fr);gap:20px;margin-bottom:16px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.project-tools15 .tabs{display:flex;flex-wrap:nowrap;gap:4px;padding:4px;border:1px solid #e3e6ea;background:#eff1f3;border-radius:12px;margin:0;min-width:0}
.project-tools15 .tab{display:flex;flex:1;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:500;color:#5a6571;line-height:1.3;border:1px solid transparent}
.project-tools15 .tab.active{background:#ffffff;border-color:#e1e4e8;color:#141b22;box-shadow:0 1px 3px #2d37420f;font-weight:600}

.project-tools15>.search{width:100%;max-width:none;min-width:0;min-height:48px;border:1px solid #e1e4e8;border-radius:12px;background:#ffffff;padding:0 16px;gap:12px}
.project-tools15>.search>.icon{width:18px;height:18px;color:#7c858f;flex-shrink:0}
.project-tools15>.search input{font-size:15px;min-height:46px;padding:12px 0}
.dashboard-projects .project-list{gap:12px}
.dashboard-projects .project-card{border-color:var(--dashboard-border);border-radius:12px;padding:16px 16px;min-height:100px;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;box-shadow:none}
.dashboard-projects .project-card:hover{border-color:#bdc2c8;background:#fdfdfe;box-shadow:0 2px 7px #2b353f06}
.dashboard-projects .project-card .project-thumb{width:56px;height:56px}
.dashboard-projects .project-card h3{font-size:15px;font-weight:600;line-height:1.4}



[dir="rtl"] .dashboard-card-arrow{transform:scaleX(-1)}
@media(min-width:1400px){.shell[data-view="dashboard"] .page{padding-inline:28px}.dashboard-work-cards{gap:20px}.dashboard-work-card{padding:20px 24px}.dashboard15{gap:32px}.project-tools15>.search{max-width:760px;justify-self:end}}
@media(max-width:1100px){.dashboard-work-card{padding:16px}.dashboard-shortcut{padding:12px;gap:8px;font-size:12px}.dashboard-shortcut-icon{width:32px;height:34px}.dashboard-last-project{grid-template-columns:46px minmax(0,1fr) auto;gap:12px}.dashboard-last-project .project-thumb{width:46px;height:52px;grid-row:1/3}.dashboard-last-copy{grid-column:2;grid-row:1/3}.dashboard-last-project>.dashboard-card-arrow{grid-column:3;grid-row:2;justify-self:end}.dashboard-last-copy>strong{font-size:16px}.project-tools15{gap:12px;grid-template-columns:auto minmax(230px,1fr)}.project-tools15 .tab{padding-inline:12px}.project-tools15>.search input{font-size:16px}}
@media(min-width:701px) and (max-width:900px){.dashboard-work-cards{gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dashboard-shortcut-actions{grid-template-columns:1fr;gap:8px}.dashboard-shortcut{padding:8px 8px}.dashboard-shortcut-icon{width:29px;height:29px;border-radius:7px}.dashboard-last-project .project-thumb{display:none}.dashboard-last-project{grid-template-columns:minmax(0,1fr) auto}.dashboard-last-copy{grid-column:1}.dashboard-last-project>.dashboard-card-arrow{grid-column:2}.project-tools15 .tab{padding-inline:12px;font-size:12px}}
@media(max-width:700px){.dashboard-work-cards{grid-template-columns:1fr;gap:12px}.dashboard-work-card{padding:16px 16px;border-radius:16px}.dashboard-work-card>h2{margin-bottom:12px;font-size:12px}.dashboard-shortcut-actions{gap:8px}.dashboard-shortcut{min-height:68px;padding:12px;gap:8px}.dashboard-shortcut-icon{width:30px;height:32px;border-radius:10px}.dashboard-shortcut .dashboard-card-arrow{display:none}.dashboard-last-project{min-height:72px}.dashboard-last-copy>strong{font-size:16px}.dashboard15{gap:24px}.dashboard-project-heading{margin-bottom:12px}.dashboard-project-heading h2{font-size:17px}.dashboard-project-heading .btn.primary{padding:12px 12px;font-size:12px}.project-tools15{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.project-tools15 .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:4px}.project-tools15 .tab{min-width:0;padding:8px 8px;font-size:12px;white-space:normal;line-height:1.3}.project-tools15>.search{min-height:46px;padding-inline:12px}.dashboard-projects .project-card{padding:12px;gap:12px;grid-template-columns:44px minmax(0,1fr);min-height:112px}.dashboard-projects .project-card .project-thumb{width:44px;height:46px;grid-row:1/3;align-self:start}.dashboard-projects .project-card h3{font-size:15px}.shell[data-view="dashboard"] .page-heading{margin-bottom:16px}.shell[data-view="dashboard"] .page-heading h1{font-size:24px}}
@media(min-width:701px) and (max-width:1366px){.shell[data-view="dashboard"] .page-heading{margin-bottom:16px}.dashboard15{gap:20px}.dashboard-work-card{padding:16px 20px}.dashboard-work-card>h2{margin-bottom:12px}.dashboard-shortcut,.dashboard-last-project{min-height:72px}.dashboard-project-heading{margin-bottom:12px}.project-tools15{gap:12px;margin-bottom:12px;grid-template-columns:minmax(340px,.9fr) minmax(240px,1.1fr)}.project-tools15 .tab{padding-inline:12px}.dashboard-projects .project-card{padding:12px 16px;min-height:96px}.dashboard-projects .project-number{margin-top:0}}
@media(min-width:701px) and (max-width:900px){.project-tools15{grid-template-columns:minmax(315px,1fr) minmax(230px,1fr)}.dashboard-shortcut{min-height:44px}.dashboard-last-project{min-height:94px}}
@media(max-width:700px){.project-tools15 .tab{min-height:44px}}

.project-tools16{grid-template-columns:minmax(520px,1.35fr) minmax(200px,.65fr)}
.project-tools16 .tab{padding-inline:12px;white-space:normal;min-width:0}
.modal-body>.search.picker-search{width:100%;max-width:none;min-width:0;margin:0 0 12px;flex-shrink:0}
.modal:has(#project-picker-form)>.modal-head{border-bottom:0;min-height:56px;padding-block:8px}
.modal:has(#project-picker-form)>.modal-body{display:flex;flex-direction:column;padding-block:4px;overflow:hidden;min-height:0}
.modal:has(#project-picker-form)>.modal-footer{border-top:0;padding-block:8px;min-height:60px}
#project-picker-form{display:flex;flex-direction:column;margin:0;min-height:0;overflow:hidden}
#picker-projects{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:12px;max-height:min(var(--picker-visible-height17,280px),calc(var(--app-viewport-height92,100dvh) - 190px));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}
#picker-projects>.picker-project{flex-shrink:0;margin:0}
@media(max-width:1100px){.project-tools16{grid-template-columns:1fr;gap:8px}.project-tools16>.search{max-width:none}}
@media(max-width:700px){.project-tools16 .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.project-tools16 .tab{min-height:44px}}

.profile-finish-menu{position:fixed;z-index:1200;max-height:calc(var(--app-viewport-height92,100dvh) - 24px);overflow:auto;padding:12px;border:1px solid #dfe3e7;border-radius:16px;background:#fffffff5;box-shadow:0 14px 55px #232d370f;backdrop-filter:blur(18px);color:#25303a}
.hem-menu-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-bottom:8px;font-size:13px}.hem-menu-head small{font-weight:400;color:#5b6672}.hem-menu-head .icon-btn{flex:none;width:44px;height:44px}
.hem-menu-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hem-option{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:1px solid #e1e4e8;border-radius:12px;background:#f7f8f9;color:#47525d;font-size:12px;padding:4px}.hem-option svg{width:86px;height:62px}.hem-option:hover,.hem-option:focus-visible{background:#ebedf0;border-color:#46607d;outline:2px solid #46607d60;outline-offset:1px}.hem-option span{padding-block:4px 4px}
[data-switch-profile-end]{gap:4px!important;white-space:nowrap}.profile-edit-tools [data-switch-profile-end] .small-icon{width:16px;height:16px}
@media(prefers-reduced-motion:no-preference){.profile-finish-menu{animation:hem-menu-in .18s ease-out}.hem-preview-return{stroke-dasharray:1;stroke-dashoffset:1;animation:hem-preview-draw .75s ease-out forwards}.hem-option:nth-child(2) .hem-preview-return{animation-delay:.08s}.hem-option:nth-child(3) .hem-preview-return{animation-delay:.16s}.hem-option:nth-child(4) .hem-preview-return{animation-delay:.24s}@keyframes hem-preview-draw{to{stroke-dashoffset:0}}@keyframes hem-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}}

/* Compact workshop checklist. Details remain native keyboard/touch disclosures. */
.shell[data-view="prepare"] .page{max-width:1600px}
.prepare-overview16{overflow:hidden;margin-bottom:12px}
.prepare-overview16 .plan-metrics{grid-template-columns:repeat(7,minmax(0,1fr));padding:12px 20px;gap:16px}
.prepare-overview16 .plan-metrics small{font-size:12px;margin-bottom:4px;line-height:1.3}
.prepare-overview16 .plan-metrics strong{font-size:20px;line-height:1.3;font-weight:600}
.prepare-overview16 .plan-metrics em{font-size:12px}
.prepare-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line)}
.prepare-toolbar>.btn{min-height:44px;font-size:12px}
.prepare-filters{display:flex;align-items:center;gap:4px;border:1px solid #e1e4e8;border-radius:10px;background:#f1f3f5;padding:4px}
.prepare-filters button{border:1px solid transparent;border-radius:7px;background:transparent;min-height:44px;padding:8px 20px;font-size:12px;color:#5d6874;font-weight:500}
.prepare-filters button.active{background:#ffffff;border-color:#dfe3e7;color:#141b23;box-shadow:0 1px 2px #1319210f}
.prepare-saving-neutral{display:flex;align-items:center;gap:8px;font-size:12px;color:#69747f;padding:4px 4px 12px}
.prepare-savings{border:1px solid #c5cad0;border-radius:12px;background:#f3f4f6;margin-bottom:16px;overflow:hidden}
.prepare-savings>summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;min-height:64px;color:#141b23}
.prepare-savings>summary::-webkit-details-marker,.prepare-disclosure>summary::-webkit-details-marker{display:none}
.prepare-savings>summary>span:nth-child(2){display:grid;gap:2px}
.prepare-savings>summary strong{font-size:15px;font-weight:600}
.prepare-savings>summary small{font-size:12px;color:#161e26}
.prepare-savings>summary>.icon{margin-inline-start:auto;transition:transform .15s}
.prepare-savings[open]>summary>.icon{transform:rotate(180deg)}
.prepare-saving-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e3e6ea}
.prepare-savings-body{border-top:1px solid #d7dadf;padding:16px;background:#f9fafc}
.prepare-saving-group+ .prepare-saving-group{margin-top:20px;padding-top:16px;border-top:1px solid #e1e4e8}
.prepare-saving-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.prepare-saving-group>header h3{font-size:13px;color:#444f5b;font-weight:600}
.prepare-saving-group>header>span{font-size:12px;color:#68737e}
.prepare-patterns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.prepare-pattern{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;border:1px solid #e1e4e8;border-radius:12px;background:#ffffff;padding:16px;min-width:0;align-items:start}
.prepare-pattern-image{min-width:0;height:210px;border-radius:7px;background:#f8f9fa;display:grid;place-items:center;padding:4px}
.prepare-pattern-image svg{height:100%;width:100%;max-height:210px}
.prepare-pattern-copy{min-width:0}
.prepare-pattern-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:13px}
.prepare-pattern-heading .badge{font-size:12px}
.prepare-recipe{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.prepare-recipe li{display:flex;align-items:baseline;gap:8px;min-width:0;font-size:12px;line-height:1.45}
.prepare-recipe li>i{width:8px;height:8px;border-radius:2px;flex-shrink:0}
.prepare-recipe li>span{min-width:0;overflow-wrap:anywhere}
.prepare-recipe b{font-size:12px;font-weight:600}
.prepare-recipe small{display:block;color:#747e89;font-size:12px}
.prepare-pattern-copy>p{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #eff1f3;margin-top:12px;padding-top:8px;font-size:12px;color:#616c77}
.prepare-pattern-copy>p>b{font-weight:600;white-space:nowrap}
.prepare-pattern-rest{display:grid;gap:4px;margin:8px 0;font-size:12px;color:#58636f;overflow-wrap:anywhere}
.prepare-pattern-rest small{font-size:12px;color:#7f8892}
.prepare-pattern-copy>.btn{min-height:44px;margin-top:4px;font-size:12px}
.preparation-list16 .prepare-list-heading{margin-bottom:8px;min-height:44px;gap:12px}
.prepare-list-heading h2{font-size:16px;font-weight:600}
.prepare-list-heading h2>span{font-size:12px;font-weight:500;color:#7e8791}
.prepare-list-heading .labels-toggle{font-size:12px;min-height:44px;margin:0}
.prepare-list-heading .labels-toggle input{height:20px;width:20px;accent-color:#141b23}
.prepare-record-group+ .prepare-record-group{margin-top:24px}
.prepare-group-heading{display:flex;align-items:center;gap:8px;margin:0 1px 8px;color:#6d7782}
.prepare-group-heading h3{font-size:12px;font-weight:600;letter-spacing:.4px}
.prepare-group-heading>span{background:#e9ebef;border-radius:7px;padding:1px 8px;font-size:12px}
.prepare-item.enhanced.prepare-item16{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:0;padding:0;border:1px solid #e1e4e8;border-radius:12px;overflow:hidden;align-items:stretch;margin-bottom:8px;background:#ffffff}
.prepare-item16.is-ready{border-color:#b6bcc3}
.prepare-disclosure{min-width:0}
.prepare-disclosure>summary{list-style:none;display:grid;grid-template-columns:70px minmax(0,1fr) auto 16px;align-items:center;gap:16px;cursor:pointer;padding:12px 16px;min-height:86px}
.prepare-mini-picture{width:70px;height:58px;padding:4px;background:#f7f8f9;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.prepare-mini-picture svg{width:100%!important;height:100%!important;max-height:none;min-width:0;object-fit:contain}
.prepare-row-copy{display:grid;gap:4px;min-width:0}
.prepare-name{display:flex;align-items:center;gap:12px;min-width:0}
.prepare-name>strong{font-size:15px;line-height:1.4;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prepare-name .badge{font-size:12px;padding:4px 8px;margin:0;flex-shrink:0}
.prepare-row-copy>small{font-size:12px;color:#747e89;line-height:1.4}



.prepare-row-chevron{color:#949ca5;transition:transform .15s}
.prepare-disclosure[open]>summary .prepare-row-chevron{transform:rotate(180deg)}





.prepare-expanded{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:16px;border-top:1px solid #ebedf0;background:#fdfdfe;align-items:start}



.prepare-expanded-properties{min-width:0}
.prepare-item16 .prepare-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.prepare-item16 .prepare-detail-grid small{font-size:12px;margin-bottom:4px;color:#747e89}
.prepare-item16 .prepare-detail-grid strong{font-size:12px;font-weight:600}



.prepare-cut-report{border:1px solid #e3e6ea;background:#ffffff;border-radius:10px;padding:12px}
.prepare-cut-report h4{font-size:12px;font-weight:600;color:#5b6672}
.prepare-report-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.prepare-report-heading>strong{font-size:12px;font-weight:600;color:#48535e}
.prepare-report-table{overflow:auto}
.prepare-report-table table{width:100%;border-collapse:collapse;font-size:12px;text-align:start}
.prepare-report-table th{color:#7e8791;font-size:12px;font-weight:500;padding:8px 8px;border-bottom:1px solid #e7e9ed;text-align:start;vertical-align:top;white-space:nowrap}
.prepare-report-table td{padding:8px 8px;border-bottom:1px solid #eff1f3;color:#525d68;vertical-align:top}
.prepare-report-table th:first-child,.prepare-report-table td:first-child{padding-inline-start:0}
.prepare-report-table td:nth-child(-n+3){white-space:nowrap}
.prepare-report-table tbody tr:last-child td{border-bottom:0}




.prepare-coil-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.prepare-coil-links>.btn{min-height:44px;font-size:12px}
@media(max-width:1100px){.prepare-overview16 .plan-metrics{gap:12px;padding:12px 16px}.prepare-overview16 .plan-metrics strong{font-size:17px}.prepare-overview16 .plan-metrics small{font-size:12px}.prepare-item.enhanced.prepare-item16{grid-template-columns:minmax(0,1fr) 112px}.prepare-disclosure>summary{gap:12px;padding:12px 12px;grid-template-columns:60px minmax(0,1fr) auto 14px;min-height:80px}.prepare-mini-picture{width:60px;height:54px}.prepare-name{gap:8px;flex-wrap:wrap}.prepare-name .badge{font-size:12px;padding:2px 4px}.prepare-expanded{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px}.prepare-item16 .prepare-detail-grid{gap:8px}.prepare-patterns{grid-template-columns:1fr}.prepare-pattern{grid-template-columns:100px minmax(0,1fr)}.prepare-pattern-image{height:190px}}
@media(max-width:760px){.prepare-overview16 .plan-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.prepare-toolbar{padding:8px 12px;gap:8px;flex-wrap:wrap}.prepare-filters{flex:1}.prepare-filters button{padding-inline:12px;flex:1}.prepare-toolbar>.btn{flex-shrink:0}.prepare-name>.badge{display:none}.prepare-expanded{grid-template-columns:1fr}.prepare-expanded-properties{width:100%}.prepare-item16 .prepare-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prepare-report-table th{white-space:normal}.prepare-patterns{grid-template-columns:1fr}.prepare-savings-body{padding:12px}}
@media(max-width:520px){.prepare-item.enhanced.prepare-item16{grid-template-columns:minmax(0,1fr) 76px}.prepare-disclosure>summary{grid-template-columns:42px minmax(0,1fr) 12px;gap:8px;padding:12px;min-height:84px}.prepare-mini-picture{width:42px;height:50px}.prepare-name>strong{font-size:12px}.prepare-row-copy>small{font-size:12px}.prepare-record-group+ .prepare-record-group{margin-top:20px}.prepare-list-heading h2{font-size:15px}.prepare-list-heading .labels-toggle{font-size:12px;gap:8px}.prepare-overview16 .plan-metrics strong{font-size:17px}.prepare-overview16 .plan-metrics small{font-size:12px}.prepare-toolbar>.btn{flex:1;font-size:12px}.prepare-toolbar .prepare-filters{width:100%;flex-basis:100%}.prepare-item16 .prepare-detail-grid{grid-template-columns:1fr 1fr}.prepare-cut-report{padding:12px}.prepare-report-table td,.prepare-report-table th{padding-inline:4px;font-size:12px}.prepare-report-heading>strong{font-size:12px}.prepare-recipe b{font-size:12px}.prepare-pattern{grid-template-columns:75px minmax(0,1fr);gap:12px;padding:12px}.prepare-pattern-image{height:170px}.prepare-pattern-heading{font-size:12px}.prepare-pattern-heading .badge{font-size:12px}.prepare-saving-group>header>span{font-size:12px}}

.profile-header-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:12px;position:relative;z-index:6}.profile-header-strip>.profile-context{margin:0;display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0;background:#ffffff;border:1px solid #e1e4e8;padding:8px 12px;border-radius:12px}.profile-header-strip .profile-context-copy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 8px;min-width:0}.profile-header-strip .profile-context-copy>small{flex-basis:100%;font-size:12px;color:#616c77}.profile-header-strip .context-navigation{display:flex;gap:8px;align-items:center}.profile-header-strip .quick-library{position:absolute!important;top:100%;inset-inline:0;border:1px solid #dfe3e7!important;border-radius:12px!important;padding:12px!important;background:white!important;box-shadow:0 14px 28px #222c360f}.profile-work17{grid-template-columns:minmax(0,1fr) minmax(245px,300px)}.profile-work17 .panel-head .actions-inline{gap:12px}.profile-properties17 .panel-body{padding:16px}.profile-properties17 .field{margin-bottom:12px}.profile-properties17 .field>span{font-size:12px}.profile-properties17 input,.profile-properties17 :is(select,.app-select28){min-height:44px}.profile-properties17 .profile-lengths17{border-top:1px solid #e5e8ec;padding-top:12px;margin-top:16px}.measurement-save17{min-width:164px}.template-picker17 section{margin-top:20px}.template-picker17 h3{font-size:12px;color:#66707c;margin-bottom:8px}.template-picker17 section>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.template-picker-item17{min-width:0;min-height:145px;padding:12px;border:1px solid #e1e4e8;border-radius:12px;background:#f9fafc;display:flex;flex-direction:column;gap:4px;align-items:start;text-align:start}.template-picker-item17:hover{background:#f3f4f6;border-color:#8e969f}.template-picker-item17 svg{width:100%;height:78px;min-height:0}.template-picker-item17 strong{font-size:12px}.template-picker-item17 small{font-size:12px;color:#6e7883}.template-picker-item17[hidden],.template-picker17 section[hidden]{display:none}.profile-sketch17 .vertex-hit{stroke:none!important;fill:transparent!important}.profile-sketch17 .profile-vertex{stroke:#3f5873!important;fill:#ffffff!important;outline:none!important;box-shadow:none!important;filter:none!important}.profile-sketch17 .profile-vertex:focus-visible{stroke:#39516b!important;stroke-width:3!important}.profile-sketch17 .profile-angle rect{fill:#f2f4f6;stroke:#d2dae3}.profile-sketch17 .profile-dimension rect{fill:#ffffff;stroke:#e1e4e9}.profile-sketch17 .profile-angle:hover rect,.profile-sketch17 .profile-dimension:hover rect{fill:#eaeef2;stroke:#546d88}.profile-sketch17 .profile-angle text,.profile-sketch17 .profile-dimension text{fill:#344b64;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}.profile-sketch17 .hem-detail17 rect{fill:#f8f9fb;stroke:#d4dce4}.profile-sketch17 .hem-detail17 text{font-size:9px;fill:#3f5974}
@media(max-width:1100px){.profile-work17{grid-template-columns:minmax(0,1fr) minmax(225px,260px)}.profile-header-strip .context-navigation{gap:4px}.profile-header-strip .context-navigation .btn{font-size:12px;padding-inline:8px}.profile-header-strip .profile-context-copy>small{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-work17 .profile-edit-tools{flex-wrap:wrap}.profile-work17 .profile-edit-tools .drawing-label{flex-basis:100%}}
@media(max-width:850px){.profile-header-strip{grid-template-columns:1fr}.profile-header-strip .profile-context{padding:8px 12px!important}.profile-header-strip .quick-library{top:100%}.template-picker17 section>div{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-work17 .panel-head{flex-wrap:wrap;gap:8px}.profile-work17 .panel-head>.actions-inline{flex:1;justify-content:flex-end}}
@media(max-width:700px){.profile-work17{grid-template-columns:1fr}.profile-header-strip .profile-context{flex-wrap:wrap}.profile-header-strip .context-navigation{width:100%}.profile-header-strip .profile-context-copy>small{max-width:none}.profile-header-strip .quick-library{position:static!important}.template-picker17 section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.measurement-save17{min-width:0}}
.profile-sketch17 .profile-draw-tip:focus circle:first-of-type{stroke:none!important;fill:transparent!important}.profile-sketch17 .profile-draw-tip:focus circle:nth-of-type(2){stroke:#415b76!important;stroke-width:2!important}.profile-sketch17 .profile-draw-tip:focus-visible circle:nth-of-type(2){stroke:#354d66!important;stroke-width:3!important}
[hidden]{display:none!important}.area-profile-editor .template-properties>.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.area-profile-editor .template-properties>.field-row:first-of-type{grid-template-columns:1fr}.area-profile-editor .template-properties .field{min-width:0}
/* Keep the profile title and its single metadata line together beside 44px controls. */
.profile-header-strip .profile-context-name17{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#616c77;font-size:12px;line-height:1.35}
.shell[data-view="profile"] .profile-header-strip>.profile-context{align-items:center;padding:8px 12px;gap:12px}
.shell[data-view="profile"] .profile-header-strip .profile-context-copy{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;align-content:center;gap:2px;min-height:0;min-width:0}
.shell[data-view="profile"] .profile-header-strip .profile-context-title17{display:flex;align-items:center;min-width:0;line-height:1.25}
.shell[data-view="profile"] .profile-header-strip .profile-context-title17>.context-number{margin:0;line-height:1.25}
.shell[data-view="profile"] .profile-header-strip .profile-context-copy>small{display:block;flex-basis:auto;margin:0;line-height:1.35}
.shell[data-view="profile"] .profile-header-strip .context-navigation{align-items:center;align-self:center;gap:8px;min-height:44px}


.shell[data-view="profile"] .profile-header-strip .context-navigation>.btn{height:44px;min-height:44px;padding-block:8px;line-height:1.25;align-self:center}

/* The all-record filter shares the badge, dot, typography and hit area of every stage. */


.compact-project .project-area-disclosure>summary h2{justify-content:flex-start;gap:8px;min-width:0}
.compact-project .project-area-name{min-width:0;overflow-wrap:anywhere}
.compact-project .project-area-count{flex:0 0 auto}
.compact-project .project-area-chevron{flex:0 0 auto;width:15px;height:15px;margin:0;color:#7f8892;transition:transform .15s}
.compact-project .project-area-disclosure[open]>summary .project-area-chevron{transform:rotate(90deg)}
@media(prefers-reduced-motion:reduce){.compact-project .project-area-chevron{transition:none}}
/* Title and status stay together; the complete work-action group wraps as needed. */
.compact-project .project-toolbar17{display:grid;gap:0;padding:8px 16px;border-bottom:1px solid var(--project-border);min-width:0;background:#ffffff}






.compact-project .project-toolbar17 .btn{min-width:44px;min-height:44px;padding:8px 12px;gap:8px;font-size:12px;line-height:1.3;white-space:nowrap;box-shadow:none}
.compact-project .project-toolbar17 .btn>.icon,.compact-project .project-toolbar17 .btn>svg{width:16px;height:16px;flex-shrink:0}





.compact-project .project-toolbar17 .workflow-summary{display:flex;align-items:center;flex:0 1 194px;width:194px;min-width:145px;max-width:100%;overflow:visible;margin:0;padding:0}

.compact-project .project-status-select17[data-status="measured"]{--filter-ink:#585187;--filter-bg:#f5f6f8;--filter-active:#e8ebee;--filter-border:#dbdee3;--filter-count:#e6e8ec}
.compact-project .project-status-select17[data-status="prepared"]{--filter-ink:#a08040;--filter-bg:#f9f4e9;--filter-active:#f4ebd6;--filter-border:#ecdfbf;--filter-count:#f1e6cd}
.compact-project .project-status-select17[data-status="installed"]{--filter-ink:#437747;--filter-bg:#f5f6f8;--filter-active:#d9e9d9;--filter-border:#cee3ce;--filter-count:#d7e8d7}
.compact-project .project-status-select17{--filter-ink:#39516b;--filter-bg:#f5f6f8;--filter-active:#ebedf0;--filter-border:#dfe2e6;--filter-count:#e8eaee;position:relative;min-width:0;width:100%;margin:0}
.compact-project .project-status-select17>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:44px;margin:0;padding:8px 32px 8px 12px;list-style:none;border:1px solid var(--filter-ink);border-radius:10px;background:var(--filter-active);color:var(--filter-ink);box-shadow:inset 0 0 0 1px var(--filter-ink);font-family:inherit;font-weight:600;font-size:12px;line-height:1.35;cursor:pointer}
.compact-project .project-status-select17>summary::-webkit-details-marker{display:none}
.compact-project .project-status-select17>summary .badge{min-width:0;padding:0;background:none;color:inherit;font-size:12px;white-space:nowrap}
.compact-project .project-status-select17>summary .dot{background:var(--filter-ink)}
.compact-project .project-status-select17>summary strong{min-width:19px;padding:2px 4px;border-radius:7px;background:var(--filter-count);color:inherit;font-size:12px;text-align:center}
.compact-project .project-status-select17:after{position:absolute;inset-inline-end:13px;top:17px;width:6px;height:6px;border-inline-end:1.5px solid var(--filter-ink);border-block-end:1.5px solid var(--filter-ink);transform:rotate(45deg);content:'';pointer-events:none}
.compact-project .project-status-select17>summary:focus-visible{outline:2px solid #425c78;outline-offset:2px}
.compact-project .project-status-menu17{position:absolute;inset-inline-start:0;top:calc(100% + 6px);z-index:120;display:grid;gap:4px;width:max(100%,200px);max-width:calc(100vw - 32px);max-height:min(240px,calc(var(--app-viewport-height92,100dvh) - 120px));overflow-y:auto;padding:8px;border:1px solid #dfe2e6;border-radius:12px;background:#ffffff;box-shadow:0 10px 28px #344b640f}
.compact-project .project-status-select17.is-above>.project-status-menu17{top:auto;bottom:calc(100% + 6px)}
.compact-project .project-status-select17:not([open]) .project-status-menu17{display:none}
.compact-project .project-parts-workspace:has(.project-status-select17[open]){overflow:visible}
.compact-project .project-parts-workspace:has(.project-status-select17[open])>.project-toolbar17{border-radius:16px 16px 0 0}
.compact-project .project-parts-workspace:has(.project-status-select17[open])>.project-area-list{overflow:hidden;border-radius:0 0 16px 16px}








.compact-project .project-unassigned-section17{--project-action-inset17:8px}
.compact-project .project-unassigned-section17>.project-area-disclosure>summary{padding-inline-end:184px;min-height:calc(44px + var(--project-action-inset17) * 2)}
.compact-project .project-unassigned-section17>.project-add-area{position:absolute;inset-block-start:var(--project-action-inset17);inset-inline-end:8px;display:flex;align-items:center;justify-content:center;gap:8px;width:164px;max-width:45%;min-width:44px;height:44px;min-height:44px;padding:8px 8px;margin:0;border:1px solid #e1e4e8;border-radius:10px;background:#ffffff;color:#626d78;font-size:12px;line-height:1.25;white-space:normal;box-shadow:none}
.compact-project .project-unassigned-section17>.project-add-area>.icon{flex:0 0 16px;width:16px;height:16px}


@media(max-width:620px){
 .compact-project .project-unassigned-section17{--project-action-inset17:7px}
 .compact-project .project-toolbar17{gap:0;padding:8px 12px}
 
 
 
 .compact-project .project-toolbar17 .workflow-summary{flex:0 1 180px;width:180px;min-width:0}
 
 
 
 
 
 
 .compact-project .project-unassigned-section17>.project-area-disclosure>summary{padding-inline:12px 140px}
 .compact-project .project-unassigned-section17>.project-area-disclosure>summary h2{gap:8px;font-size:12px}
 .compact-project .project-unassigned-section17>.project-add-area{width:124px;max-width:45%;font-size:12px;padding-inline:8px;gap:4px}
}
.compact-project .v2-record.project-record17{grid-template-columns:48px minmax(0,1fr) auto;min-height:88px;gap:12px;padding-block:12px}
.compact-project .project-record17 .record-icon{grid-column:1;grid-row:auto}
.compact-project .project-record17 .record-copy{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:4px;min-width:0}
.compact-project .project-record17 .record-copy h3{flex-basis:auto;width:100%;margin:0;line-height:1.35}
.compact-project .project-record17 .record-status{display:flex;align-items:center;min-height:18px;margin:0}
.compact-project .project-record17 .record-copy>.record-facts{display:block;margin:0;font-size:12px;line-height:1.5;color:#7a848e;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.compact-project .project-record17 .record-actions{grid-column:3;grid-row:auto;align-self:center}
@media(max-width:1100px){.compact-project .project-record17 .record-edit-button{width:44px;min-width:44px;height:44px;justify-content:center;padding:12px;gap:0}.compact-project .project-record17 .record-edit-text{display:none}.compact-project .project-record17 .record-copy>.record-facts{font-size:12px}}
@media(max-width:620px){.compact-project .v2-record.project-record17{grid-template-columns:44px minmax(0,1fr);gap:8px 12px}.compact-project .project-record17 .record-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}.compact-project .project-record17 .record-copy>.record-facts{font-size:12px}}
/* Tablet and desktop: completion above editing, both remain in the project header. */
#project-form .project-name-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:0}




#project-form #location-hint:empty{display:none}
@media(min-width:621px){
 .compact-project .project-header-actions{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:8px;width:175px;min-width:175px;max-width:175px}
 .compact-project .project-header-actions>.btn{width:100%;min-width:0;height:44px;min-height:44px;justify-content:center;padding:8px 8px;white-space:normal}
 .compact-project .project-header-actions>.project-complete{order:-1}
 .compact-project .project-header-actions>.project-edit{order:0;margin:0;align-self:stretch}
}

.prepare-item17 .prepare-summary-values{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0;color:#4a5561}
.prepare-summary-values>span{display:grid;gap:4px;font-size:12px;line-height:1.4}
.prepare-summary-values small{font-size:12px;color:#7c858f}
.prepare-summary-values strong,.prepare-summary-values b{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.prepare-summary-sheets>span{white-space:nowrap;font-size:12px}
.prepare-item17 .prepare-expanded17{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.prepare-readonly-drawing{display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;min-height:280px;margin:0;padding:16px;border:1px solid #e3e6ea;border-radius:10px;background:#ffffff}
.prepare-readonly-drawing>div{display:grid;align-items:center;flex:1;min-width:0;pointer-events:none;user-select:none}
.prepare-readonly-drawing svg{display:block;width:100%!important;height:auto!important;min-height:240px;max-height:420px;overflow:visible;pointer-events:none}
.prepare-readonly-drawing .profile-draw-tip{display:none}
.prepare-readonly-drawing figcaption{margin-top:8px;text-align:center;font-size:12px;color:#747e89}
.prepare-item17 .prepare-rest-mm{white-space:normal!important;min-width:120px;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.prepare-item17 .prepare-summary-values{gap:12px}.prepare-summary-values strong,.prepare-summary-values b{font-size:12px}.prepare-summary-sheets>span{font-size:12px}.prepare-item17 .prepare-expanded17{gap:12px}.prepare-readonly-drawing{padding:8px;min-height:260px}.prepare-readonly-drawing svg{min-height:220px}.prepare-item17 .prepare-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.prepare-item17 .prepare-disclosure>summary{grid-template-columns:48px minmax(0,1fr) 14px;gap:8px 12px}.prepare-item17 .prepare-mini-picture{grid-column:1;grid-row:1/3;width:48px}.prepare-item17 .prepare-row-copy{grid-column:2}.prepare-item17 .prepare-row-chevron{grid-column:3;grid-row:1/3}.prepare-item17 .prepare-summary-values{grid-column:2;justify-content:flex-start;gap:16px;flex-wrap:wrap}.prepare-summary-values>span{gap:2px}.prepare-summary-sheets{display:flex!important;align-items:center;flex-wrap:wrap;gap:4px 8px!important}.prepare-item17 .prepare-expanded17{grid-template-columns:1fr}.prepare-readonly-drawing{min-height:230px}.prepare-readonly-drawing svg{min-height:210px;max-height:310px}}

.library-drag-source17{display:none!important}
.library-record-drag-card,.library-group-ghost17{z-index:1400}
.quick-favorite-dragging,.quick-favorite-dragging *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}
.library-group-dragging17,.library-group-dragging17 *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}
.library-group-list17{display:grid;gap:8px;max-height:48vh;overflow:auto;overscroll-behavior:contain;padding:2px 4px 12px}
.library-groups17 .library-group-row17{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;align-items:center;gap:8px;min-height:64px;padding:8px;border:1px solid #e3e6ea;border-radius:10px;background:#fbfcfd}
.library-group-copy17{display:grid;gap:4px;min-width:0}
.library-group-copy17>strong{font-size:12px;overflow-wrap:anywhere}
.library-group-copy17>small{font-size:12px;color:#7e8791}
.library-group-copy17>input{min-width:0;min-height:44px;width:100%;padding:8px 8px;font-size:12px}
.library-group-row17 .icon-btn,.library-group-row17 .btn{min-width:44px;min-height:44px}
.library-group-row17 .btn{padding:8px 12px;font-size:12px}
.library-group-drag17{touch-action:none}
.library-company-preview17{cursor:default}
.library-card-actions>[data-transfer-company-template17]{width:100%;min-width:0;min-height:44px;justify-content:flex-start;gap:8px;font-size:12px;line-height:1.35;white-space:normal;text-align:start}
/* Personal cards and company suggestions share one body; only extra actions add height. */
.shell[data-view="library"] .library-columns .library-card{display:flex;flex-direction:column;align-self:start;height:auto;min-width:0;padding:0}
.shell[data-view="library"] .library-columns .library-card-top{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;flex:0 0 60px;}
.shell[data-view="library"] .library-columns .library-card-top>.card-select{display:flex;flex-wrap:nowrap;width:100%;min-width:0;min-height:44px;margin:0}
.shell[data-view="library"] .library-columns .card-select>input{width:18px;height:18px;min-width:18px;max-width:18px;flex:none;}
.shell[data-view="library"] .library-columns .card-select>.badge{min-width:0;max-width:calc(100% - 24px);max-height:36px;overflow:hidden;white-space:normal;overflow-wrap:anywhere;line-height:12px}
.shell[data-view="library"] .library-columns .library-card-top>.actions-inline{width:44px;margin:0;justify-content:center;gap:0}
.shell[data-view="library"] .library-columns .library-card-top .favorite-toggle{width:44px;height:44px;min-width:44px!important;min-height:44px!important}
.shell[data-view="library"] .library-columns .library-load{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;width:100%;box-sizing:border-box;margin:0;border:0;background:none;color:inherit;font-family:inherit;text-align:start;}
.shell[data-view="library"] .library-columns .library-load>svg{display:block;width:100%;margin:0}
.shell[data-view="library"] .library-columns .library-load>strong{display:-webkit-box;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:13px;overflow-wrap:anywhere}
.shell[data-view="library"] .library-columns .library-load>small{display:block;min-width:0;margin:0;font-size:12px;overflow-wrap:anywhere}
.shell[data-view="library"] .library-columns .library-card-actions{flex:0 0 auto;flex-direction:column;align-items:stretch;gap:8px;margin-top:0;padding:8px 12px!important}
.shell[data-view="library"] .library-columns .library-card-actions>:is(.btn,.text-btn){flex:none;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;padding:8px 8px;font-size:12px;line-height:15px;white-space:normal;text-align:center}
.library-group-row17.group-drop-before17:before,.library-group-row17.group-drop-after17:after{position:absolute;inset-inline:3px;height:3px;background:#47627f;border-radius:4px;content:'';pointer-events:none}
.library-group-row17.group-drop-before17:before{top:-5px}.library-group-row17.group-drop-after17:after{bottom:-5px}
.library-group-row17 button:disabled{opacity:.4}
.library-groups17 .group-manager-save17{color:#141b23;background:#eff1f3;border:1px solid #c6cbd1}
.library-groups17 #library17-group-form{border-top:1px solid #e7e9ed;padding-top:16px}
/* Collection headings contain one line; do not reserve the old subtitle space. */
.shell[data-view="library"] .library-columns>.library-collection>.collection-heading{min-height:0;height:auto;margin:0;padding:0 2px 8px}
.shell[data-view="library"] .library-columns>.library-collection>.collection-heading>h2{margin:0;line-height:1.35}
.shell[data-view="library"] .library-columns>.library-collection>.library-grid,.shell[data-view="library"] .library-columns>.library-collection>.collection-empty{margin-block-start:0}
@media(min-width:901px){.shell[data-view="library"] .library-workspace{grid-template-columns:224px minmax(0,1fr)}}
@media(max-width:520px){.library-groups17 .library-group-row17{gap:4px;padding:8px;grid-template-columns:44px minmax(0,1fr) auto 44px}.library-group-row17 .btn{font-size:12px;padding-inline:8px}.library-group-copy17>strong{font-size:12px}}

/* An original notebook workspace: restrained paper chrome and focused tools. */
.notebook17{background:#e9ebef;border-radius:16px!important;border-color:#dde0e5!important;box-shadow:0 2px 10px #222c3606}
.notebook17 [hidden]{display:none!important}
.notebook17 .note-document-head{padding:8px 16px;gap:8px;border-color:#e3e6ea;background:#fbfcfd;min-height:58px}
.note-document-icon{display:grid;place-items:center;width:30px;height:36px;color:#656f7b;flex-shrink:0}
.notebook17 .note-name input{border:0;background:transparent!important;box-shadow:none!important;padding-inline:4px!important;font-size:15px!important;font-weight:600;letter-spacing:-.2px;min-height:44px}
.notebook17 .note-document-head .btn{font-size:12px;border-radius:10px;min-height:42px}
.notebook17 .note-document-head .icon-btn{border:0;background:transparent;width:42px;height:44px;color:#656f7b}
.notebook17 .notebook-toolbar{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px;padding:4px 12px 8px;min-height:72px;background:#ffffff;border-bottom:1px solid #dbdee3;box-shadow:0 3px 7px #2d374205;z-index:7;overflow:visible}
.notebook17 .note-tools{display:flex;gap:2px;min-width:0}
.note-tool-button{position:relative;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#66707c;border-radius:10px;min-width:55px;height:58px;padding:4px 8px;line-height:1.1;flex-shrink:0}
.note-tool-button>span{display:grid;place-items:center}
.note-tool-button .icon{width:23px;height:23px;stroke-width:1.65}
.note-tool-button>small{font-size:12px;white-space:nowrap;font-weight:500}
.note-tool-button .note-tool-caret{position:absolute;right:3px;top:11px;width:8px;height:8px;opacity:.5;stroke-width:2}
.note-tool-button.active{color:#141b23;background:#eff1f3;box-shadow:inset 0 -2px 0 #161e26}
.note-tool-button:hover{background:#f3f4f6;color:#3e4854}
.note-toolbar-divider{height:31px;width:1px;background:#e5e8ec;margin:0 8px;flex-shrink:0}
.note-quick-colors{display:flex;align-items:center;gap:0}
.notebook17 .color-swatch{display:grid;place-items:center;width:42px;height:44px;padding:0;position:relative;background:transparent;border:0;border-radius:10px;outline:0}
.notebook17 .color-swatch:before{content:'';width:21px;height:21px;background:var(--swatch);border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #e2e5e9}
.notebook17 .color-swatch.active:before{box-shadow:0 0 0 2px #4b6682;outline:2px solid white;outline-offset:1px}
.note-tool-options{position:absolute;top:calc(100% + 5px);left:16px;width:320px;max-width:calc(100% - 20px);max-height:min(520px,65dvh);overflow:auto;padding:16px;border:1px solid #dbdee3;border-radius:16px;background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 14px 45px #232d370f,0 2px 7px #212b350f;color:#3e4854;text-align:start;animation:note-menu-in .14s ease-out}
.note-tool-options h3{font-size:13px;font-weight:600;margin:0 0 12px;letter-spacing:-.1px}
.note-tool-options .field{margin-bottom:12px}
.note-tool-options .field>span{font-size:12px;margin-bottom:4px}
.note-tool-options .field :is(select,.app-select28){height:44px;font-size:13px}
.note-range-label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px;color:#6c7681;margin-bottom:12px;align-items:center}
.note-range-label output{font-size:12px;color:#141b23;font-weight:600;background:#f1f3f5;border-radius:7px;padding:4px 8px}
.note-range-label input{grid-column:1/-1;width:100%;height:44px;margin:0;accent-color:#151d25;box-shadow:none!important}
.note-width-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.note-width-presets button{border:1px solid #e1e4e8;border-radius:7px;background:#f9fafc;min-height:44px;display:grid;place-items:center}
.note-width-presets i{width:32px;border-radius:7px;background:#141b23;max-height:13px}
.note-palette{display:flex;flex-wrap:wrap;gap:2px;border-top:1px solid #e3e6ea;padding-top:12px}
.note-custom-color{width:44px;height:44px;display:grid;place-items:center;color:#66707c;position:relative;border:1px dashed #bdc2c8;border-radius:10px;font-size:24px;cursor:pointer}
.note-custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:.03;cursor:pointer}
.note-palette .icon-btn{height:44px;width:44px;border:0;background:#f5f6f8;color:#5d6874}
.note-paper-choices{display:flex;gap:8px;margin-bottom:16px}
.note-paper-choices>.btn{flex:1;min-height:44px;font-size:12px;padding:8px 12px}
.note-upload{width:100%;min-height:44px;font-size:12px;cursor:pointer}
.note-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.note-popover-heading .text-btn{font-size:12px;min-height:44px}
.note-sticker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.note-sticker-grid>div{position:relative;border:1px solid #e1e4e8;border-radius:10px;background:#f9fafc;min-width:0}
.note-sticker-grid>div>button:first-child{border:0;background:none;color:#55606c;padding:12px 8px;width:100%;min-height:118px;display:grid;gap:4px;align-content:start;text-align:center;font-size:12px}
.note-sticker-grid svg{height:80px;width:100%}
.note-sticker-delete{position:absolute;top:0;right:0;border:0;border-radius:7px;color:#9b3c39;background:#ffffff99;width:44px;height:44px;font-size:20px}
.note-sticker-preview{width:100%;height:180px;background:#f7f8f9;border-radius:10px}
.notebook17 .note-canvas-wrap{position:relative;padding:20px!important;background:#ebedf0;overflow:hidden;min-height:0;box-shadow:inset 0 5px 20px #2f394405}
.notebook17 .note-canvas-wrap #note-canvas{box-shadow:0 4px 14px #28323d0b;border:1px solid #d5d9de;border-radius:4px}
.notebook17 .note-selection-actions{position:absolute;padding:4px;gap:0;border:1px solid #d7dadf;box-shadow:0 5px 20px #2b353f0f;border-radius:12px;background:#fffffff5;backdrop-filter:blur(16px);z-index:5;max-width:calc(100% - 16px)}
.notebook17 .note-selection-actions>.icon-btn{height:44px;width:44px;border:0;background:none;color:#5a6571;border-radius:7px}
.note-selection-color{display:grid;place-items:center;width:44px;height:44px;padding:12px;cursor:pointer}
.note-selection-color input{width:24px;height:24px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.notebook17 .note-text-editor{position:absolute;left:24px;bottom:24px;width:340px;max-width:calc(100% - 48px);border:1px solid #d3d7dc;border-radius:12px;padding:12px;background:#fffffff5;box-shadow:0 6px 30px #28323d0f;z-index:8}
.notebook17 .note-text-editor textarea{width:100%;resize:vertical;border:1px solid #dbdee3;border-radius:7px;min-height:90px;padding:12px;font-size:15px;background:#fbfcfd}
.notebook17 .note-text-editor .actions-inline{justify-content:flex-end;margin-top:8px}
.note-calculator{position:absolute;right:23px;bottom:23px;width:292px;max-width:calc(100% - 30px);max-height:calc(100% - 30px);overflow:auto;border:1px solid #d0d5da;border-radius:16px;background:#fbfcfd;box-shadow:0 10px 40px #1219200f;z-index:8}
.note-calculator-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 4px 16px;border-bottom:1px solid #e3e6ea;background:#f5f6f8}
.note-calculator-head>strong{font-size:12px;font-weight:600;color:#545f6b}
.note-calculator-head>.icon-btn{border:0;background:none;color:#76808b;height:44px;width:44px}
.note-calculator-body{padding:12px}
.note-calculator-label{margin-bottom:8px}.note-calculator-label>span{font-size:12px}.note-calculator-label input{min-height:40px;font-size:12px}
.note-calculator-expression{width:100%;height:44px;padding:8px 12px;text-align:end;font-size:17px;font-variant-numeric:tabular-nums;border:1px solid #dbdee3;background:#ffffff;border-radius:10px;color:#38424d}
#note-calculator-result{display:block;min-height:38px;padding:8px 12px;text-align:end;color:#141a22;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}
#note-calculator-error{font-size:12px;color:#a7413e;min-height:12px;text-align:end;margin-bottom:8px}
.note-calculator-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.note-calculator-keys>button{min-height:44px;border:1px solid #e1e4e8;border-radius:10px;background:white;color:#4e5964;font-size:17px;font-weight:500;box-shadow:0 1px 2px #242e380f}
.note-calculator-keys>button:nth-child(4n){background:#f1f3f5;color:#4d5863}
.note-calculator-keys>button.equals{background:#47627f;color:white;border-color:#47627f}
.note-calculator-keys>button:active{background:#dfe3e7}
.note-calculator-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.note-calculator-actions>.btn{flex:1;min-height:44px;font-size:12px;padding:8px}
[data-note-table-cell]{cursor:pointer}
[data-note-table-cell]:focus-visible rect{fill:#e5e9ef88;stroke:#415b77;stroke-width:2}
[data-note-line-end]{cursor:move;touch-action:none}
@keyframes note-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.notebook17 .notebook-toolbar{gap:2px;padding-inline:8px}.note-tool-button{min-width:51px;padding-inline:4px}.note-tool-button>small{font-size:12px}.note-toolbar-divider{margin-inline:4px}.notebook17 .note-quick-colors .color-swatch{width:37px}.notebook17 .note-document-head{padding-inline:8px}.notebook17 .note-document-icon{display:none}.notebook17 .note-canvas-wrap{padding:12px!important}.notebook17 .note-view-controls{bottom:20px;right:20px}}
@media(max-width:760px){.notebook17 .notebook-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:2px;padding-block:4px}.notebook17 .note-tools{flex:1}.note-tool-button{height:50px;min-width:46px}.note-tool-button>small{font-size:12px}.note-tool-button .icon{width:21px;height:21px}.note-tool-button .note-tool-caret{width:7px;height:7px;top:8px;right:2px}.note-quick-colors{margin-inline-start:auto}.notebook17 .note-quick-colors .color-swatch{width:34px}.note-toolbar-divider{display:none}.notebook17 .note-tools+.note-toolbar-divider+.note-quick-colors{display:none}.notebook17 .note-canvas-wrap>.canvas-tools>[data-action=workspace-focus]{display:none}.notebook17 .note-document-head .btn{font-size:12px;min-height:44px;padding:8px 12px}.notebook17 .note-canvas-wrap{padding:8px!important}.note-tool-options{max-height:55dvh}.note-calculator{right:12px;bottom:12px}.notebook17 .note-view-controls{bottom:16px;right:16px;transform:none}}
@media(max-width:520px){.notebook17 .note-document-head{flex-wrap:nowrap;padding:4px 8px;gap:4px}.notebook17 .note-name{flex:1;min-width:40px}.notebook17 .note-name input{font-size:12px!important}.notebook17 .note-document-head .btn{font-size:0;width:44px;padding:8px;flex:none}.notebook17 .note-document-head .btn>.icon{width:16px;height:16px;margin:0}.notebook17 .note-document-head .btn{justify-content:center;gap:0}.notebook17 .note-tools{width:100%;flex-basis:100%;justify-content:space-around}.notebook17 .notebook-toolbar{justify-content:flex-end;padding:4px 4px;min-height:100px}.notebook17 .notebook-toolbar>.note-tool-button{height:44px;min-width:57px;flex-direction:row;gap:4px}.notebook17 .notebook-toolbar>.note-tool-button>small{font-size:12px}.notebook17 .notebook-toolbar>.note-tool-button>.note-tool-caret{display:none}.notebook17 .note-canvas-wrap{padding:4px!important}.note-tool-options{left:5px!important;max-width:calc(100% - 10px);width:315px;padding:12px}.note-calculator{right:8px;bottom:8px;max-width:calc(100% - 16px);max-height:calc(100% - 16px)}.notebook17 .note-view-controls{bottom:11px;right:11px}.notebook17 .note-text-editor{left:8px;bottom:8px;max-width:calc(100% - 16px)}.note-sticker-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){.note-tool-options{animation:none}}
/* Legacy canvas rules must never impose paper dimensions on toolbar SVGs. */
.notebook17 .note-canvas-wrap svg:not(#note-canvas){min-height:0!important;max-height:none!important;box-shadow:none;border:0;border-radius:0}
.notebook17 .note-canvas-wrap .icon{min-width:20px!important;width:20px!important;height:20px!important;min-height:0!important;max-height:20px!important;box-shadow:none!important;border:0!important;border-radius:0!important}
.notebook17 .note-selection-actions{align-items:center;flex-wrap:nowrap;width:max-content;height:52px;min-height:52px;max-height:52px;overflow:visible}
.notebook17 .note-selection-actions>.icon-btn,.notebook17 .note-selection-actions>.note-selection-color,.notebook17 .note-calculator-head>.icon-btn{display:grid;place-items:center;flex:0 0 44px;align-self:center;min-width:44px;max-width:44px;width:44px;min-height:44px;max-height:44px;height:44px;padding:12px;overflow:hidden}
.notebook17 .note-canvas-wrap{touch-action:auto}
.notebook17 .note-canvas-wrap>#note-canvas{touch-action:none}
.notebook17 .note-canvas-wrap>.note-calculator{display:flex;flex-direction:column;top:auto;bottom:8px;min-height:0;max-height:calc(100% - 16px);overflow:hidden;overscroll-behavior:contain;touch-action:pan-y}
.notebook17 .note-calculator-head{flex:0 0 54px;min-height:54px;max-height:54px}
.notebook17 .note-calculator-body{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y}
/* Narrow phones keep every tool reachable, including translated labels. Floating
   editors use the viewport rather than the shortened paper below the toolbar. */
@media(max-width:620px){
 .notebook17 .note-tools{flex-wrap:wrap;gap:2px;width:100%;flex-basis:100%;min-width:0;justify-content:stretch}
 .notebook17 .note-tools>.note-tool-button{flex:1 1 44px;min-width:44px;min-height:54px;height:auto;max-width:100%;padding:4px 2px}
 .notebook17 .note-tool-button>small{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.15}
 .notebook17 .note-document-head .note-name{min-width:0}
 .notebook17 .note-document-head .note-name input{width:100%;min-width:0}
 .notebook17 .note-document-head .btn{font-size:0!important;min-width:44px;max-width:44px;width:44px;flex:0 0 44px;padding:8px;overflow:hidden}
 .notebook17 .note-document-head .btn>.icon{width:16px;height:16px;margin:0}
 .notebook17 .note-document-head .btn{justify-content:center;gap:0}
 .notebook17 .note-palette .color-swatch{width:44px;min-width:44px;min-height:44px}
 .notebook17 .note-tool-options{position:fixed;left:8px!important;right:8px;top:auto;bottom:calc(68px + env(safe-area-inset-bottom));width:auto;max-width:calc(100% - 16px);max-height:min(440px,calc(var(--app-viewport-height92,100dvh) - 156px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y}
 .notebook17 .note-paper-choices{flex-wrap:wrap}
 .notebook17 .note-paper-choices>.btn{flex:1 1 76px;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere}
 .notebook17 .note-tool-options .btn,.notebook17 .note-tool-options .text-btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .notebook17 .note-sticker-grid>div>button:first-child>span{overflow-wrap:anywhere}
 .notebook17 .note-canvas-wrap>.note-calculator{position:fixed;top:auto;right:8px;bottom:calc(68px + env(safe-area-inset-bottom));width:292px;max-width:calc(100% - 16px);max-height:calc(var(--app-viewport-height92,100dvh) - 156px)}
 .notebook17 .note-calculator-body{padding:12px}
 .notebook17 .note-calculator-label input{min-height:44px;font-size:16px}
 .notebook17 #note-calculator-result,.notebook17 #note-calculator-error{overflow-wrap:anywhere}
 .notebook17 .note-calculator-actions>.btn{min-width:0;white-space:normal;overflow-wrap:anywhere;flex:1 1 110px}
 .notebook17 .note-text-editor{position:fixed;left:8px;bottom:calc(68px + env(safe-area-inset-bottom));width:340px;max-width:calc(100% - 16px);max-height:calc(var(--app-viewport-height92,100dvh) - 156px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y}
 .notebook17 .note-text-editor textarea{font-size:16px;min-height:80px;max-height:40dvh}
 .notebook17 .note-text-editor .actions-inline{flex-wrap:wrap;gap:8px}
 .notebook17 .note-text-editor .btn{min-height:44px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;flex:1 1 100px}
}

.area-work-grid17{--area-panel-height:clamp(550px,calc(var(--app-viewport-height92,100dvh) - 186px),900px);align-items:start!important}
.shell[data-view=area] .area-work-grid17>#area-preview,.shell[data-view=area] .area-work-grid17>#area-form{height:var(--area-panel-height);display:flex;flex-direction:column;min-height:0}
.shell[data-view=area] .area-work-grid17>#area-preview:has(.area-strip-details[open]){height:auto;min-height:var(--area-panel-height)}
.shell[data-view=area] .area-work-grid17>#area-preview:has(.area-strip-details[open]) #area-drawing{height:calc(var(--area-panel-height) - 190px);flex:none}
.shell[data-view=area] .area-work-grid17>#area-form .panel-body{max-height:none;min-height:0;flex:1;padding:12px;overflow:auto}
.shell[data-view=area] .area-work-grid17>#area-preview>.panel-head,.shell[data-view=area] .area-work-grid17>#area-form>.panel-head{flex:none;min-height:48px}
.shell[data-view=area] .area-work-grid17 #area-drawing{height:auto;min-height:260px;flex:1;padding:8px 12px}
.area-work-grid17 .area-bottom-tools,.area-work-grid17 .area-summary,.area-work-grid17 .area-strip-details{flex:none}
.area-work-grid17 .area-summary strong{font-variant-numeric:tabular-nums}
.area-strip-list17>summary{min-height:44px;list-style:none;cursor:pointer}
.area-strip-list17>summary::-webkit-details-marker{display:none}
.area-strip-list17:not([open])>summary{border-bottom:0}
.area-strip-list17 .strip-list-chevron17{width:16px;height:16px;flex:none;color:#727c87}
.area-strip-list17[open] .strip-list-chevron17{transform:rotate(90deg)}
.area-strip-details>summary{list-style:none}
.area-strip-details>summary::-webkit-details-marker{display:none}
.area-strip-details>summary>.area-strip-chevron17{width:16px;height:16px;flex:none;margin-inline-start:auto;color:#727c87}
.area-strip-details[open]>summary>.area-strip-chevron17{transform:rotate(90deg)}
.shell[data-view=area] .area-unit-choice :is(select,.app-select28){font-size:12px;min-height:36px!important;min-width:72px;border-radius:10px;padding:4px 12px!important;background:#f7f8f9}
.shell[data-view=area] .area-work-grid17 #area-form .field-row{gap:12px}
.shell[data-view=area] .area-work-grid17 #area-form .field{margin-bottom:12px}
.shell[data-view=area] .area-work-grid17 #area-form .geometry-tabs{padding-top:2px;margin-bottom:12px}
.area-work-grid17 .area-material-row{padding-bottom:4px;border-bottom:1px solid #eff1f3;margin-bottom:12px}
.area-work-grid17 .area-primary-dimensions{margin-bottom:2px}
.area-work-grid17 .area-edge-allowances{padding-top:8px;border-top:1px solid #eff1f3}
.shell[data-view=area] .area-work-grid17 #area-form .area-break-button{margin-bottom:12px}
.area-work-grid17 .area-break-fields{padding:8px 12px 0;background:#f7f8f9;border:1px solid #e9ebef;border-radius:10px;margin-bottom:12px}
.area-profile-choices{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.area-profile-choice{display:flex;align-items:center;gap:4px;background:#f8f9fa;border:1px solid #e7e9ed;border-radius:10px;min-width:0}
.area-profile-open{min-width:0;flex:1;border:0;background:transparent;min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;text-align:start;padding:8px 12px;color:#444e5a}
.area-profile-open>span{font-size:12px;line-height:1.3;color:#69747f}.area-profile-open>strong{font-size:12px;line-height:1.4;grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-profile-open>.icon{grid-column:2;grid-row:1/3;align-self:center;width:14px;height:14px;color:#878f99}
.area-profile-choice>.icon-btn{width:40px;min-width:40px;color:#7f8892;flex:none}
.shell[data-view=area] .area-work-grid17 .measure-detail-fields>.field{width:100%}.shell[data-view=area] .area-work-grid17 .measure-seam-details{margin-top:2px}
.area-active-edge-glow{filter:drop-shadow(0 0 4px #b9805a66)}
/* SVG polygons do not inherit the tap/focus treatment of native buttons. */
.shell[data-view=area] #area-drawing polygon[data-strip]{-webkit-tap-highlight-color:transparent;outline:none}
.shell[data-view=area] #area-drawing polygon[data-strip]:focus-visible{stroke:#3d5671;stroke-width:2.4;vector-effect:non-scaling-stroke}
.shell[data-view=area] #area-results tr[data-strip]:focus-visible{outline:2px solid #151d25;outline-offset:-2px}
.shell[data-view=area] #area-preview .area-bottom-tools,.strip-zoom-modal .area-bottom-tools{padding-block:8px;min-height:56px}
.shell[data-view=area] #area-preview .area-bottom-tools>[data-action=enlarge-area],.strip-zoom-modal .area-bottom-tools>[data-action=enlarge-area]{height:36px;min-height:36px;padding-block:4px}
@media(max-width:620px){.shell[data-view=area] #area-preview .area-bottom-tools>[data-action=enlarge-area],.strip-zoom-modal .area-bottom-tools>[data-action=enlarge-area]{height:auto;min-height:44px}}
.area-profile-editor .area-profile-picker{padding:0 12px 12px}.area-profile-editor .template-properties>.field-row:first-of-type{display:block}.area-profile-editor .template-properties>[hidden]{display:none!important}
.area-profile-empty{padding:20px;text-align:center;font-size:13px;line-height:1.5;color:#66707c}.area-profile-empty>.icon{display:block;margin:0 auto 16px;width:30px;height:30px}.area-profile-empty strong{display:block;margin-top:8px;color:#444e5a}
@media(max-width:739px){.area-work-grid17{--area-panel-height:580px}.shell[data-view=area] .area-work-grid17>#area-preview{height:520px}.shell[data-view=area] .area-work-grid17>#area-form{height:auto;max-height:none}.shell[data-view=area] .area-work-grid17>#area-form .panel-body{overflow:visible}.shell[data-view=area] .area-work-grid17 #area-form .field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.area-profile-editor .template-properties{display:block}.area-profile-editor .template-properties>.field-row{display:grid;grid-template-columns:1fr 1fr}}

/* Settings stay scannable: account controls, shared defaults, then five sections. */
.shell[data-view="settings"] .page{max-width:1180px}
.shell[data-view="settings"] .page-heading{margin-bottom:16px}
.shell[data-view="settings"] .page-heading>.btn{min-height:44px;font-size:12px}
.settings-form17{display:grid;gap:16px;min-width:0}
.settings-top17{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.settings-top17>.panel,.settings-defaults17,.settings-password17{border-color:#e1e4e8;border-radius:12px;box-shadow:0 1px 3px #202a3404;min-width:0}
.settings-top17 .panel-head,.settings-defaults17>.panel-head{min-height:46px;padding:12px 16px;gap:12px;background:#fbfcfd;border-bottom:1px solid #e7e9ed;flex-wrap:nowrap}
.settings-top17 .panel-head h2,.settings-defaults17>.panel-head h2{font-size:12px;font-weight:600;line-height:1.4;letter-spacing:0;min-width:0}
.settings-top17 .panel-head .icon,.settings-defaults17>.panel-head>.icon{color:#838c96;flex-shrink:0;width:16px;height:16px}
.settings-top17 .panel-body{padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center}
.settings-form17 .field{margin-bottom:0;min-width:0}
.settings-form17 .field>span{font-size:12px;font-weight:500;color:#616c77;line-height:1.4;margin-bottom:4px}
.settings-form17 .field input,.settings-form17 .field :is(select,.app-select28){min-height:44px;height:44px;padding:8px 12px;border-radius:10px;font-size:13px;border-color:#dfe3e7;background:#ffffff;min-width:0;width:100%}
.settings-form17 .field input[readonly]{color:#747e89;background:#f7f8f9}
.settings-language17{min-width:108px;max-width:155px;flex-shrink:0}
.settings-language17 :is(select,.app-select28){width:100%;height:44px;border:1px solid #dfe3e7;background:white;border-radius:10px;padding:8px 24px 8px 12px;color:#4c5762;font-size:12px}
.settings-interaction17 .panel-head{min-height:46px;padding-block:4px}
.settings-form17 .setting-toggle{margin:0;min-height:44px;gap:8px;font-size:12px;align-items:center;white-space:normal;line-height:1.45;min-width:0}
.settings-form17 .setting-toggle input{height:20px;width:20px;min-width:20px;margin:0;accent-color:#151d25;flex-shrink:0}
.settings-form17 .setting-toggle>span{white-space:normal;min-width:0;color:#55606c}
.settings-form17 .control-switch{margin:0;min-height:44px;font-size:12px;padding:8px 8px;border:1px solid #dfe3e7;border-radius:10px;gap:8px;line-height:1.4;background:#f9fafc;min-width:0;color:#55606c;text-align:start}
.settings-form17 .control-switch>span{flex-shrink:0}
.settings-app-defaults17{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;padding:16px 16px 16px;background:#ffffff}
.settings-units17{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;grid-column:1/-1;min-width:0;margin:0;padding:12px 0 0;border:0;border-top:1px solid #e9ebef}
.settings-units17>legend{padding:0 8px 0 0;font-size:12px;font-weight:600;color:#58636f;line-height:1.4}
.settings-sections17{border-top:1px solid #e5e8ec}
.settings-defaults17 .settings-section17{margin:0;padding:0;border:0;border-radius:0;background:#ffffff}
.settings-defaults17 .settings-section17+.settings-section17{border-top:1px solid #e9ebef}
.settings-section17>summary,.settings-password17>details>summary{display:flex;align-items:center;list-style:none;gap:12px;min-height:48px;padding:12px 16px;font-size:12px;font-weight:500;color:#4e5964;cursor:pointer;line-height:1.4}
.settings-section17>summary::-webkit-details-marker,.settings-password17>details>summary::-webkit-details-marker{display:none}
.settings-section17>summary:hover,.settings-password17>details>summary:hover{background:#f8f9fa}
.settings-section-icon17{display:grid;place-items:center;width:24px;min-width:24px;height:24px;border-radius:7px;background:#f1f3f5;color:#7c858f}
.settings-section-icon17>.icon{width:15px;height:15px}
.settings-section-chevron17{margin-inline-start:auto;flex-shrink:0;width:13px;height:13px;color:#9ea5ad;transition:transform .15s}
.settings-section17[open]>summary{background:#f8f9fa;color:#141b23}
.settings-section17[open]>summary>.settings-section-chevron17,.settings-password17>details[open]>summary>.settings-section-chevron17{transform:rotate(180deg)}
.settings-defaults17 .settings-fields17{padding:12px 16px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 20px;background:#fdfdfe;border-top:1px solid #ebedf0;min-width:0}
.settings-fields17 .field{margin:0}
.settings-fields17>.settings-wide17{grid-column:1/-1;min-width:0}
.settings-fields17>.setting-toggle{min-height:44px;padding:0 0 2px}
.settings-password17{margin-top:16px}
.settings-password17>details>summary{min-height:48px;font-size:12px;padding-inline:16px}
.settings-password17>details>summary>.icon:first-child{color:#858e98;width:16px;height:16px;margin-inline:4px}
.settings-password17 .panel-body{padding:16px 16px 16px;border-top:1px solid #e9ebef}
.settings-password17 .field>span{font-size:12px;margin-bottom:4px;color:#626d78}
.settings-password17 .field input{min-height:44px;padding:8px 12px;font-size:13px;border-radius:10px}
.settings-password17 .field-row{gap:20px}
.settings-password17 .btn{min-height:44px;font-size:12px}
@media(max-width:900px){.settings-top17{gap:12px}.settings-top17 .panel-head,.settings-defaults17>.panel-head{padding-inline:12px}.settings-top17 .panel-body{padding:12px 12px;gap:12px}.settings-top17 .panel-head h2{font-size:12px}.settings-language17{min-width:105px;max-width:125px}.settings-app-defaults17{padding:16px;gap:12px}.settings-defaults17 .settings-fields17{padding-inline:16px;gap:12px}.settings-section17>summary{padding-inline:16px}}
@media(max-width:680px){.settings-top17{grid-template-columns:1fr;gap:12px}.settings-top17 .panel-head h2{font-size:12px}.settings-top17 .panel-body{padding:12px 16px;gap:12px}.settings-interaction17 .panel-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-language17{max-width:150px}.settings-app-defaults17{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px}.settings-defaults17 .settings-fields17{gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-password17 .field-row{grid-template-columns:1fr;gap:0}.settings-password17 .field input{font-size:16px}.settings-form17 .field input,.settings-form17 .field :is(select,.app-select28),.settings-language17 :is(select,.app-select28){font-size:16px}.settings-section17>summary,.settings-password17>details>summary{min-height:50px;font-size:12px}.settings-section17>summary>span:nth-child(2){overflow-wrap:anywhere}.settings-defaults17>.panel-head h2{font-size:12px}.settings-form17 .field>span{font-size:12px}.settings-form17 .setting-toggle,.settings-form17 .control-switch{font-size:12px}.shell[data-view="settings"] .page-heading>.btn{font-size:12px;padding-inline:12px}}
@media(max-width:420px){.settings-defaults17 .settings-fields17{grid-template-columns:1fr}.settings-fields17>.settings-wide17{grid-column:auto}.settings-form17 .field>span{font-size:12px}.settings-units17{gap:8px}.settings-units17 .field>span{font-size:12px}.settings-units17 .field :is(select,.app-select28){padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.settings-section-chevron17{transition:none}}
@media(max-width:620px){
 .settings-form17 .setting-toggle{width:100%;overflow:visible}
 .settings-form17 .setting-toggle input[type=checkbox]{width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;max-height:20px;padding:0;flex:0 0 20px}
 .settings-form17 .setting-toggle>span,.settings-form17 .control-switch,.settings-units17 .field>span,.settings-top17 .panel-head h2{overflow-wrap:anywhere}
 .settings-form17 .field>span{white-space:normal}
 .settings-form17 .input-unit input{padding-inline-end:36px}
 .settings-language17{min-width:0;max-width:48%;flex:0 1 150px}
 .settings-password17 .field{min-width:0}
 .settings-password17 .field input{width:100%;min-width:0}
}
@media(max-width:420px){.settings-interaction17 .panel-body{grid-template-columns:1fr}}

.company-template-target17{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-bottom:12px;padding:4px 8px;border:1px solid #e3e6ea;border-radius:10px;background:#f9fafc}
.company-template-toggle17{display:flex;align-items:center;gap:12px;min-height:44px;flex:1;cursor:pointer;color:#4a5561;font-size:12px}
.company-template-toggle17>input{width:20px;height:20px;min-width:20px;accent-color:#151c24;margin:0}
.company-template-delete17{width:44px;height:44px;min-width:44px;min-height:44px;border-color:transparent;background:transparent;color:#566f8a}
.company-template-delete17:hover{color:#973a37;background:#f4f5f8}
.area-profile-editor .company-template-target17,.area-profile-editor .company-template-scope17{display:none!important}

.project-report17[aria-busy="true"]{cursor:progress;position:relative;opacity:.72}
.project-report17.report-is-loading>.small-icon{animation:report-pulse17 1s ease-in-out infinite}
@keyframes report-pulse17{50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.project-report17.report-is-loading>.small-icon{animation:none}}

/* Stand 17: handheld overrides only. Keep this after every other app stylesheet. */
@media (max-width:620px){
 html:has(.modal-overlay),body:has(.modal-overlay){overflow:hidden;overscroll-behavior:none}
 .modal-overlay{overscroll-behavior:contain}
 .shell>.main,.shell .page,.shell .work-grid,.shell .work-grid>*{min-width:0;max-width:100%}
 .shell .page-heading,.shell .page-heading-copy,.shell .page-heading>.actions-inline{min-width:0;max-width:100%}
 .shell .page-heading>.actions-inline{flex-wrap:wrap;gap:8px}
 .shell .page-heading>.actions-inline>.btn{min-width:0;min-height:44px;white-space:normal}

 /* The two complete checkbox labels get their own space beside the focus control. */
 .shell[data-view="profile"] .profile-work17>section.panel>.panel-head,
 .template-editor-modal .template-drawing-section>.panel-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 12px;min-width:0}
 .shell[data-view="profile"] .profile-work17>section.panel>.panel-head>h2,
 .template-editor-modal .template-drawing-section>.panel-head>h3{flex:1 0 100%;min-width:0;font-size:15px;line-height:1.35}
 .shell[data-view="profile"] .profile-work17>section.panel>.panel-head>.actions-inline,
 .template-editor-modal .template-drawing-section>.panel-head>.actions-inline{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:repeat(2,minmax(44px,auto));gap:0 8px;flex:1 0 100%;width:100%;min-width:0;max-width:100%;justify-content:stretch}
 .shell[data-view="profile"] .profile-work17 .panel-head .labels-toggle,
 .template-editor-modal .template-drawing-section>.panel-head .labels-toggle{grid-column:1;min-width:0;max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.4;gap:8px;margin:0}
 .shell[data-view="profile"] .profile-work17 .panel-head .labels-toggle>input,
 .template-editor-modal .template-drawing-section>.panel-head .labels-toggle>input{flex:0 0 18px;width:18px;height:18px;min-width:18px;margin:0}
 .shell[data-view="profile"] .profile-work17>section.panel>.panel-head>.actions-inline>[data-action="workspace-focus"]{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;width:44px;height:44px;min-width:44px}
 .template-editor-modal .template-drawing-section>.panel-head>.actions-inline{grid-template-columns:minmax(0,1fr)}

 /* Tools never share a cramped horizontal row with the hint or shrink the drawing. */
 .shell[data-view="profile"] .profile-work17 .profile-edit-tools,
 .template-editor-modal .profile-edit-tools{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;justify-content:stretch;gap:4px;flex:none;min-width:0;max-width:100%;min-height:0;margin:0;padding:0}
 .shell[data-view="profile"] .profile-work17 .profile-edit-tools>.drawing-label,
 .template-editor-modal .profile-edit-tools>.drawing-label{display:flex;align-items:center;position:static;min-width:0;max-width:none;width:100%;min-height:44px;margin:0;padding:4px 48px 4px 0;padding-inline:0 48px;overflow:visible;text-overflow:clip;white-space:normal;font-size:12px;line-height:1.45;letter-spacing:0;text-transform:none}
 .shell[data-view="profile"] .profile-work17 .profile-edit-tools>.actions-inline,
 .template-editor-modal .profile-edit-tools>.actions-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;flex:none;min-width:0;max-width:100%;width:100%}
 .shell[data-view="profile"] .profile-work17 .profile-edit-tools>.actions-inline>.btn,
 .template-editor-modal .profile-edit-tools>.actions-inline>.btn{width:100%;min-width:0;max-width:100%;min-height:46px;height:auto;padding:8px;justify-content:center;gap:4px;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.3}
 .shell[data-view="profile"] .profile-edit-tools [data-switch-profile-end],
 .template-editor-modal .profile-edit-tools [data-switch-profile-end]{white-space:normal!important}
 .shell[data-view="profile"] .profile-edit-tools .measure-help,
 .template-editor-modal .profile-edit-tools .measure-help{position:absolute;inset-inline-end:0;inset-inline-start:auto;top:0;bottom:auto;margin:0;width:44px;z-index:12}
 .shell[data-view="profile"] .profile-edit-tools .measure-help>summary,
 .template-editor-modal .profile-edit-tools .measure-help>summary{width:44px;height:44px;min-width:44px;min-height:44px}
 .shell[data-view="profile"] .profile-edit-tools .measure-help>div,
 .template-editor-modal .profile-edit-tools .measure-help>div{top:44px;bottom:auto;inset-inline-end:0;inset-inline-start:auto;width:min(280px,calc(100vw - 64px));max-width:calc(100vw - 64px);white-space:normal;overflow-wrap:anywhere}
 .shell[data-view="profile"] .profile-work17 .profile-drawing,
 .template-editor-modal .profile-drawing{display:flex;flex-direction:column;gap:8px;height:auto;min-height:0;min-width:0;max-width:100%;padding:0 12px 12px;overflow:visible}
 .shell[data-view="profile"] .profile-work17 .profile-drawing #profile-svg,
 .template-editor-modal .profile-drawing #profile-svg{flex:0 0 clamp(250px,42dvh,340px);height:clamp(250px,42dvh,340px);min-height:0;min-width:0;width:100%;max-width:100%;overflow:auto;display:flex;align-items:center;justify-content:center}
 .shell[data-view="profile"] .profile-work17 .profile-drawing #profile-svg>svg,
 .template-editor-modal .profile-drawing #profile-svg>svg{display:block;min-height:0;max-height:none;flex-shrink:0}
 .workspace-focused .shell[data-view="profile"] .profile-work17 .profile-drawing{height:auto;min-height:0}
 .workspace-focused .shell[data-view="profile"] .profile-work17 .profile-drawing #profile-svg{flex-basis:max(260px,calc(var(--app-viewport-height92,100dvh) - 300px));height:max(260px,calc(var(--app-viewport-height92,100dvh) - 300px))}
 .shell[data-view="profile"] .profile-work17 .dimension-editor,
 .template-editor-modal .dimension-editor{width:228px;max-width:calc(100% - 16px);inset-inline-end:8px;inset-inline-start:auto}
 .shell[data-view="profile"] #profile-form .panel-body{max-height:none;overflow:visible}

 
 
 
 

 /* Context names and record selectors cannot affect the sketch column's width. */
 .shell[data-view="profile"] .profile-header-strip{grid-template-columns:minmax(0,1fr);min-width:0;width:100%;max-width:100%;gap:8px}
 .shell[data-view="profile"] .profile-header-strip>.profile-context{min-width:0;max-width:100%;gap:8px;flex-wrap:wrap}
 .shell[data-view="profile"] .profile-header-strip .profile-context-copy{min-width:0;max-width:100%;width:100%;gap:2px}
 .shell[data-view="profile"] .profile-header-strip .profile-context-copy>small{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 .shell[data-view="profile"] .profile-header-strip .context-navigation{display:grid;grid-template-columns:minmax(0,1fr) 120px;width:100%;min-width:0;gap:8px}
 
 
 .shell[data-view="profile"] .profile-header-strip .context-navigation>.btn{grid-column:2;grid-row:1;width:100%;min-width:0;height:44px;min-height:44px;font-size:12px;padding-inline:8px;gap:4px;white-space:normal}
 
 .shell[data-view="profile"] .profile-header-strip .quick-library{position:static!important;min-width:0;max-width:100%;padding:8px!important}
 .shell .quick-library{min-width:0;max-width:100%}
 
 
 
 .shell .quick-favorite-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;min-width:0;max-width:100%;overflow:visible;padding:2px 0}
 .shell .quick-favorite-strip>.quick-template,.shell .quick-favorite-strip>.quick-favorite-folder{min-width:0;width:100%;max-width:100%;flex-basis:auto;height:auto;min-height:44px}
 .shell .quick-favorite-strip>.quick-template{padding:8px;gap:4px;white-space:normal;text-align:start;overflow-wrap:anywhere}
 .shell .quick-favorite-strip>.quick-template>svg{width:26px;height:26px;min-width:26px;flex-shrink:0}
 .shell .quick-favorite-folder>summary{min-width:0;min-height:44px;padding:8px;gap:4px}
 .shell .quick-favorite-folder>summary>span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:12px}
 .shell .quick-favorite-menu{position:fixed;inset-inline:12px;left:12px;right:12px;top:auto;bottom:80px;width:auto;max-width:calc(100vw - 24px);max-height:min(52dvh,420px);overflow:auto}
 .shell .quick-favorite-empty{grid-column:1/-1;min-width:0;white-space:normal;overflow-wrap:anywhere}

 /* Area/front headings and lower controls wrap inside their own panel. */
 .shell[data-view="area"] .area-work-grid17>#area-preview>.panel-head,
 .compact-front-grid .panel-head{flex-wrap:wrap;min-width:0;gap:8px;padding-inline:12px}
 .shell[data-view="area"] .area-work-grid17>#area-preview>.panel-head>h2,
 .compact-front-grid .panel-head>h2{flex:1;min-width:0;overflow-wrap:anywhere}
 .shell[data-view="area"] .area-work-grid17>#area-preview>.panel-head>.actions-inline,
 .compact-front-grid .panel-head>.actions-inline{min-width:0;max-width:100%;flex-wrap:wrap;gap:4px}
 .shell[data-view="area"] .area-work-grid17 .area-bottom-tools{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 8px;padding:4px 12px}
 .shell[data-view="area"] .area-work-grid17 .area-bottom-tools>.btn{width:100%;min-width:0;min-height:44px;white-space:normal}
 .shell[data-view="area"] .area-work-grid17 .area-bottom-tools>span{grid-column:1/-1;margin:0;padding:2px 0;white-space:normal;text-align:center;line-height:1.4}
 .shell[data-view="front"] .page-heading>.actions-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 .shell[data-view="front"] .page-heading>.actions-inline>.btn{width:100%;min-width:0;min-height:44px;padding-inline:8px;font-size:12px;white-space:normal}
 .compact-front-grid .field-row,.compact-front-grid .front-window-empty,.compact-front-grid .front-profile-role{min-width:0;max-width:100%}
 .compact-front-grid .front-profile-role :is(select,.app-select28){width:100%;min-width:0;max-width:100%}
 .compact-front-grid .compact-front-site-help>p{width:min(240px,calc(100vw - 64px));max-width:calc(100vw - 64px);overflow-wrap:anywhere}

 /* Library controls stay visible; their content can wrap instead of widening the page. */
 .shell[data-view="library"] .library-toolbar,.shell[data-view="library"] .library-selection{min-width:0;max-width:100%;flex-wrap:wrap;gap:8px}
 .shell[data-view="library"] .library-toolbar>.search{width:100%;min-width:0;max-width:100%;flex:1 0 100%}
 .shell[data-view="library"] .library-selection>.actions-inline{display:flex;flex-wrap:wrap;width:100%;min-width:0;gap:8px;margin:0}
 .shell[data-view="library"] .library-selection>.actions-inline>.btn{flex:1 1 100px;min-width:0;min-height:44px;white-space:normal}
 .shell[data-view="library"] .library-workspace,.shell[data-view="library"] .library-columns,.shell[data-view="library"] .library-grid{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}
 .shell[data-view="library"] .library-folders,.shell[data-view="library"] .library-collection,.shell[data-view="library"] .library-card{min-width:0;max-width:100%}
 .shell[data-view="library"] .library-folders .folder-target{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .shell[data-view="library"] .library-card-top,.shell[data-view="library"] .card-select{min-width:0;flex-wrap:wrap}
 .shell[data-view="library"] .card-select>.badge{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .template-editor-modal .template-properties,.template-editor-modal .template-properties>.field-row,.template-editor-modal .template-properties .field{min-width:0;max-width:100%}
 .template-editor-modal .company-template-target17{grid-column:1/-1;min-width:0;max-width:100%;margin-bottom:4px;gap:8px}
 .template-editor-modal .company-template-toggle17{min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere}
 .template-editor-modal .modal-head>h2{min-width:0;overflow-wrap:anywhere}
 .template-editor-modal .modal-footer>.btn{min-width:0;min-height:44px;white-space:normal}
}

@media (max-width:420px){
 .shell[data-view="area"] .page-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px}
 .shell[data-view="area"] .page-heading>.btn{width:100%;min-width:0;max-width:100%;min-height:44px;margin:0}
 .shell[data-view="profile"] .page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
 .shell[data-view="profile"] .page-heading>.page-heading-copy{grid-column:1;gap:4px}
 .shell[data-view="profile"] .page-heading .page-heading-copy>h1{font-size:20px;line-height:1.25}
 .shell[data-view="profile"] .page-heading>.measurement-save17{grid-column:2;grid-row:1;width:auto;min-width:0;max-width:100%;min-height:44px;margin:0;padding-inline:8px;gap:8px;font-size:12px}
 .shell[data-view="profile"] .profile-work17>section.panel>.panel-head .labels-toggle,
 .template-editor-modal .template-drawing-section>.panel-head .labels-toggle{font-size:12px}
 .shell[data-view="profile"] .profile-work17 .profile-edit-tools>.actions-inline,
 .template-editor-modal .profile-edit-tools>.actions-inline{gap:4px}
 .shell[data-view="profile"] .profile-work17 .profile-edit-tools>.actions-inline>.btn,
 .template-editor-modal .profile-edit-tools>.actions-inline>.btn{padding-inline:4px;font-size:12px}
 
 
 .template-editor-modal .template-properties{grid-template-columns:minmax(0,1fr);gap:8px;padding-inline:12px}
 .template-editor-modal .template-properties>.field-row{display:contents}
 .template-editor-modal .modal-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding-inline:12px}
 .template-editor-modal .modal-footer>.btn{width:100%;padding-inline:8px;font-size:12px}
}

/* The library and derived area-profile editor share this full-size workspace. */
.modal-overlay:has(>.template-editor-modal){padding:12px;align-items:stretch;justify-content:center}
.template-editor-modal.wide{width:calc(100dvw - 24px);max-width:none;height:calc(var(--app-viewport-height92,100dvh) - 24px);max-height:calc(var(--app-viewport-height92,100dvh) - 24px);min-height:0;margin:0;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}
.template-editor-modal>.modal-head{flex:0 0 auto;min-height:56px;padding:8px 16px;gap:12px}
.template-editor-modal>.modal-head>h2{font-size:17px;line-height:1.3;min-width:0;overflow-wrap:anywhere}
.template-editor-modal>.modal-head>.icon-btn{width:44px;height:44px;min-width:44px;flex:none}
.template-editor-modal>.modal-head>h2{padding-inline-end:60px}



.template-editor-modal>.modal-footer{flex:0 0 auto;min-height:60px;padding:8px 16px;gap:8px;align-items:center;}
.template-editor-modal>.modal-footer>.btn{min-height:44px;max-width:100%;line-height:1.3}
.template-editor-modal>.modal-body{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0;padding:12px;overflow:hidden}
.template-editor-modal .template-workspace17{flex:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,26vw,350px);gap:12px;min-width:0;min-height:0;align-items:stretch}
.template-editor-modal .template-workspace17>*{min-width:0;min-height:0}
.template-editor-modal .template-workspace17>.template-drawing-section{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;border:1px solid #e3e6ea;border-radius:16px;background:#fbfcfd;overflow:visible}
.template-editor-modal .template-drawing-section>.panel-head{min-height:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid #e7e9ed;border-radius:16px 16px 0 0;background:#ffffff}
.template-editor-modal .template-drawing-section>.panel-head>h3{flex:0 0 auto;margin:0;font-size:15px;line-height:1.3}
.template-editor-modal .template-drawing-section>.panel-head>.actions-inline{display:flex;flex:0 1 auto;grid-template-columns:none;grid-template-rows:none;align-items:center;justify-content:flex-end;gap:4px 16px;width:auto;min-width:0;max-width:100%;flex-wrap:wrap}
.template-editor-modal .template-drawing-section>.panel-head .labels-toggle{display:flex;grid-column:auto;min-height:44px;font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:normal;gap:8px;margin:0;min-width:0}
.template-editor-modal .template-drawing-section>.panel-head .labels-toggle>input{flex:0 0 18px;min-width:18px;width:18px;height:18px;margin:0}
.template-editor-modal .template-workspace17 .profile-drawing{display:flex;flex-direction:column;gap:0;height:auto;min-height:0;min-width:0;max-width:100%;padding:0 12px 8px;overflow:visible;position:relative;border-radius:0;background:#fbfcfd}
.template-editor-modal .template-workspace17 .profile-edit-tools{position:relative;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-height:58px;width:100%;min-width:0;max-width:100%;padding:12px 0 4px;margin:0;gap:0;flex-wrap:nowrap;z-index:9}
.template-editor-modal .template-workspace17 .profile-edit-tools>.actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;width:auto;min-width:0;max-width:100%;grid-template-columns:none;flex-wrap:nowrap}
.template-editor-modal .template-workspace17 .profile-edit-tools .template-tool17{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;border:1px solid #e1e4e8;border-radius:12px;background:#ffffff;color:#505b67;box-shadow:0 1px 2px #2b353f08}
.template-editor-modal .template-workspace17 .profile-edit-tools .template-tool17>.icon{width:17px;height:17px;max-height:none;margin:0}
.template-editor-modal .template-workspace17 .profile-edit-tools .template-tool17:hover:not(:disabled){background:#f3f4f6;border-color:#b5bbc2}
.template-editor-modal .template-workspace17 .profile-edit-tools .template-tool17:disabled{opacity:.35;cursor:default;box-shadow:none}
.template-editor-modal .template-workspace17 .profile-drawing #profile-svg{flex:1 1 0;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;height:100%;min-height:0;max-height:none;overflow:auto;scrollbar-gutter:auto}
.template-editor-modal .template-workspace17 .profile-drawing #profile-svg>svg{flex:0 0 auto;display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}
.template-editor-modal .template-workspace17 .dimension-editor{top:66px;inset-inline-start:auto;inset-inline-end:10px;max-width:calc(100% - 20px);z-index:10}


.template-editor-modal .template-workspace17>form{margin:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto;border:1px solid #e3e6ea;border-radius:16px;background:white;min-height:0}
.template-editor-modal .template-workspace17 .template-scope-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px 12px;border-radius:16px 16px 0 0;border-bottom:1px solid #e7e9ed;background:#f7f8f9;font-size:12px;line-height:1.45}
.template-editor-modal .template-workspace17 .template-scope-note>.icon{flex:0 0 16px;width:16px;height:16px;margin-top:1px}
.template-editor-modal .template-workspace17 .template-properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;border:0;min-width:0;max-width:100%}
.template-editor-modal .template-workspace17 .template-properties>h3{grid-column:1/-1;margin:0 0 2px;font-size:15px}
.template-editor-modal .template-workspace17 .template-properties>.field-row{display:contents}
.template-editor-modal .template-workspace17 .template-properties .field{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%;margin:0;align-self:start}
.template-editor-modal .template-workspace17 .template-properties .field:has([name="name"]),.template-editor-modal .template-workspace17 .template-properties .field:has([name="group"]),.template-editor-modal .template-workspace17 .template-properties .field:has(:is(select,.app-select28)[name="material"]){grid-column:1/-1}
.template-editor-modal .template-workspace17 .template-properties .field>span{font-size:12px;line-height:1.3;min-height:14px;white-space:normal}
.template-editor-modal .template-workspace17 .template-properties input,.template-editor-modal .template-workspace17 .template-properties :is(select,.app-select28){min-width:0;width:100%;min-height:44px;padding-block:8px;font-size:13px}
.template-editor-modal .template-workspace17 .company-template-target17{grid-column:1/-1;display:flex;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;margin:0}
.template-editor-modal .template-workspace17 .company-template-toggle17{display:inline-flex;align-items:center;flex:1 1 auto;gap:8px;min-width:0;max-width:100%;min-height:44px;font-size:12px}
.template-editor-modal .template-workspace17 .company-template-toggle17>input[type="checkbox"]{flex:0 0 22px;width:22px;min-width:22px;max-width:22px;height:22px;min-height:22px;max-height:22px;padding:0;margin:0;align-self:center}
.template-editor-modal .template-workspace17 .company-template-toggle17>span{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:break-word;word-break:normal}
.template-editor-modal .template-workspace17 .company-template-target17>.company-template-delete17{flex:0 0 44px}
.template-editor-modal .template-workspace17 .segment-details{margin:4px 0 0;border-top:1px solid #e7e9ed}
.template-editor-modal .template-workspace17 .segment-details>summary{min-height:44px;padding:8px 12px;font-size:12px}
.template-editor-modal .template-workspace17 .template-segments{padding:4px 12px 12px;min-width:0}
.template-editor-modal .template-workspace17 .template-segments>h3{display:none}
.template-editor-modal .template-workspace17 .template-segments .segment-row{grid-template-columns:22px minmax(0,1fr) minmax(0,1fr) 36px 28px;gap:4px}
.template-editor-modal .template-workspace17 .template-segments .segment-row input{min-height:40px;padding-inline:4px}
.template-editor-modal .template-workspace17 .template-segments .text-btn{min-height:44px;white-space:normal;font-size:12px}

/* A native details control keeps the structured guide usable with touch and keyboard. */
.template-editor-modal .template-workspace17 .profile-edit-tools .template-profile-help17{position:relative;inset:auto;top:auto;bottom:auto;flex:0 0 44px;width:44px;min-width:44px;margin:0;z-index:30}
.template-editor-modal .template-workspace17 .template-profile-help17>summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #e1e4e8;border-radius:12px;background:white;color:#505b67;cursor:pointer}
.template-editor-modal .template-profile-help17>summary::-webkit-details-marker{display:none}
.template-editor-modal .template-workspace17 .template-profile-help17[open]>summary{color:#141b23;border-color:#abb2b9;background:#f1f3f5}
.template-editor-modal .template-workspace17 .template-profile-help17>.template-profile-help-content17{position:absolute;inset-inline-start:auto;inset-inline-end:0;top:52px;bottom:auto;width:min(390px,calc(100dvw - 72px));max-width:calc(100dvw - 72px);max-height:min(600px,calc(var(--app-viewport-height92,100dvh) - 320px));overflow:auto;overscroll-behavior:contain;margin:0;padding:16px;border:1px solid #dde0e5;border-radius:16px;background:#ffffff;box-shadow:0 14px 50px #222c360f;color:#4f5a66;font-size:12px;line-height:1.55;white-space:normal;overflow-wrap:anywhere;z-index:30;text-align:start}
.template-editor-modal .template-profile-help-content17>h3{margin:0 0 16px;font-size:16px;line-height:1.3;color:#27323c}
.template-editor-modal .template-profile-help-content17>section+section{margin-top:12px;padding-top:12px;border-top:1px solid #e9ebef}
.template-editor-modal .template-profile-help-content17 h4{margin:0 0 4px;font-size:12px;font-weight:600;color:#353f4a}
.template-editor-modal .template-profile-help-content17 p{margin:0;font-size:12px;line-height:1.55}
.template-editor-modal .template-profile-help-content17>.template-help-footnote17{margin-top:16px;padding:12px;border-radius:10px;background:#f5f6f8;color:#5f6975;font-size:12px}
.template-editor-modal.area-profile-editor>.modal-body>.area-profile-picker{flex:0 0 auto;display:flex;align-items:center;gap:12px;margin:0;padding:0 2px}
.template-editor-modal.area-profile-editor>.modal-body>.area-profile-picker>span{flex:0 1 auto;min-width:0;font-size:12px}
.template-editor-modal.area-profile-editor>.modal-body>.area-profile-picker>:is(select,.app-select28){flex:1;min-width:0;min-height:44px;max-width:420px}
.template-editor-modal.area-profile-editor .template-workspace17 .template-properties>.field-row{display:contents}
.template-editor-modal.area-profile-editor .template-workspace17 .template-properties>[hidden],.template-editor-modal.area-profile-editor .template-workspace17 .template-properties .field[hidden]{display:none!important}

@media(max-width:760px),(orientation:portrait) and (max-width:1100px){
 .template-editor-modal>.modal-body{overflow:auto}
 .template-editor-modal .template-workspace17{flex:1 0 auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(360px,1fr) auto;height:100%;min-height:100%;gap:12px}
 .template-editor-modal .template-workspace17>form{max-height:min(42dvh,390px);min-height:0}
 .template-editor-modal .template-workspace17 .template-properties{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}
 .template-editor-modal .template-workspace17 .template-properties .field:has([name="name"]),.template-editor-modal .template-workspace17 .template-properties .field:has([name="group"]),.template-editor-modal .template-workspace17 .template-properties .field:has(:is(select,.app-select28)[name="material"]){grid-column:auto}
 .template-editor-modal .template-workspace17 .template-properties>h3{grid-column:1/-1}
 .template-editor-modal .template-workspace17 .profile-drawing #profile-svg{flex:1 1 0;height:100%;min-height:180px;max-height:none}
}
@media(max-width:620px){
 
 .modal-overlay:has(>.template-editor-modal){padding:8px}
 .template-editor-modal.wide{width:calc(100dvw - 12px);height:calc(var(--app-viewport-height92,100dvh) - 12px);max-height:calc(var(--app-viewport-height92,100dvh) - 12px);border-radius:16px}
 .template-editor-modal>.modal-head{min-height:52px;padding:4px 12px}
 .template-editor-modal>.modal-head>h2{font-size:16px}
 .template-editor-modal>.modal-body{padding:8px;gap:8px}
 .template-editor-modal .template-workspace17{height:auto;min-height:100%;grid-template-rows:minmax(420px,56dvh) auto;gap:8px}
 .template-editor-modal .template-workspace17>form{max-height:none;overflow:visible}
 .template-editor-modal .template-drawing-section>.panel-head{gap:4px 8px;padding:4px 8px}
 .template-editor-modal .template-drawing-section>.panel-head>h3{flex:0 0 auto;font-size:13px}
 .template-editor-modal .template-drawing-section>.panel-head>.actions-inline{flex:1 0 100%;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;grid-template-rows:none;grid-template-columns:none}
 .template-editor-modal .template-drawing-section>.panel-head .labels-toggle{min-height:44px;font-size:12px;line-height:1.3;gap:8px}
 .template-editor-modal .template-workspace17 .profile-drawing{padding:0 8px 8px;gap:0;overflow:visible}
 .template-editor-modal .template-workspace17 .profile-edit-tools{display:flex;min-height:56px;padding:8px 0 4px;gap:0}
 .template-editor-modal .template-workspace17 .profile-edit-tools>.actions-inline{display:flex;grid-template-columns:none;gap:4px;width:auto}
 .template-editor-modal .template-workspace17 .profile-drawing #profile-svg{height:100%;min-height:180px;flex:1 1 0}
 
 
 
 .template-editor-modal .template-workspace17 .template-properties{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}
 .template-editor-modal .template-workspace17 .template-properties .field:has([name="name"]),.template-editor-modal .template-workspace17 .template-properties .field:has([name="group"]),.template-editor-modal .template-workspace17 .template-properties .field:has(:is(select,.app-select28)[name="material"]){grid-column:1/-1}
 .template-editor-modal .template-workspace17 .template-properties input,.template-editor-modal .template-workspace17 .template-properties :is(select,.app-select28){font-size:16px}
 .template-editor-modal>.modal-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:58px;padding:8px 12px;gap:8px}
 .template-editor-modal>.modal-footer>.btn{width:100%;min-width:0;padding-inline:8px;font-size:12px;min-height:44px}
 .template-editor-modal>.modal-footer:has(>.btn:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
 .template-editor-modal>.modal-footer:has(>.btn:nth-child(3))>.btn{gap:4px}
 .template-editor-modal .template-workspace17 .template-profile-help17>.template-profile-help-content17{width:min(390px,calc(100dvw - 44px));max-width:calc(100dvw - 44px);padding:12px;max-height:min(520px,calc(var(--app-viewport-height92,100dvh) - 360px))}
 .template-editor-modal.area-profile-editor>.modal-body>.area-profile-picker{display:flex;flex-wrap:wrap;gap:4px}
 .template-editor-modal.area-profile-editor>.modal-body>.area-profile-picker>span{flex:1 0 100%;font-size:12px}
 .template-editor-modal.area-profile-editor>.modal-body>.area-profile-picker>:is(select,.app-select28){flex:1 0 100%;max-width:none;font-size:16px}
}
@media(max-width:380px){
 .template-editor-modal>.modal-footer:has(>.btn:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}
 .template-editor-modal>.modal-footer:has(>.btn:nth-child(3))>.btn.primary{grid-column:1/-1}
}

.compact-project .project-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-project .project-overview-grid .project-overview-disclosure>summary{min-height:52px;padding-inline-end:64px}
.compact-project .project-overview-grid .project-overview-disclosure>summary h2{flex:1;overflow-wrap:anywhere}
.compact-project .project-overview-grid .overview-create{width:44px;max-width:44px;padding:12px;justify-content:center;gap:0}
.compact-project .project-overview-grid .overview-create-text{display:none}
.compact-project .packing-list-links17{display:grid;gap:8px;padding:0 12px 12px;min-width:0}
.compact-project .packing-list-links17>.project-overview-link{width:100%;min-width:0;max-width:none}
.compact-project .packing-list-links17 strong{display:block;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.compact-project .packing-list-links17 small{display:block;margin-top:4px;font-size:12px;color:#7f8892}
.packing-editor17{max-width:100%;overflow:hidden}
.packing-editor17>.modal-head{min-height:58px;padding:8px 16px}
.packing-editor17>.modal-head>h2{font-size:17px}
.packing-editor17>.modal-body{padding:12px 16px;min-height:0;overflow:auto}
.packing-editor17>.modal-footer{padding:8px 16px;gap:8px}
.packing-editor17>.modal-footer>.btn{min-height:44px}
.packing-editor17 .packing-name17{margin:0 0 12px}
.packing-editor17 .packing-name17>span{font-size:12px}
.packing-editor17 .packing-name17>input{min-height:44px;font-size:15px}
.packing-dictation17{margin-bottom:12px}
.packing-dictation-actions17{display:flex;align-items:center;justify-content:space-between;gap:8px}
.packing-dictation-actions17>.btn,.packing-dictation-actions17>.text-btn{min-height:44px;font-size:12px;white-space:normal}
.packing-dictation-actions17>.btn{padding:8px 12px;gap:8px;border-color:#dde0e5;background:#f7f8f9;color:#141c24}
.packing-dictation-actions17>.btn.is-dictating{background:#f2f5f9;color:#3b546e;border-color:#afbccb}
.packing-speech-privacy17{font-size:12px;color:#7e8791;line-height:1.4;margin:4px 0 0}
.packing-speech-status17{font-size:12px;line-height:1.45;color:#3c5570;margin:8px 0 0}
.packing-speech-status17:empty{display:none}
.packing-dictation-fallback17{margin-top:8px;padding:12px;background:#f7f8f9;border:1px solid #e5e8ec;border-radius:10px}
.packing-dictation-fallback17>p{font-size:12px;line-height:1.45;color:#6d7782;margin:0 0 8px}
.packing-dictation-fallback17>div{display:flex;align-items:stretch;gap:8px}
.packing-dictation-fallback17 input{flex:1;min-width:0;min-height:44px;font-size:13px}
.packing-dictation-fallback17 .btn{flex:0 0 auto;min-height:44px;font-size:12px;padding-inline:8px}
.packing-columns17,.packing-row17{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.3fr) 44px;gap:8px;align-items:center;min-width:0}
.packing-columns17{font-size:12px;font-weight:600;color:#6d7782;margin-bottom:4px;padding-inline:2px}
#packing-rows{display:grid;gap:8px}
.packing-row17>input{min-width:0;width:100%;min-height:44px;padding:8px 12px;border:1px solid #e1e4e8;border-radius:10px;background:#ffffff;color:#343e49;}
.packing-row17>.icon-btn{width:44px;height:44px;min-width:44px;background:transparent;color:#9098a2}
.packing-row17>.icon-btn:hover{background:#f1f3f5;color:#161e26}
.packing-editor17>.modal-footer>.packing-delete17{width:44px;height:44px;min-width:44px;margin-inline-end:auto;color:#9c3c39;border:1px solid #f1d7d5;border-radius:10px}
@media(max-width:620px){
 .compact-project .project-overview-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .packing-editor17>.modal-head{padding-inline:12px}
 .packing-editor17>.modal-body{padding:12px 12px}
 .packing-editor17>.modal-footer{padding:8px 12px;gap:8px}
 .packing-editor17>.modal-footer>.btn{min-width:0;padding-inline:12px;font-size:12px}
 .packing-editor17 .packing-name17>input,.packing-row17>input,.packing-dictation-fallback17 input{font-size:16px}
 .packing-columns17,.packing-row17{grid-template-columns:minmax(0,1fr) minmax(75px,.4fr) 44px;}
 .packing-row17>input{padding-inline:8px}
 .packing-dictation-actions17>.btn,.packing-dictation-actions17>.text-btn{font-size:12px}
 .packing-dictation-fallback17>div{flex-wrap:wrap}
 .packing-dictation-fallback17 input{flex:1 1 100%}
 .packing-dictation-fallback17 .btn{flex:1;justify-content:center}
}


/* A single connected shelf grows from the upper-right favorites handle. */
.shell[data-view="profile"] .profile-header-strip{grid-template-columns:minmax(0,1fr) auto;gap:0 12px;align-items:start}
.shell[data-view="profile"] .profile-header-strip>.profile-context{margin-bottom:0}
.profile-favorites-toggle17{grid-column:2;grid-row:1;align-self:stretch;justify-self:end;min-width:225px;position:relative;z-index:2}
.profile-favorites-toggle17>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:100%;min-height:52px;padding:12px 16px;border:1px solid #dfe3e7;border-radius:12px;background:#f8f9fa;color:var(--green);font-size:12px;font-weight:600;cursor:pointer;text-align:start}
.profile-favorites-toggle17>button>.icon{width:16px;height:16px;flex-shrink:0;transition:transform .18s ease}
.favorites-expanded17 .profile-favorites-toggle17>button{border-bottom-color:#f8f9fa;border-radius:12px 12px 0 0}
.favorites-expanded17 .profile-favorites-toggle17>button>.icon{transform:rotate(180deg)}
.shell[data-view="profile"] .profile-favorites-shelf17{grid-column:1/-1;grid-row:2;min-width:0;width:100%;margin-top:-1px;border:1px solid #dfe3e7;border-radius:16px 0 16px 16px;background:#f8f9fa;padding:12px 16px 16px;box-shadow:0 8px 20px #232d3706}
.shell[data-view="profile"] .profile-favorites-shelf17[hidden]{display:none}
.shell[data-view="profile"] .profile-favorites-shelf17 .quick-library{position:relative!important;inset:auto!important;min-width:0;width:100%;max-width:none;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}


.shell[data-view="profile"] .profile-favorites-shelf17 .quick-favorite-strip{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:0;min-width:0}
.shell[data-view="profile"] .profile-favorites-shelf17 .quick-template{min-width:155px;max-width:100%;flex:0 1 auto;min-height:46px;padding:8px 16px;background:#ffffff;border-radius:12px}
.shell[data-view="profile"] .profile-favorites-shelf17 .quick-favorite-folder{flex:0 1 auto;max-width:100%}
@media(min-width:701px){
 .shell[data-view="profile"] .profile-header-strip{--profile-favorite-gap17:10px;--profile-context-radius17:12px;--profile-favorite-curve17:calc(var(--profile-context-radius17) + var(--profile-favorite-gap17));column-gap:var(--profile-favorite-gap17)}
 .shell[data-view="profile"] .profile-header-strip.favorites-expanded17{row-gap:var(--profile-favorite-gap17)}
 .shell[data-view="profile"] .favorites-expanded17>.profile-context{border-radius:var(--profile-context-radius17)}
 .shell[data-view="profile"] .favorites-expanded17>.profile-favorites-shelf17{margin-top:0}
 .favorites-expanded17>.profile-favorites-toggle17>button{position:relative;z-index:1}
 /* Extend the right-hand header through the row gap, without closing the gap below the context. */
 .favorites-expanded17>.profile-favorites-toggle17::after{content:"";position:absolute;z-index:0;pointer-events:none;inset-inline:0;top:calc(100% - 1px);height:calc(var(--profile-favorite-gap17) + 2px);border-inline:1px solid #dfe3e7;background:#f8f9fa}
 /* The inner arc offsets the context's radius by the same gap as its straight sides. */
 .favorites-expanded17>.profile-favorites-toggle17::before{content:"";position:absolute;z-index:3;pointer-events:none;inset-inline-start:calc(0px - var(--profile-favorite-curve17));bottom:calc(-2px - var(--profile-favorite-gap17));width:calc(var(--profile-favorite-curve17) + 2px);height:calc(var(--profile-favorite-curve17) + 2px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='M23.5 0 A23.5 23.5 0 0 1 0 23.5 V25 H25 V0 Z' fill='%23f5f9f6'/%3E%3Cpath d='M23.5 0 A23.5 23.5 0 0 1 0 23.5' fill='none' stroke='%23dce6e1' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
 [dir="rtl"] .favorites-expanded17>.profile-favorites-toggle17::before{transform:scaleX(-1)}
}
@media(max-width:700px){
 .shell[data-view="profile"] .profile-header-strip{grid-template-columns:minmax(0,1fr);gap:8px 0}
 .profile-favorites-toggle17{grid-column:1;grid-row:2;min-width:0;width:100%;max-width:100%;justify-self:stretch;margin-bottom:0}
 .profile-favorites-toggle17>button{min-height:44px;white-space:normal}
 .shell[data-view="profile"] .profile-favorites-shelf17{grid-row:3;margin-top:-8px;padding:12px 12px 12px;border-radius:0 0 16px 16px}
}
@media(max-width:620px){
 .profile-favorites-toggle17>button{font-size:12px;padding:12px 12px}
 .shell[data-view="profile"] .profile-favorites-shelf17 .quick-favorite-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .shell[data-view="profile"] .profile-favorites-shelf17 .quick-template{min-width:0;width:100%;white-space:normal;padding:8px;font-size:12px}
 .shell[data-view="profile"] .profile-favorites-shelf17 .quick-favorite-folder{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.profile-favorites-toggle17>button>.icon{transition:none}}

/* The architectural artwork stays on the left; account forms are unchanged. */
.login-art{isolation:isolate;background:linear-gradient(152deg,#1a232c 0%,#232d37 58%,#1c252f 100%);display:grid;grid-template-rows:auto auto minmax(180px,1fr) auto;gap:clamp(18px,3vh,34px);padding:clamp(30px,4.2vw,64px) clamp(30px,4.2vw,64px);color:#f7f8f9}
.login-art::before{z-index:0;pointer-events:none;background-image:linear-gradient(#c3c8ce07 1px,transparent 1px),linear-gradient(90deg,#c3c8ce07 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 55% 54%,#0b0f14 12%,transparent 77%);-webkit-mask-image:radial-gradient(ellipse at 55% 54%,#0b0f14 12%,transparent 77%)}
.login-art::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 54% 63%,#8d959e1a,transparent 62%),linear-gradient(112deg,#ffffff03,transparent 38%),repeating-linear-gradient(0deg,#bfc4cb02 0 1px,transparent 1px 4px)}
.login-art>*{position:relative;z-index:1}.login-art .brand{color:#f7f8f9;align-self:start}.login-art .brand-registered{color:#929aa3}.login-art .login-copy{margin-top:0;padding-top:clamp(5px,2.5vh,30px)}
.login-art .eyebrow{color:#a5acb4;letter-spacing:.16em}.login-art h1{font-size:clamp(32px,3.2vw,46px);line-height:1.17;letter-spacing:-.035em;max-width:460px}.login-art h1 em{color:#b1b7bf}.login-art .login-copy p{color:#adb3ba;line-height:1.7;max-width:355px;margin-top:20px}
.login-art .login-blueprint.account-house{position:relative;inset:auto;display:flex;align-self:center;align-items:center;justify-content:center;width:calc(100% + 40px);max-width:650px;min-height:180px;max-height:425px;height:100%;margin:0 -20px;opacity:1;pointer-events:none;filter:drop-shadow(0 18px 24px #344b642e)}
.login-art .account-house img{display:block;width:100%;height:auto;max-height:min(43vh,425px);object-fit:contain;object-position:center;transform:none}.login-art footer{padding-top:0;margin-top:0;align-self:end;color:#9098a2;font-size:12px;letter-spacing:.025em;gap:8px}.login-art footer .icon{color:#abb2b9}
@media(min-width:701px) and (max-height:760px){.login-art{gap:16px;padding-block:28px;grid-template-rows:auto auto minmax(150px,1fr) auto}.login-art .login-copy{padding-top:0}.login-art h1{font-size:clamp(30px,3vw,40px)}.login-art .login-copy p{margin-top:12px}.login-art .login-blueprint.account-house{min-height:150px}.login-art .account-house img{max-height:38vh}}
@media(min-width:701px) and (max-width:1000px){.login-art{padding-inline:32px}.login-art .login-blueprint.account-house{width:calc(100% + 32px);margin-inline:-16px}.login-art h1{font-size:34px}.login-art .login-copy p{font-size:12px}}
@media(max-width:700px){.login-art{display:flex;gap:0;padding:24px 28px;background:linear-gradient(135deg,#1a232c,#25303a)}.login-art .brand{font-size:24px}.login-art .login-copy{z-index:2;margin-top:24px;padding-top:0;max-width:100%}.login-art .eyebrow{font-size:12px;margin-bottom:12px}.login-art h1{font-size:31px;max-width:340px}.login-art .login-copy p{font-size:12px;line-height:1.6;max-width:265px;margin-top:12px}.login-art .login-blueprint.account-house{position:absolute;inset:auto -62px -34px auto;align-self:auto;width:225px;max-width:none;min-height:0;height:152px;margin:0;opacity:.15;filter:none}.login-art .account-house img{width:100%;height:100%;max-height:none}.login-art footer{display:none}}
@media(prefers-reduced-motion:reduce){.login-art,.login-art *,.login-art::before,.login-art::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Match the library's quiet canvas and tool placement in project measurements. */
.shell[data-view="profile"] .profile-work17>.profile-canvas17{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;align-self:start;height:clamp(460px,calc(var(--app-viewport-height92,100dvh) - 248px),1120px);min-height:0;border:1px solid #e3e6ea;border-radius:16px;background:#fbfcfd;overflow:visible}
.shell[data-view="profile"] .profile-work17>.profile-canvas17>.panel-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px;background:#ffffff;border-radius:16px 16px 0 0;border-bottom:1px solid #e7e9ed}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-drawing{position:relative;display:flex;flex-direction:column;gap:0;height:auto;min-height:0;padding:0 12px 8px;overflow:visible;background:#fbfcfd}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools{position:relative;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-height:58px;width:100%;min-width:0;padding:12px 0 4px;margin:0;gap:0;flex-wrap:nowrap;z-index:9}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools>.actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;width:auto;min-width:0;max-width:100%;grid-template-columns:none;flex-wrap:nowrap}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools .template-tool17{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;border:1px solid #e1e4e8;border-radius:12px;background:#ffffff;color:#505b67;box-shadow:0 1px 2px #2b353f08}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .template-tool17>.icon{width:17px;height:17px;max-height:none;margin:0}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .template-tool17:hover:not(:disabled){background:#f3f4f6;border-color:#b5bbc2}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .template-tool17:disabled{opacity:.35;cursor:default;box-shadow:none}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 #profile-svg{display:flex;align-items:center;justify-content:center;flex:1 1 0;width:100%;height:100%;min-height:0;max-height:none;overflow:auto;scrollbar-gutter:auto}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 #profile-svg>svg{flex:0 0 auto;display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .dimension-editor{top:66px;inset-inline-start:auto;inset-inline-end:10px;max-width:calc(100% - 20px);z-index:10}

.profile-canvas-metrics17{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 20px;min-width:0;max-width:100%;color:#69747f;font-size:12px;line-height:1.4}
.profile-canvas-metrics17>#template-total{min-width:0;color:#3a4550;font-size:12px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.profile-canvas-metrics17>span{display:flex;align-items:baseline;gap:4px;min-width:0}
.profile-canvas-metrics17 #profile-pieces{display:inline-flex;align-items:baseline;gap:4px;color:#3a4550;font-size:12px;font-weight:600}
.profile-canvas-metrics17 #profile-pieces>span{font-size:12px;font-weight:400}

.shell[data-view="profile"] .profile-work17>.profile-canvas17>.segment-details{background:#ffffff;border-radius:0 0 16px 16px}
.shell[data-view="profile"] .profile-work17>.profile-canvas17:has(>.segment-details[open]){height:auto;min-height:clamp(460px,calc(var(--app-viewport-height92,100dvh) - 248px),1120px)}
.shell[data-view="profile"] .profile-work17>.profile-canvas17:has(>.segment-details[open]) .profile-drawing{min-height:clamp(300px,45dvh,600px)}
.profile-canvas-zoom17{display:flex;align-items:center;gap:2px;flex:0 0 auto;min-width:0}.profile-canvas-zoom17>.icon-btn{width:44px;min-width:44px;min-height:44px;height:44px;padding:0;border:0;box-shadow:none;font-size:20px;background:transparent}.profile-canvas-zoom17>#profile-zoom-label{min-width:38px;text-align:center;font-size:12px}
.shell[data-view="profile"] .profile-save-template17{width:100%;min-height:44px;margin-top:4px;justify-content:center;font-size:12px;white-space:normal}
.shell[data-view="profile"] .profile-properties17 .profile-material17,.shell[data-view="profile"] .profile-properties17 .profile-lengths17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.shell[data-view="profile"] .profile-properties17 .profile-lengths17>.field:last-child{grid-column:1/-1}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .template-profile-help17{position:relative;inset:auto;top:auto;bottom:auto;flex:0 0 44px;width:44px;min-width:44px;margin:0;z-index:30}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .template-profile-help17>summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #e1e4e8;border-radius:12px;background:#ffffff;color:#505b67;cursor:pointer}
.profile-canvas17 .template-profile-help17>summary::-webkit-details-marker{display:none}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .template-profile-help17[open]>summary{color:#141b23;border-color:#abb2b9;background:#f1f3f5}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .template-profile-help-content17{position:absolute;inset-inline-start:auto;inset-inline-end:0;top:52px;bottom:auto;width:min(390px,calc(100dvw - 64px));max-width:calc(100dvw - 64px);max-height:min(600px,calc(var(--app-viewport-height92,100dvh) - 320px));overflow:auto;overscroll-behavior:contain;margin:0;padding:16px;border:1px solid #dde0e5;border-radius:16px;background:#ffffff;box-shadow:0 14px 50px #222c360f;color:#4f5a66;font-size:12px;line-height:1.55;white-space:normal;overflow-wrap:anywhere;z-index:30;text-align:start}
.profile-canvas17 .template-profile-help-content17>h3{margin:0 0 16px;font-size:16px;line-height:1.3;color:#27323c}.profile-canvas17 .template-profile-help-content17>section+section{margin-top:12px;padding-top:12px;border-top:1px solid #e9ebef}.profile-canvas17 .template-profile-help-content17 h4{margin:0 0 4px;font-size:12px;font-weight:600;color:#353f4a}.profile-canvas17 .template-profile-help-content17 p{margin:0;font-size:12px;line-height:1.55}.profile-canvas17 .template-profile-help-content17>.template-help-footnote17{margin-top:16px;padding:12px;border-radius:10px;background:#f5f6f8;color:#5f6975;font-size:12px}
.workspace-focused .shell[data-view="profile"] .profile-header-strip{display:none}.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17{height:calc(var(--app-viewport-height92,100dvh) - 102px)}
@media(orientation:portrait) and (min-width:701px) and (max-width:1100px){
 .shell[data-view="profile"] .profile-work17{grid-template-columns:minmax(0,1fr)}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17{height:clamp(440px,calc(var(--app-viewport-height92,100dvh) - 525px),680px)}
 .shell[data-view="profile"] #profile-form>.panel-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 12px;max-height:none;padding:12px}
 .shell[data-view="profile"] #profile-form .profile-material17,.shell[data-view="profile"] #profile-form .profile-lengths17{display:contents;border:0;padding:0;margin:0}
 .shell[data-view="profile"] #profile-form .field{margin:0;min-width:0}
 .shell[data-view="profile"] #profile-form .profile-lengths17>.field:last-child{grid-column:auto}
 .shell[data-view="profile"] #profile-form .profile-save-template17{grid-column:1/-1;margin:0;align-self:center;justify-self:end;width:auto;padding-inline:12px}
}
@media(max-width:700px){.shell[data-view="profile"] .profile-work17>.profile-canvas17{height:clamp(470px,64dvh,680px)}.shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-drawing{padding-inline:8px}.shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools{min-height:56px;padding:8px 0 4px}.shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools>.actions-inline{gap:4px}.shell[data-view="profile"] .profile-work17>.profile-canvas17 .template-profile-help-content17{max-height:min(520px,calc(var(--app-viewport-height92,100dvh) - 340px));padding:12px}}

/* Compact heading, left-hand fullscreen control, and a genuine viewport canvas. */
.shell[data-view="profile"] .profile-header-strip>.profile-context{min-height:52px;padding-block:4px}
.shell[data-view="profile"] .profile-work17>.profile-canvas17>.panel-head{min-height:40px;padding-block:4px}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools>.profile-canvas-focus17{margin-inline-end:auto}
.shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools>.actions-inline{margin-inline-start:auto}
body.workspace-focused:has(.shell[data-view="profile"]){overflow:hidden;overscroll-behavior:none}
.workspace-focused #app:has(.shell:is([data-view="profile"],[data-view="site"],[data-view="note"]))>.focus-exit{display:none!important}
.workspace-focused .shell[data-view="profile"] .topbar,.workspace-focused .shell[data-view="profile"] .page-heading,.workspace-focused .shell[data-view="profile"] .profile-header-strip{display:none}
.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17{position:fixed;inset:0;z-index:80;width:100dvw;max-width:none;height:var(--app-viewport-height92,100dvh);min-height:0;margin:0;border:0;border-radius:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fbfcfd}
.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17>.panel-head{display:flex;border-radius:0}
.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17>.segment-details{display:none}
.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-drawing{height:auto;min-height:0;max-height:none;padding:0 12px 8px;border-radius:0}
.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17 #profile-svg{height:100%;min-height:0;max-height:none;flex:1 1 0}
.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17 #profile-svg>svg{height:100%;min-height:0;max-height:none}
.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17:has(>.segment-details[open]){height:var(--app-viewport-height92,100dvh);min-height:0}
.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17:has(>.segment-details[open]) .profile-drawing{height:auto;min-height:0}
.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools>.profile-canvas-focus17{display:flex;justify-content:center;width:44px;min-width:44px;max-width:44px;flex:0 0 44px;padding:0}
@media(max-width:620px){.workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools>.profile-canvas-focus17{width:44px;max-width:44px;flex-basis:44px;padding:0;justify-content:center}.workspace-focused .profile-canvas-focus17>span{display:none}}

/* Compact only the dashboard's two entry cards on handheld screens. */
@media (max-width:620px){
 .shell[data-view="dashboard"] .dashboard-work-cards{gap:8px}
 .shell[data-view="dashboard"] .dashboard-work-card{padding:4px 12px;border-radius:12px}
 .shell[data-view="dashboard"] .dashboard-work-card>h2{margin:0 0 2px;font-size:12px;line-height:1.2}
 .shell[data-view="dashboard"] .dashboard-shortcut-actions{gap:8px}
 .shell[data-view="dashboard"] .dashboard-shortcut{min-height:44px;padding:4px 8px;gap:8px;font-size:12px;line-height:1.25;border-radius:10px}
 .shell[data-view="dashboard"] .dashboard-shortcut-icon{width:26px;height:28px;border-radius:7px}
 .shell[data-view="dashboard"] .dashboard-shortcut-icon>.icon{width:18px;height:18px}
 .shell[data-view="dashboard"] .dashboard-last-project{grid-template-columns:30px minmax(0,1fr) auto;min-height:44px;gap:8px}
 .shell[data-view="dashboard"] .dashboard-last-project .project-thumb{width:30px;height:36px;border-radius:7px}
 .shell[data-view="dashboard"] .dashboard-last-project .project-thumb svg{width:26px;height:26px}
 .shell[data-view="dashboard"] .dashboard-last-copy{gap:0}
 .shell[data-view="dashboard"] .dashboard-last-copy>strong{font-size:13px;line-height:1.15;letter-spacing:-.15px}
 .shell[data-view="dashboard"] .dashboard-last-copy .project-number{margin:0;font-size:12px;line-height:1.2;letter-spacing:0}
 .shell[data-view="dashboard"] .dashboard-last-address{font-size:12px;line-height:1.2}
 
 
 
 .shell[data-view="dashboard"] .dashboard-last-project>.dashboard-card-arrow{width:14px;height:14px}
 .shell[data-view="dashboard"] .dashboard-last-empty{min-height:44px;gap:8px;font-size:12px;line-height:1.3}
 .shell[data-view="dashboard"] .dashboard-last-empty>p{margin:0}
 .shell[data-view="dashboard"] .dashboard-last-empty>.icon{width:24px;height:24px}
}

/* On phones, place the full-width status filter below all measurement actions. */


/* The disclosure wrappers leave the existing desktop folder layout intact. */
.shell[data-view="library"] .library-folder-disclosure17{display:contents}
.shell[data-view="library"] .library-folder-summary17{display:block;list-style:none}
.shell[data-view="library"] .library-folder-summary17::-webkit-details-marker{display:none}






@media(min-width:901px){
 .shell[data-view="library"] .library-folders{display:block}
 
 .shell[data-view="library"] .library-folder-summary17>h2{display:block}
}



@media(max-width:700px){
 .shell[data-view="library"] .main,
 .shell[data-view="library"] .page,
 .shell[data-view="library"] .library-workspace,
 .shell[data-view="library"] #library-cards,
 .shell[data-view="library"] .library-columns,
 .shell[data-view="library"] .library-collection,
 .shell[data-view="library"] .library-grid{min-width:0;max-width:100%}
 .shell[data-view="library"] .page{padding-inline:12px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 .shell[data-view="library"] .page-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;margin-bottom:16px}
 .shell[data-view="library"] .page-heading h1{font-size:24px;line-height:1.2;overflow-wrap:break-word}
 .shell[data-view="library"] .page-heading p{font-size:12px;line-height:1.5;margin-top:8px}
 .shell[data-view="library"] .page-heading>.actions-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 .shell[data-view="library"] .page-heading>.actions-inline>.btn{min-width:0;width:100%;min-height:48px;padding:8px 8px;font-size:13px;line-height:1.3;white-space:normal}
 
 
 
 
 
 
 
 
 

 /* Favorites remain reachable without covering the cards while scrolling. */
 .shell[data-view="library"] .quick-library{position:relative;top:auto;z-index:4;width:100%;min-width:0;max-width:100%;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:16px;box-shadow:none;background:#ffffff}
 
 
 
 
 
 .shell[data-view="library"] .quick-favorite-strip{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;min-width:0;max-width:100%;min-height:0;margin:0;padding:0;overflow:visible}
 .shell[data-view="library"] .quick-favorite-strip>.quick-template,
 .shell[data-view="library"] .quick-favorite-menu>.quick-template{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;height:auto;min-height:56px;margin:0;padding:8px;border-radius:10px;white-space:normal;text-align:start}
 .shell[data-view="library"] .quick-favorite-strip .quick-template>svg{width:32px;height:32px;min-width:32px;max-width:32px;margin:0}
 .shell[data-view="library"] .quick-favorite-strip .quick-template>span:not(.favorite-star){min-width:0;font-size:12px;line-height:1.4;overflow-wrap:break-word}
 .shell[data-view="library"] .quick-favorite-strip .quick-template>.favorite-star{position:static;min-width:0;margin:0;font-size:12px;text-align:center}
 .shell[data-view="library"] .quick-favorite-folder{width:100%;min-width:0;max-width:100%;height:auto;min-height:56px;flex-basis:auto;margin:0;border-radius:10px}
 .shell[data-view="library"] .quick-favorite-folder>summary{display:grid;grid-template-columns:20px minmax(0,1fr) auto 14px;align-items:center;gap:8px;width:100%;min-width:0;min-height:54px;padding:8px 12px;border-radius:10px}
 .shell[data-view="library"] .quick-favorite-folder>summary>span{min-width:0;font-size:12px;line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word}
 .shell[data-view="library"] .quick-favorite-folder>summary>b{font-size:12px;font-variant-numeric:tabular-nums}
 .shell[data-view="library"] .quick-favorite-folder>summary>.icon{width:20px;height:20px;min-width:0}
 .shell[data-view="library"] .quick-favorite-folder>summary>.icon:last-child{width:14px;height:14px}
 .shell[data-view="library"] .quick-favorite-folder[open]{z-index:30}
 .shell[data-view="library"] .quick-library:has(.quick-favorite-folder[open]){z-index:40}
 .shell[data-view="library"] .quick-favorite-menu{position:fixed;z-index:31;inset-inline:12px;left:12px;right:12px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:auto;min-width:0;max-width:calc(100vw - 24px);max-height:min(60dvh,480px);padding:12px;border:1px solid #d0d5da;border-radius:16px;overflow:auto;overscroll-behavior:contain;box-shadow:0 12px 40px #202a340f;background:#ffffff}
 .shell[data-view="library"] .quick-favorite-menu>.text-btn{justify-content:center;width:100%;min-height:48px;padding:12px 8px;font-size:13px;border-top:1px solid var(--line);white-space:normal}
 .shell[data-view="library"] .quick-favorite-menu>p{min-width:0;margin:0;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:break-word}
 .shell[data-view="library"] .quick-favorite-empty{grid-column:1/-1;min-width:0;margin:0;padding:12px 0 2px;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:break-word}

 /* Search and bulk actions get separate, predictable rows. */
 .shell[data-view="library"] .library-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0;margin:0 0 12px}
 .shell[data-view="library"] .library-toolbar>.search{display:flex;align-items:center;gap:8px;flex:none;width:100%;min-width:0;max-width:100%;min-height:48px;padding-inline:12px;border-radius:12px}
 .shell[data-view="library"] .library-toolbar>.search>input{width:100%;min-width:0;min-height:46px;padding-block:12px;font-size:16px}
 .shell[data-view="library"] .library-toolbar>.badge{justify-self:start;max-width:100%;padding:4px 8px;font-size:12px;line-height:1.35;white-space:normal}
 .shell[data-view="library"] .library-selection{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;width:100%;min-width:0;max-width:100%;margin:0 0 16px;padding:8px 12px;border-radius:16px}
 .shell[data-view="library"] .library-selection>.labels-toggle{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;margin:0;font-size:12px;line-height:1.35;white-space:normal}
 .shell[data-view="library"] .library-selection>.labels-toggle>input{width:20px;height:20px;min-width:20px;margin:0;flex:none}
 .shell[data-view="library"] .library-selection>.selection-count{min-width:0;font-size:12px;line-height:1.35;white-space:normal;text-align:end;overflow-wrap:break-word}
 .shell[data-view="library"] .library-selection:has([data-action="clear-library-selection"])>.selection-count{padding-inline-end:48px}
 .shell[data-view="library"] .library-selection:has([data-action="clear-library-selection"]){position:sticky;top:56px;z-index:12;border-color:#cfd3d9;box-shadow:0 5px 18px #202a340f}
 .shell[data-view="library"] .library-selection>.actions-inline{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;margin:0}
 .shell[data-view="library"] .library-selection>.actions-inline>.btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:none;width:100%;min-width:0;min-height:52px;margin:0;padding:8px 4px;font-size:12px;line-height:16px;white-space:normal;overflow-wrap:break-word}
 .shell[data-view="library"] .library-selection>.actions-inline>.btn>.icon{width:18px;height:18px}
 .shell[data-view="library"] .library-selection [data-action="clear-library-selection"]{position:absolute;inset-inline-end:6px;top:8px;width:44px;height:44px;min-width:44px;min-height:44px;margin:0}

 /* A closed folder selector replaces the old compressed horizontal strip. */
 .shell[data-view="library"] .library-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;width:100%}
 .shell[data-view="library"] .library-folders{position:static;display:block;inset:auto;width:100%;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:transparent;overflow:visible}
 .shell[data-view="library"] .library-folder-disclosure17{display:block;width:100%;min-width:0;max-width:100%;border:1px solid #dbdee3;border-radius:16px;background:#ffffff;box-shadow:0 1px 3px #202a3404}
 .shell[data-view="library"] .library-folder-summary17{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:8px;width:100%;min-width:0;min-height:68px;margin:0;padding:12px 12px;border-radius:16px;cursor:pointer;list-style:none}
 .shell[data-view="library"] .library-folder-summary17>h2{grid-column:1;display:block;margin:0;padding:0;font-size:12px;font-weight:500;line-height:1.2;color:var(--muted)}
 
 
 
 
 
 .shell[data-view="library"] .library-folder-disclosure17[open]>.library-folder-summary17{border-bottom:1px solid var(--line);border-end-start-radius:0;border-end-end-radius:0}
 
 
 
 
 
 
 
 
 
 
 

 /* Both collections share the same readable card body and action dimensions. */
 .shell[data-view="library"] .library-columns{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}
 .shell[data-view="library"] .library-columns>.library-collection>.collection-heading{min-height:0;margin:0;padding:0 2px 12px}
 .shell[data-view="library"] .collection-heading>h2{font-size:17px;line-height:1.35;overflow-wrap:break-word}
 .shell[data-view="library"] .collection-heading>h2>span{font-size:12px}
 .shell[data-view="library"] .library-columns .library-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;margin:0}
 .shell[data-view="library"] .library-columns .library-card{width:100%;min-width:0;max-width:100%;height:auto;align-self:start;padding:0;border-radius:16px}
 .shell[data-view="library"] .library-columns .library-card-top{grid-template-columns:minmax(0,1fr) 44px;flex-basis:64px;height:64px;min-height:64px;gap:8px;padding:12px 12px}
 .shell[data-view="library"] .library-columns .card-select>.badge{max-width:calc(100% - 26px);max-height:40px;padding:4px 8px;font-size:12px;line-height:16px;white-space:normal;overflow-wrap:break-word}
 .shell[data-view="library"] .library-columns .card-select>input{width:20px;height:20px;min-width:20px;max-width:20px}
 .shell[data-view="library"] .library-columns .library-load{grid-template-rows:88px 40px 32px;gap:4px;flex-basis:192px;height:192px;min-height:192px;max-height:192px;padding:12px}
 .shell[data-view="library"] .library-columns .library-load>svg{height:88px;min-height:88px;max-height:88px}
 .shell[data-view="library"] .library-columns .library-load>strong{font-size:15px;line-height:20px;overflow-wrap:break-word}
 .shell[data-view="library"] .library-columns .library-load>small{font-size:12px;line-height:16px;overflow-wrap:break-word}
 .shell[data-view="library"] .library-columns .library-card-actions{gap:8px;padding:8px 12px!important}
 .shell[data-view="library"] .library-columns .library-card-actions>:is(.btn,.text-btn){height:48px;min-height:48px;padding:8px 8px;font-size:13px;line-height:17px;overflow-wrap:break-word}
 .shell[data-view="library"] .collection-empty{min-height:132px;margin:0;padding:20px 16px;font-size:13px;line-height:1.5}
 .shell[data-view="library"] .collection-empty>p{min-width:0;max-width:100%;overflow-wrap:break-word}
 .shell[data-view="library"] .library-card,
 .shell[data-view="library"] .quick-library .quick-template,
 .shell[data-view="library"] .quick-library [data-quick-group-handle]{touch-action:pan-x pan-y;-webkit-touch-callout:none}

 /* Folder names keep their own row in the management dialog on a phone. */
 .library-groups17 .library-group-row17{grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:8px;padding:8px}
 .library-groups17 .library-group-row17>.library-group-drag17{grid-column:1;grid-row:1/3;align-self:start}
 .library-groups17 .library-group-row17>.library-group-copy17{grid-column:2/4;grid-row:1;align-self:center;min-width:0;min-height:44px;align-content:center}
 .library-groups17 .library-group-row17>.library-group-copy17>strong{font-size:13px;line-height:1.4;overflow-wrap:break-word}
 .library-groups17 .library-group-row17>.library-group-copy17>small{font-size:12px;line-height:1.4}
 .library-groups17 .library-group-row17>.library-group-copy17>input{font-size:16px}
 .library-groups17 .library-group-row17>[data-library17-group-rename]{grid-column:2;grid-row:2;justify-self:start;min-width:0;min-height:44px;padding:8px 12px;font-size:12px}
 .library-groups17 .library-group-row17>[data-library17-group-delete]{grid-column:3;grid-row:2;justify-self:end;width:44px;height:44px}
}

@media(min-width:481px) and (max-width:700px){
 .shell[data-view="library"] .quick-favorite-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .shell[data-view="library"] .quick-favorite-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:580px) and (max-width:700px){
 .shell[data-view="library"] .library-columns .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Keep status and work actions on one shared row at the toolbar's actual width. */
@media(min-width:621px){
 .compact-project .project-toolbar17{container:project-toolbar17 / inline-size}
 
 
 
 
 .compact-project .project-toolbar17 .workflow-summary>.project-status-select17,
 .compact-project .project-toolbar17 .workflow-summary>.project-status-select17>summary{height:100%;min-height:44px}
 
 
 
 
 

 @container project-toolbar17 (min-width:760px){
  
  
  
  
 }
 @container project-toolbar17 (max-width:560px){
  
  
  
 }
}

/* One dormer, with the measured face highlighted in each choice. */
.modal.surface-chooser-modal17{width:720px;max-width:100%}
.surface-chooser-modal17 .modal-body{padding:20px}
.surface-chooser-modal17 .surface-choice-prompt17{margin:0 0 16px}
.surface-chooser-modal17 .surface-choices17{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.surface-chooser-modal17 .surface-choice17{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;min-width:0;padding:0;overflow:hidden;border:1px solid #dfe3e7;border-radius:16px;background:#ffffff;color:#303b45;transition:border-color .16s,box-shadow .16s,background .16s}
.surface-chooser-modal17 .surface-choice-art17{display:flex;justify-content:center;align-items:center;min-width:0;background:transparent;padding:16px 12px 0}
.surface-chooser-modal17 .surface-dormer17{display:block;width:100%;height:188px;flex:none}
.surface-chooser-modal17 .surface-choice-label17{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:16px 20px}
.surface-chooser-modal17 .surface-choice-label17 strong{font-size:17px;line-height:1.3;overflow-wrap:normal}
.surface-chooser-modal17 .surface-choice-arrow17{width:32px;height:32px;flex:none;padding:8px;border-radius:50%;background:#f1f3f5;color:#161d26}
.surface-chooser-modal17 .surface-choice17:not(:disabled):hover{border-color:#838c96;box-shadow:0 4px 15px #313c460f;background:#fbfcfd}
.surface-chooser-modal17 .surface-choice17:focus-visible{outline:3px solid #182029;outline-offset:3px}
.surface-chooser-modal17 .surface-choice17:disabled{grid-column:1/-1;flex-direction:row;align-items:center;opacity:.55;background:#f7f8f9;color:#69747f;cursor:default}
.surface-chooser-modal17 .surface-choice17:disabled .surface-choice-art17{width:108px;background:none;padding:0 12px}
.surface-chooser-modal17 .surface-choice17:disabled .surface-dormer17{height:72px}
.surface-chooser-modal17 .surface-choice17:disabled .surface-choice-label17{padding:16px 8px}
@media(max-width:560px){
 .surface-chooser-modal17 .modal-body{padding:16px}
 .surface-chooser-modal17 .surface-choices17{grid-template-columns:minmax(0,1fr);gap:12px}
 .surface-chooser-modal17 .surface-choice17{flex-direction:row;align-items:stretch;border-radius:16px}
 .surface-chooser-modal17 .surface-choice-art17{width:43%;flex:none;padding:8px 0}
 .surface-chooser-modal17 .surface-dormer17{height:132px}
 .surface-chooser-modal17 .surface-choice-label17{flex:1;padding:16px 12px;gap:8px}
 .surface-chooser-modal17 .surface-choice-label17 strong{font-size:17px}
 .surface-chooser-modal17 .surface-choice-arrow17{width:26px;height:26px;padding:4px}
 .surface-chooser-modal17 .surface-choice17:disabled .surface-choice-art17{width:43%;padding:4px 20px}
 .surface-chooser-modal17 .surface-choice17:disabled .surface-dormer17{height:72px}
 .surface-chooser-modal17 .surface-choice17:disabled .surface-choice-label17{padding:16px 12px}
}
@media(prefers-reduced-motion:reduce){.surface-chooser-modal17 .surface-choice17{transition:none}}
@media(max-width:360px){
 .surface-chooser-modal17 .surface-choice-art17,.surface-chooser-modal17 .surface-choice17:disabled .surface-choice-art17{width:38%}
 .surface-chooser-modal17 .surface-choice-label17{padding:12px 12px;gap:4px}
 .surface-chooser-modal17 .surface-choice-label17 strong{font-size:16px}
 .surface-chooser-modal17 .surface-choice-arrow17{width:24px;height:24px}
}

/* Project work actions sit above the collection; status and organization stay with it. */
.compact-project .project-work-actions17{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;margin:2px 0 0}
.compact-project .project-work-actions17>.btn{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:50px;margin:0;padding:8px 16px;border-radius:12px;border:1px solid #dde0e5;background:#ffffff;color:#141c24;font-size:12px;font-weight:600;line-height:1.3;box-shadow:0 2px 5px #13192104;white-space:nowrap}
.compact-project .project-work-actions17>.project-work-mode17{justify-self:start;background:#3b536e;border-color:#3b536e;color:#ffffff;box-shadow:0 3px 8px #3b536e0f}
.compact-project .project-work-actions17>.project-work-profile17,.compact-project .project-work-actions17>.project-work-area17{background:#47627f;border-color:#47627f;color:#ffffff;box-shadow:0 3px 8px #151c240f}
.compact-project .project-work-icon17{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:7px;background:#f1f3f5}
.compact-project .project-work-icon17>svg{width:18px;height:18px}
.compact-project .project-work-mode17 .project-work-icon17,.compact-project .project-work-profile17 .project-work-icon17,.compact-project .project-work-area17 .project-work-icon17{background:#ffffff1c}
.compact-project .project-work-actions17>.btn:hover:not(:disabled){background:#f7f8f9;border-color:#b1b7bf}
.compact-project .project-work-actions17>.project-work-profile17:hover:not(:disabled),.compact-project .project-work-actions17>.project-work-area17:hover:not(:disabled){background:#344b64;border-color:#344b64}
.compact-project .project-work-actions17>.project-work-mode17:hover:not(:disabled){background:#344b64;border-color:#344b64}
.compact-project .project-work-actions17>.btn:disabled{opacity:.5;box-shadow:none}
.compact-project .project-work-actions17>.btn:focus-visible,.compact-project .project-add-area-header17:focus-visible{outline:2px solid #182029;outline-offset:3px}
.compact-project .project-controls-redesign17{container:project-controls17 / inline-size;padding:16px 16px;border-bottom:1px solid var(--project-border);background:#ffffff}
.compact-project .project-parts-layout17{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;min-width:0}
.compact-project .project-section-heading17{display:flex;align-items:center;gap:8px;grid-column:1;grid-row:1;margin:0;font-size:17px;line-height:1.3;font-weight:600;color:#26313b}
.compact-project .project-section-heading17>span{min-width:24px;padding:4px 8px;border-radius:7px;background:#f1f3f5;color:#5f6975;font-size:12px;line-height:1.2;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}
.compact-project .project-controls-redesign17 .project-status-controls17{flex:none;overflow:visible;margin:0;padding:0}
.compact-project .project-controls-redesign17 .project-status-tabs17{align-items:stretch;border-radius:12px;background:#f5f6f8;}







.compact-project .project-controls-redesign17 .project-status-select17{display:none}
.compact-project .project-controls-redesign17 .project-add-area-header17{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;padding:8px 12px;border-radius:10px;border-color:#e1e4e8;background:#f9fafc;color:#525d68;font-size:12px;font-weight:500;box-shadow:none;}
.compact-project .project-controls-redesign17 .project-add-area-header17>.icon{width:16px;height:16px;flex:none}
.compact-project .project-controls-redesign17 .project-add-area-plus17{width:13px;height:13px;color:#6c7681}
.compact-project .project-controls-redesign17 .project-add-area-header17:hover{background:#f1f3f5;border-color:#c0c5cc}
.compact-project .project-unassigned-section17>.project-area-disclosure>summary{min-height:50px;padding:4px 16px}
.compact-project .project-unassigned-section17>.project-area-disclosure>summary h2{font-size:12px;gap:8px}
@container project-controls17 (min-width:900px){
 .compact-project .project-parts-layout17{grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:20px}
 .compact-project .project-controls-redesign17 .project-status-controls17{grid-column:2;grid-row:1;justify-self:start;}
 .compact-project .project-controls-redesign17 .project-add-area-header17{grid-column:3}
}
@media(max-width:620px){
 .compact-project .project-work-actions17{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
 .compact-project .project-work-actions17>.btn.project-work-mode17{grid-column:1/-1;justify-self:stretch;min-height:44px;padding:8px 12px}
 .compact-project .project-work-actions17>.btn{gap:8px;min-height:54px;padding:8px 12px;font-size:12px;white-space:normal;text-align:center}
 .compact-project .project-work-icon17{flex-basis:24px;width:24px;height:24px;border-radius:7px}
 .compact-project .project-work-icon17>svg{width:16px;height:16px}
 .compact-project .project-parts-layout17{gap:12px}
 .compact-project .project-section-heading17{font-size:16px;gap:8px}
 .compact-project .project-controls-redesign17 .project-status-select17{display:block;width:100%;max-width:100%}
 .compact-project .project-controls-redesign17 .project-status-select17>summary{min-height:46px;border-color:#e8edf3;box-shadow:none;background:#f4f5f7;border-radius:10px;font-size:12px}
 .compact-project .project-controls-redesign17 .project-status-select17>summary .badge{font-size:12px}
 .compact-project .project-controls-redesign17 .project-status-select17>summary strong{font-size:12px}
 .compact-project .project-controls-redesign17 .project-status-menu17{width:100%}
 
 .compact-project .project-controls-redesign17 .project-add-area-header17{gap:4px;font-size:12px}
 .compact-project .project-controls-redesign17 .project-add-area-plus17{display:none}
 .compact-project .project-unassigned-section17>.project-area-disclosure>summary{min-height:48px;padding:4px 12px}
}

.phone-measure-switch17{display:none}
@media(max-width:620px){
 /* These two views share one draft and one form; desktop keeps both columns. */
 .phone-measure-switch17{position:sticky;top:56px;z-index:14;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;margin:0 0 8px;border:1px solid #e1e4e8;border-radius:12px;background:#f3f4f6;box-shadow:0 3px 12px #2a343e08;scroll-margin-top:64px}
 .phone-measure-switch17:has(>.phone-measure-save17){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}
 .phone-measure-switch17:has(>[data-phone-measure-pane-button17="dimensions"]){grid-template-columns:repeat(3,minmax(0,1fr))}
 .phone-measure-switch17:has(>[data-phone-measure-pane-button17="dimensions"]):has(>.phone-measure-save17){grid-template-columns:repeat(3,minmax(0,1fr)) 44px}
 .phone-measure-switch17:has(>[data-phone-measure-pane-button17="dimensions"])>[data-phone-measure-pane-button17]{gap:4px;padding-inline:4px;font-size:12px}
 .phone-measure-switch17>button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:8px 8px;border:0;border-radius:10px;background:transparent;color:#56616d;font:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer}
 .phone-measure-switch17>button>.icon{flex:none;width:17px;height:17px}
 .phone-measure-switch17>button[aria-pressed="true"]{background:#ffffff;color:#141b23;box-shadow:0 1px 5px #1219200f}
 .phone-measure-switch17>.phone-measure-save17{color:#ffffff;background:#47627f;border:1px solid #47627f;padding:0}
 .phone-measure-switch17>.phone-measure-save17>.icon{width:20px;height:20px}
 .phone-measure-switch17>button:focus-visible{outline:2px solid #171e27;outline-offset:1px}
 [data-phone-measure-active17="drawing"]>[data-phone-measure-pane17="properties"],
 [data-phone-measure-active17="properties"]>[data-phone-measure-pane17="drawing"]{display:none!important}
 [data-phone-measure-active17="dimensions"]>[data-phone-measure-pane17]:not([data-phone-measure-dimensions-owner17]){display:none!important}
 [data-phone-measure-active17="dimensions"] [data-phone-measure-dimensions17]>summary{display:none}
 [data-phone-measure-kind17]{grid-template-columns:minmax(0,1fr)!important;gap:0!important;min-width:0;scroll-margin-top:64px}
 [data-phone-measure-pane17]{min-width:0;max-width:100%;scroll-margin-top:64px}
 .shell[data-view="profile"]:has([data-phone-measure-kind17]) .page-heading,.shell[data-view="area"]:has([data-phone-measure-kind17]) .page-heading,.shell[data-view="front"]:has([data-phone-measure-kind17]) .page-heading,.shell[data-view="site"]:has([data-phone-measure-kind17]) .page-heading{display:none}
 .shell[data-view="profile"] .page-heading-copy,.shell[data-view="area"] .page-heading-copy,.shell[data-view="front"] .page-heading-copy{min-width:0;flex:1}
 .shell[data-view="profile"] .page-heading-copy>h1,.shell[data-view="area"] .page-heading-copy>h1,.shell[data-view="front"] .page-heading-copy>h1{font-size:20px;line-height:1.25;margin:0}
 .shell[data-view="profile"] .page-heading-copy>p,.shell[data-view="area"] .page-heading-copy>p,.shell[data-view="front"] .page-heading-copy>p{display:none}
 .shell[data-view="profile"] .page-heading>.measurement-save17,.shell[data-view="area"] .page-heading>.btn{min-height:44px;width:auto;margin:0;padding:8px 12px;font-size:12px;gap:8px;white-space:normal}
 .shell[data-view="front"] .page-heading>.actions-inline{display:flex;gap:8px;width:auto;flex-wrap:wrap}
 .shell[data-view="front"] .page-heading>.actions-inline>.btn{width:auto;flex:1;min-height:44px;font-size:12px}
 .shell[data-view="profile"] .profile-header-strip{grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin-bottom:8px;align-items:stretch}
 .shell[data-view="profile"] .profile-header-strip>.profile-context{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:54px;padding:4px 8px!important;gap:8px}
 .shell[data-view="profile"] .profile-header-strip .profile-context-copy{width:auto;gap:2px}
 .shell[data-view="profile"] .profile-header-strip .profile-context-title17{gap:4px;flex-wrap:wrap;font-size:12px}
 .shell[data-view="profile"] .profile-header-strip .profile-context-title17 .badge{padding:4px 8px;font-size:12px}
 .shell[data-view="profile"] .profile-header-strip .profile-context-name17{font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
 .shell[data-view="profile"] .profile-header-strip .context-navigation{display:flex;width:auto;min-width:0}
 .shell[data-view="profile"] .profile-header-strip .context-navigation>.btn{width:auto;min-height:44px;height:auto;max-width:88px;padding:8px;font-size:12px;line-height:1.3}
 .shell[data-view="profile"] .profile-favorites-toggle17{grid-column:2;grid-row:1;min-width:44px;max-width:44px;align-self:stretch}
 .shell[data-view="profile"] .profile-favorites-toggle17>button{min-height:44px;width:44px;padding:0;justify-content:center;gap:0;font-size:0;border-radius:12px}
 .shell[data-view="profile"] .profile-favorites-toggle17>button::before{content:'★';font-size:20px;line-height:1;color:#66707c}
 .shell[data-view="profile"] .profile-favorites-toggle17>button>.icon{display:none}
 .shell[data-view="profile"] .favorites-expanded17 .profile-favorites-toggle17>button{background:#e3e6ea;border-color:#afb5bd;border-radius:12px}
 .shell[data-view="profile"] .profile-favorites-shelf17{grid-row:2;margin-top:0;padding:8px;border-radius:12px}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17{height:clamp(375px,calc(var(--app-viewport-height92,100dvh) - 345px),560px);min-height:0;grid-template-rows:auto minmax(0,1fr) auto auto}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17>.panel-head{min-height:43px;gap:4px;padding:4px 8px}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17>.panel-head>h2{font-size:13px}
 .shell[data-view="profile"] .profile-canvas-metrics17{gap:4px 12px;font-size:12px;line-height:1.3}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-drawing{gap:0;height:auto;min-height:0;padding:0 4px 4px;overflow:visible}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools{min-height:52px;padding:4px 0;gap:0}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17 .profile-edit-tools>.actions-inline{gap:4px}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17 #profile-svg{flex:1 1 0;min-height:160px;height:100%;max-height:none}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17 #profile-svg>svg{height:100%;min-height:0;max-height:none}
 
 .shell[data-view="profile"] .profile-work17>.profile-canvas17 .segment-details>summary{min-height:44px;padding:8px 12px}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17:has(>.segment-details[open]){height:auto;min-height:375px}
 .shell[data-view="profile"] .profile-work17>.profile-canvas17:has(>.segment-details[open]) .profile-drawing{height:280px;min-height:280px;flex:none}
 .shell[data-view="profile"] .profile-work17>.profile-properties17{height:auto;max-height:none;overflow:visible}
 .shell[data-view="profile"] .profile-properties17>.panel-head{min-height:44px;padding:8px 12px}
 .shell[data-view="profile"] #profile-form>.panel-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px;overflow:visible;max-height:none}
 .shell[data-view="profile"] #profile-form>.panel-body>.field,.shell[data-view="profile"] #profile-form .profile-save-template17{grid-column:1/-1;margin:0}
 .shell[data-view="profile"] #profile-form .profile-material17,.shell[data-view="profile"] #profile-form .profile-lengths17{display:contents}
 .shell[data-view="profile"] #profile-form .field{margin:0;min-width:0}
 .shell[data-view="profile"] #profile-form .profile-material17>.field:first-child,.shell[data-view="profile"] #profile-form .profile-lengths17>.field:last-child{grid-column:1/-1}
 .shell[data-view="profile"] #profile-form input,.shell[data-view="profile"] #profile-form :is(select,.app-select28),.template-editor-modal input,.template-editor-modal :is(select,.app-select28){font-size:16px;min-height:44px}
 .shell[data-view="profile"] .profile-work17[data-phone-measure-active17="dimensions"]>.profile-canvas17{display:block;height:auto;min-height:0}
 .shell[data-view="profile"] .profile-work17[data-phone-measure-active17="dimensions"]>.profile-canvas17>.profile-drawing{display:none}
 .shell[data-view="profile"] .profile-canvas17 .segment-row,.template-editor-modal .template-workspace17 .template-segments .segment-row{grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) 44px 44px;gap:4px;min-width:0;align-items:center}
 .shell[data-view="profile"] .profile-canvas17 .segments,.template-editor-modal .template-workspace17 .template-segments{padding:8px}
 .shell[data-view="profile"] .profile-canvas17 .segment-row input,.template-editor-modal .template-workspace17 .template-segments .segment-row input{width:100%;min-width:0;min-height:44px;height:44px;padding:8px 4px;font-size:16px}
 .shell[data-view="profile"] .profile-canvas17 .segment-row>button,.template-editor-modal .template-workspace17 .template-segments .segment-row>button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;padding:0}
 [data-phone-measure-active17="dimensions"] [data-phone-measure-dimensions17] .segment-row:first-child{min-height:36px;font-size:12px}
 [data-phone-measure-active17="dimensions"] [data-phone-measure-dimensions17] .text-btn{min-height:44px}
 .shell[data-view="profile"] .profile-work17[data-phone-measure-active17="dimensions"]>.profile-canvas17>.segment-details>summary{display:none}
 [data-phone-measure-active17="dimensions"] [data-phone-measure-dimensions17] .segment-row:not(:has(input))>span{font-size:12px;line-height:1.3;white-space:nowrap}
 .dimension-editor input{font-size:16px;min-height:44px}
 .dimension-editor .actions-inline>.btn{min-height:44px;flex:1;justify-content:center}
 

 .shell[data-view="area"] .area-work-grid17{--area-panel-height:430px}
 .shell[data-view="area"] .area-work-grid17>#area-preview{height:clamp(390px,calc(var(--app-viewport-height92,100dvh) - 230px),580px);min-height:0}
 .shell[data-view="area"] .area-work-grid17>#area-preview>.panel-head{min-height:44px;padding:4px 8px;gap:4px}
 .shell[data-view="area"] .area-work-grid17>#area-preview>.panel-head>h2{font-size:13px;line-height:1.3}
 .shell[data-view="area"] .area-work-grid17 #area-drawing{height:auto;min-height:180px;padding:4px 8px;flex:1}
 .shell[data-view="area"] .area-work-grid17 #area-drawing>svg{width:100%;height:100%;min-height:0;max-height:none}
 .shell[data-view="area"] .area-work-grid17 .area-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:8px 8px;gap:4px 8px}
 .shell[data-view="area"] .area-work-grid17 .area-summary>div{grid-column:span 2;min-width:0}
 .shell[data-view="area"] .area-work-grid17 .area-summary>div:nth-child(n+4){grid-column:span 3;display:flex;align-items:center;gap:4px}
 .shell[data-view="area"] .area-work-grid17 .area-summary small{font-size:12px;line-height:1.25}
 .shell[data-view="area"] .area-work-grid17 .area-summary strong{font-size:16px;line-height:1.2;gap:4px;white-space:normal}
 .shell[data-view="area"] .area-work-grid17 .area-summary strong>span{font-size:12px}
 .shell[data-view="area"] .area-work-grid17 .area-summary>div:nth-child(n+4)>strong{font-size:12px}
 .shell[data-view="area"] .area-work-grid17 .area-bottom-tools{padding:4px 8px;gap:0 4px}
 .shell[data-view="area"] .area-work-grid17 .area-bottom-tools>span{font-size:12px;min-height:15px;padding:0}
 .shell[data-view="area"] .area-work-grid17 .area-strip-details>summary{min-height:44px;padding:8px 12px}
 .shell[data-view="area"] .area-work-grid17>#area-preview:has(.area-strip-details[open]){height:auto;min-height:390px}
 .shell[data-view="area"] .area-work-grid17>#area-preview:has(.area-strip-details[open]) #area-drawing{height:240px;min-height:240px;flex:none}
 .shell[data-view="area"] .area-work-grid17>#area-form{height:auto;max-height:none;overflow:visible}
 .shell[data-view="area"] .area-work-grid17>#area-form>.panel-head{min-height:48px;padding:4px 12px}
 .shell[data-view="area"] .area-unit-choice :is(select,.app-select28){min-height:44px!important;font-size:16px}
 .shell[data-view="area"] .area-work-grid17>#area-form input,.shell[data-view="area"] .area-work-grid17>#area-form :is(select,.app-select28){font-size:16px;min-height:44px}
 .shell[data-view="area"] .area-work-grid17 .area-profile-choice>.icon-btn{width:44px;min-width:44px;height:44px}
 .shell[data-view="area"]:has(.area-work-grid17[data-phone-measure-active17="properties"]) #area-results,.shell[data-view="front"]:has(.compact-front-grid[data-phone-measure-active17="properties"]) .front-result-details{display:none}

 .compact-front-grid[data-phone-measure-kind17]>.compact-front-canvas{height:clamp(340px,calc(var(--app-viewport-height92,100dvh) - 260px),580px);min-height:0}
 .compact-front-grid[data-phone-measure-kind17]>.compact-front-canvas .front-drawing{height:auto;min-height:180px;flex:1;padding:4px}
 .compact-front-grid[data-phone-measure-kind17]>.compact-front-canvas .front-drawing>svg{height:100%;min-height:0;max-height:none}
 .compact-front-grid[data-phone-measure-kind17]>.compact-front-canvas :is(.front-canvas-main17>.panel-head){min-height:50px;padding:4px 8px}
 .compact-front-grid[data-phone-measure-kind17]>.compact-front-canvas :is(.front-canvas-main17>.panel-head)>h2{font-size:12px;line-height:1.3}
 .compact-front-grid .compact-front-summary{padding:8px 8px;gap:8px}
 .compact-front-grid .compact-front-summary strong{font-size:17px}
 .compact-front-grid[data-phone-measure-kind17]>.compact-front-properties{height:auto;max-height:none;overflow:visible}
 .compact-front-grid[data-phone-measure-kind17] .panel-body{padding:12px;overflow:visible}
 .compact-front-grid[data-phone-measure-kind17] .front-offset-button{min-height:68px}

 /* A phone should reach the site sketch before its first screen is full. */
 .compact-site-grid[data-phone-measure-kind17]>.site-editor-panel{height:clamp(350px,calc(var(--app-viewport-height92,100dvh) - 208px),700px);min-height:0;max-height:none;display:flex;flex-direction:column;overflow:visible}
 .compact-site-grid[data-phone-measure-kind17]>.site-editor-panel>.panel-head{height:52px;min-height:52px;padding:4px 8px;flex:none;gap:4px}
 .compact-site-grid[data-phone-measure-kind17]>.site-editor-panel>.panel-head>h2{font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .compact-site-grid[data-phone-measure-kind17]>.site-editor-panel>.panel-head>.actions-inline{flex:none;gap:4px}
 .compact-site-grid[data-phone-measure-kind17]>.site-editor-panel>.panel-head .icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
 .compact-site-grid[data-phone-measure-kind17] .site-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:44px;min-height:44px;max-height:44px;flex:none;padding:4px 8px;margin:0;gap:8px}
 .compact-site-grid[data-phone-measure-kind17] .site-stats>div{min-width:0;padding:0;border:0;border-radius:0;background:transparent}
 .compact-site-grid[data-phone-measure-kind17] .site-stats small{font-size:12px;line-height:11px;white-space:nowrap}
 .compact-site-grid[data-phone-measure-kind17] .site-stats strong{font-size:16px;line-height:18px;margin:0}
 .compact-site-grid[data-phone-measure-kind17] .site-stats strong>span{font-size:12px}
 .compact-site-grid[data-phone-measure-kind17] .site-toolbar{display:grid;grid-template-columns:52px 52px minmax(0,1fr);grid-template-rows:44px 44px;gap:4px;padding:4px 8px;flex:none;max-width:100%;min-width:0;align-items:center}
 .compact-site-grid[data-phone-measure-kind17] .site-toolbar>.icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
 .compact-site-grid[data-phone-measure-kind17] .site-toolbar>.btn{min-width:0;min-height:44px;font-size:12px;padding:8px 8px;white-space:normal;line-height:1.3}
 .compact-site-grid[data-phone-measure-kind17] .site-toolbar>.labels-toggle{grid-column:1/3;grid-row:2;margin:0;gap:4px;min-height:44px;min-width:0;font-size:12px;line-height:1.3;white-space:normal}
 .compact-site-grid[data-phone-measure-kind17] .site-toolbar>.labels-toggle>input{flex:none;width:18px;height:18px;margin:0}
 .compact-site-grid[data-phone-measure-kind17] .site-toolbar>.unit-choice{grid-column:3;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-height:44px;min-width:0;margin:0;font-size:12px}
 .compact-site-grid[data-phone-measure-kind17] .site-toolbar>.unit-choice>:is(select,.app-select28){width:64px;min-width:64px;max-width:64px;height:44px;min-height:44px;padding:8px;font-size:16px}
 .compact-site-grid[data-phone-measure-kind17] .site-drawing{height:auto;min-height:160px;flex:1 1 0;padding:4px;overflow:visible}
 .compact-site-grid[data-phone-measure-kind17] #site-svg-canvas{height:100%;min-height:0;max-height:none}
 .compact-site-grid[data-phone-measure-kind17] #site-svg-canvas>svg{width:100%;height:100%;min-height:0;max-height:none}
 .compact-site-grid[data-phone-measure-kind17]>.site-measurement-panel{height:auto;max-height:none;overflow:visible}
 .compact-site-grid[data-phone-measure-kind17]>.site-measurement-panel>.panel-head{min-height:44px;padding:8px 12px}
 .compact-site-grid[data-phone-measure-kind17] .panel-body{padding:12px;overflow:visible;scrollbar-gutter:auto}
 .compact-site-grid[data-phone-measure-kind17] input,.compact-site-grid[data-phone-measure-kind17] :is(select,.app-select28){font-size:16px;min-height:44px}
 .compact-site-grid[data-phone-measure-kind17] .site-dimension-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
 .compact-site-grid[data-phone-measure-kind17] .site-dimension-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:4px 0;min-width:0}
 .compact-site-grid[data-phone-measure-kind17] .site-stretch-button{min-height:44px;font-size:12px;padding:8px}
 .compact-site-grid[data-phone-measure-kind17] .site-dimension-row input{height:44px;min-height:44px;font-size:16px}
 .compact-site-grid[data-phone-measure-active17="dimensions"]>.site-measurement-panel>.panel-head,.compact-site-grid[data-phone-measure-active17="dimensions"]>.site-measurement-panel>.panel-body>:not(.site-list-details){display:none}
 .compact-site-grid[data-phone-measure-active17="dimensions"] .site-list-details{margin:0;border:0}
 .compact-site-grid[data-phone-measure-kind17] .site-inline-editor.site-inline-direct{height:48px;min-height:48px}
 .compact-site-grid[data-phone-measure-kind17] .site-inline-direct input{min-height:44px!important;height:44px;font-size:16px}

 /* The library uses the identical two-view control inside its existing modal. */
 .template-editor-modal>.modal-body>.phone-measure-switch17{flex:none;margin:0 0 2px;top:0;z-index:35;scroll-margin-top:0}
 .template-editor-modal .template-workspace17[data-phone-measure-kind17]{display:block;flex:1 1 auto;grid-template-rows:none;height:auto;min-height:0}
 .template-editor-modal .template-workspace17[data-phone-measure-kind17]>.template-drawing-section{height:clamp(280px,calc(var(--app-viewport-height92,100dvh) - 225px),650px);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
 .template-editor-modal .template-workspace17[data-phone-measure-kind17] .profile-drawing #profile-svg{height:100%;min-height:150px;flex:1 1 0}
 .template-editor-modal .template-workspace17[data-phone-measure-kind17]>form{height:auto;max-height:none;overflow:visible}
 .template-editor-modal .template-workspace17[data-phone-measure-active17="dimensions"]>form>.template-scope-note,.template-editor-modal .template-workspace17[data-phone-measure-active17="dimensions"]>form>.template-properties{display:none}
 .template-editor-modal .template-workspace17[data-phone-measure-active17="dimensions"]>form>.segment-details{margin:0;border:0}
 .template-editor-modal .template-workspace17[data-phone-measure-active17="dimensions"] .template-segments>h3{display:block;margin:0 0 8px;font-size:15px}
 .template-editor-modal .template-workspace17[data-phone-measure-kind17] .template-properties{padding:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .template-editor-modal .template-workspace17[data-phone-measure-kind17] .template-scope-note{font-size:12px;padding:8px 12px}
 .workspace-focused .phone-measure-switch17{display:none}
 .workspace-focused [data-phone-measure-kind17]>[data-phone-measure-pane17="drawing"]{display:flex!important}
 .workspace-focused .shell[data-view="profile"] [data-phone-measure-kind17]>.profile-canvas17{display:grid!important;height:var(--app-viewport-height92,100dvh);min-height:0}
 .workspace-focused [data-phone-measure-kind17]>[data-phone-measure-pane17="properties"]{display:none!important}
 .workspace-focused .shell[data-view="profile"] .profile-work17>.profile-canvas17 #profile-svg{min-height:0}
 .workspace-focused .compact-site-grid[data-phone-measure-kind17]>.site-editor-panel{height:calc(var(--app-viewport-height92,100dvh) - 108px);min-height:0}
}

/* Native disclosure is a phone-only compact shelf; desktop keeps its full shelf. */
.shell[data-view="library"] .library-favorites-disclosure17,
.shell[data-view="library"] .library-favorites-content17{display:contents}
.shell[data-view="library"] .library-favorites-summary17,.note-phone-menu-closebar17{display:none}
@media(max-width:700px){
 .shell[data-view="library"] .library-favorites-disclosure17{display:block;min-width:0;max-width:100%;margin:0 0 12px;border:1px solid #dde0e5;border-radius:12px;background:#ffffff}
 .shell[data-view="library"] .library-favorites-summary17{display:grid;grid-template-columns:18px minmax(0,1fr) auto 16px;align-items:center;gap:8px;min-height:52px;padding:8px 12px;list-style:none;color:#48535e;font-size:12px;font-weight:600;line-height:1.35;cursor:pointer}
 .shell[data-view="library"] .library-favorites-summary17::-webkit-details-marker{display:none}
 .shell[data-view="library"] .library-favorites-summary17>span:not(.library-favorites-star17){min-width:0;overflow-wrap:break-word}
 .shell[data-view="library"] .library-favorites-star17{font-size:16px;color:#19222b}
 .shell[data-view="library"] .library-favorites-summary17>b{min-width:22px;padding:2px 8px;border-radius:7px;background:#f1f3f5;color:#5f6975;font-size:12px;text-align:center}
 .shell[data-view="library"] .library-favorites-chevron17{width:16px;height:16px;transform:rotate(90deg)}
 .shell[data-view="library"] .library-favorites-disclosure17[open]>.library-favorites-summary17{border-bottom:1px solid #e3e6ea}
 .shell[data-view="library"] .library-favorites-disclosure17[open]>.library-favorites-summary17>.library-favorites-chevron17{transform:rotate(270deg)}
 .shell[data-view="library"] .library-favorites-summary17:focus-visible{outline:2px solid #182029;outline-offset:2px;border-radius:12px}
 .shell[data-view="library"] .library-favorites-summary17:is(.quick-drop-before,.quick-drop-after,.is-drop-target){background:#edeff1;outline:2px solid #5f7791;outline-offset:-2px}
 .shell[data-view="library"] .library-favorites-disclosure17[open]>.library-favorites-content17{display:block;padding:0 12px 12px;min-width:0}
 .shell[data-view="library"] .library-favorites-content17>.quick-library{margin:0;border:0;border-radius:0;box-shadow:none}
 
 
 .shell[data-view="library"] .library-selection{margin-bottom:12px}
 .shell[data-view="library"] .library-selection:not(:has([data-action="clear-library-selection"])){gap:0 8px;padding:8px 12px}
 .shell[data-view="library"] .library-selection:not(:has([data-action="clear-library-selection"]))>.actions-inline{display:none}
}
@media(max-width:620px){
 .shell[data-view="library"] .page{padding-top:8px}
 
 
 
 
 
 
 
 .shell[data-view="library"] .library-favorites-disclosure17{margin-bottom:8px;border-radius:10px}
 .shell[data-view="library"] .library-favorites-summary17{min-height:44px;padding:8px 12px;font-size:12px}
 .shell[data-view="library"] .library-selection:not(:has([data-action="clear-library-selection"])){display:none}
 .shell[data-view="library"] .library-workspace{gap:8px}
 .shell[data-view="library"] .library-folder-summary17{min-height:44px;padding:8px 12px;grid-template-columns:minmax(0,1fr) 16px;gap:8px}
 .shell[data-view="library"] .library-folder-summary17>h2{display:none}
 
 
 .shell[data-view="library"] .library-toolbar{margin:0;}
 .shell[data-view="library"] .library-toolbar>.search{min-height:44px;border-radius:10px}
 .shell[data-view="library"] .library-toolbar>.search>input{min-height:42px;padding-block:8px}
 .shell[data-view="library"] .library-columns>.library-collection>.collection-heading{padding-bottom:8px}
 .shell[data-view="library"] .collection-heading>h2{font-size:16px}
 .shell[data-view="library"] .library-columns .library-card-top{height:48px;min-height:48px;flex-basis:48px;padding:2px 12px}
 .shell[data-view="library"] .library-columns .library-load{height:156px;min-height:156px;max-height:156px;flex-basis:156px;padding:8px 12px;gap:2px}
 .shell[data-view="library"] .library-columns .library-load>svg{height:64px;min-height:64px;max-height:64px}
 .shell[data-view="library"] .library-columns .library-card-actions{padding:8px 12px!important}
 .shell[data-view="library"] .library-columns .library-card-actions>:is(.btn,.text-btn){height:44px;min-height:44px}
 /* Feedback stays available on the page and cannot cover a modal's save action. */
 
 
 .strip-zoom-modal .overall-zoom{width:100%;min-width:0}
 .strip-zoom-modal .overall-zoom>svg{display:block;width:100%;height:calc(var(--app-viewport-height92,100dvh) - 136px);max-height:720px;min-width:0}
 .notebook17 .note-document-head .note-name input{font-size:16px!important}
 .shell[data-view="prepare"] .page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px}
 .shell[data-view="prepare"] .page-heading h1{font-size:17px;line-height:1.25}
 .shell[data-view="prepare"] .page-heading>.btn{min-height:44px;max-width:145px;padding:8px 8px;font-size:12px;white-space:normal}
 .shell[data-view="prepare"] .prepare-overview16 .plan-metrics{gap:8px 8px;padding:8px 12px}
 .shell[data-view="prepare"] .prepare-overview16 .plan-metrics strong{font-size:16px;line-height:1.3;white-space:nowrap}
 .notebook17 .note-phone-menu-closebar17{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;min-height:48px;margin:0 0 8px;background:#fbfcfd;border-bottom:1px solid #e3e6ea}
 .notebook17 .note-phone-menu-closebar17>.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:600;color:#141c24}
}
@media(max-width:380px){
 .notebook17 .note-tools>.note-tool-button{height:44px;min-height:44px;padding:4px 2px}
 .notebook17 .note-tools>.note-tool-button>small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}

/* Desktop keeps its existing cards and project tabs. */
.phone-dashboard-entry17{display:contents}
.phone-dashboard-entry17>summary{display:none}
.phone-project-overview-tabs17{display:none}

@media(max-width:620px){
 .shell[data-view="dashboard"] .page,.shell[data-view="projects"] .page,.shell[data-view="project"] .page{padding-top:8px;padding-inline:12px}
 .shell[data-view="dashboard"] .page-heading{min-height:44px;margin-bottom:8px}
 .shell[data-view="dashboard"] .page-heading h1{font-size:20px;line-height:1.2}
 .shell[data-view="dashboard"] .dashboard15{gap:12px}
 .shell[data-view="dashboard"] .phone-dashboard-entry17{display:block;min-width:0;max-width:100%;border:1px solid #e3e6ea;border-radius:12px;background:#ffffff}
 .shell[data-view="dashboard"] .phone-dashboard-entry17>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border-radius:12px;list-style:none;font-size:12px;line-height:1.35;font-weight:600;color:#58636f;cursor:pointer}
 .shell[data-view="dashboard"] .phone-dashboard-entry17>summary::-webkit-details-marker{display:none}
 .shell[data-view="dashboard"] .phone-dashboard-entry17>summary>span{min-width:0;overflow-wrap:break-word}
 .shell[data-view="dashboard"] .phone-dashboard-entry17>summary>.icon{width:14px;height:14px;flex:none}
 .shell[data-view="dashboard"] .phone-dashboard-entry17[open]>summary>.icon{transform:rotate(90deg)}
 .shell[data-view="dashboard"] .phone-dashboard-entry17[open]>.dashboard-work-cards{padding:0 8px 8px;gap:8px}
 .shell[data-view="dashboard"] .dashboard-project-heading{min-height:44px;gap:8px;margin-bottom:8px}
 .shell[data-view="dashboard"] .dashboard-project-heading h2{font-size:17px;gap:8px}
 .shell[data-view="dashboard"] .dashboard-project-heading>.btn{min-height:44px;padding:8px 12px;font-size:12px}
 
 
 
 
 
 
 
 .shell[data-view="dashboard"] .dashboard-projects .project-list{gap:8px}
 .shell[data-view="dashboard"] .dashboard-projects .project-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:0;padding:8px 12px;border-radius:12px}
 .shell[data-view="dashboard"] .dashboard-projects .project-card>.project-thumb{display:none}
 .shell[data-view="dashboard"] .dashboard-projects .project-card>div:nth-child(2){grid-column:1;grid-row:1;min-width:0}
 
 .shell[data-view="dashboard"] .dashboard-projects .project-card h3{font-size:15px;line-height:1.3}
 .shell[data-view="dashboard"] .dashboard-projects .project-number{font-size:12px;line-height:1.3;margin:1px 0 0}
 
 
 

 /* A compact title and two accessible icon actions replace the tall header. */
 .shell[data-view="project"] .compact-project{gap:8px}
 .shell[data-view="project"] .compact-project .project-summary{grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:8px 8px;padding:8px 12px;border-radius:12px}
 .shell[data-view="project"] .compact-project .project-summary>.project-thumb{display:none}
 .shell[data-view="project"] .compact-project .project-title{grid-column:1;grid-row:1;min-width:0}
 .shell[data-view="project"] .compact-project .project-title h1{font-size:17px;line-height:1.2;letter-spacing:-.3px}
 .shell[data-view="project"] .compact-project .project-title-status{margin-top:4px;gap:4px}
 .shell[data-view="project"] .compact-project .project-title-status .badge{font-size:12px;line-height:1.3;padding:2px 8px}
 .shell[data-view="project"] .compact-project .project-title-meta{margin-top:4px;gap:1px 8px}
 .shell[data-view="project"] .compact-project .project-title p,.shell[data-view="project"] .compact-project .project-number-heading{font-size:12px;line-height:1.35}
 .shell[data-view="project"] .compact-project .project-header-actions{grid-column:2;grid-row:1;display:grid;grid-template-columns:44px;grid-auto-rows:44px;align-self:start;gap:4px;width:44px;min-width:44px;max-width:44px;margin:0}
 .shell[data-view="project"] .compact-project .project-header-actions>.btn{width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:12px;gap:0;font-size:0;line-height:1}
 .shell[data-view="project"] .compact-project .project-header-actions>.btn>.icon{width:18px;height:18px;flex:none}

 /* Closed overviews use three 44px rows; their real content remains in details. */
 .shell[data-view="project"] .compact-project .project-overview-grid{grid-template-columns:minmax(0,1fr);gap:0;border:1px solid var(--project-border);border-radius:12px;overflow:hidden}
 .shell[data-view="project"] .compact-project .project-overview-grid>.compact-overview{margin:0;border:0;border-bottom:1px solid var(--project-border);border-radius:0;box-shadow:none}
 .shell[data-view="project"] .compact-project .project-overview-grid>.compact-overview:last-child{border-bottom:0}
 .shell[data-view="project"] .compact-project .project-overview-disclosure{flex:none}
 .shell[data-view="project"] .compact-project .project-overview-grid .project-overview-disclosure>summary{min-height:44px;padding:0 52px 0 12px;gap:8px}
 .shell[data-view="project"] .compact-project .project-overview-grid .project-overview-disclosure>summary h2{font-size:12px;line-height:1.3;gap:8px}
 .shell[data-view="project"] .compact-project .project-overview-grid .project-overview-disclosure>summary>.icon{width:13px;height:13px}
 .shell[data-view="project"] .compact-project .project-overview-grid .overview-create{inset-block-start:0;inset-inline-end:0;width:44px;max-width:44px;height:44px;min-height:44px;padding:12px;border-radius:0}
 .shell[data-view="project"] .compact-project .project-overview-grid .project-overview-links{display:none}
 .shell[data-view="project"] .compact-project .project-overview-disclosure[open]>summary{margin-bottom:8px}

 /* One icon row selects the existing panels; no project content is duplicated. */
 .shell[data-view="project"] .compact-project .project-overview-grid.phone-project-overview17{gap:0;border:0;border-radius:0;overflow:visible}
 .shell[data-view="project"] .compact-project .phone-project-overview-tabs17{display:flex;align-items:stretch;justify-content:space-between;gap:4px;min-width:0;max-width:100%;height:44px;min-height:44px;padding:0;border-radius:12px;background:#ffffff;box-shadow:inset 0 0 0 1px var(--project-border)}
 .shell[data-view="project"] .compact-project .phone-project-overview-tab17{display:flex;align-items:center;justify-content:center;flex:0 0 44px;order:1;gap:8px;width:44px;min-width:44px;height:44px;min-height:44px;padding:12px;border:0;border-radius:10px;background:transparent;color:#5b6672;cursor:pointer}
 .shell[data-view="project"] .compact-project .phone-project-overview-tab17>.icon{width:18px;height:18px;flex:none}
 .shell[data-view="project"] .compact-project .phone-project-extra-label17{display:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.3}
 .shell[data-view="project"] .compact-project .phone-project-overview-tab17.is-active{flex:1 1 auto;order:0;justify-content:flex-start;width:auto;min-width:0;padding:8px 12px;background:#eff1f3;color:#141b23}
 .shell[data-view="project"] .compact-project .phone-project-overview-tab17.is-active>.phone-project-extra-label17{display:block}
 .shell[data-view="project"] .compact-project .phone-project-overview-tab17:focus-visible{outline:2px solid #171f27;outline-offset:2px}
 .shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview[hidden]{display:none!important}
 .shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview:not([hidden]){display:flex;margin-top:8px;border:1px solid var(--project-border);border-radius:12px;overflow:hidden}
 .shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview>.project-overview-disclosure>summary{display:none}
 .shell[data-view="project"] .compact-project .phone-project-overview17 .overview-body{padding-top:12px}
 .shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview>.overview-create{position:static;inset:auto;justify-content:center;gap:8px;width:100%;max-width:none;min-height:44px;height:auto;margin:0;padding:8px 12px;border:0;border-top:1px solid var(--project-border);border-radius:0;background:#f8f9fa;font-size:12px}
 .shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview>.overview-create>.overview-create-text{display:inline}

 /* Keep the existing blue/green action colors while fitting one touch row. */
 .shell[data-view="project"] .compact-project .project-work-actions17{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
 .shell[data-view="project"] .compact-project .project-work-actions17>.btn,
 .shell[data-view="project"] .compact-project .project-work-actions17>.btn.project-work-mode17{grid-column:auto;justify-self:stretch;width:100%;min-width:0;height:44px;min-height:44px;padding:4px 4px;gap:0;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:break-word}
 .shell[data-view="project"] .compact-project .project-work-icon17{display:none}
 .shell[data-view="project"] .compact-project .project-controls-redesign17{padding:8px 12px}
 .shell[data-view="project"] .compact-project .project-parts-layout17{gap:8px}
 .shell[data-view="project"] .compact-project .project-section-heading17{font-size:15px}
 .shell[data-view="project"] .compact-project .project-controls-redesign17 .project-status-select17>summary{min-height:44px}
 .shell[data-view="project"] .compact-project .project-unassigned-section17>.project-area-disclosure>summary{min-height:44px}
}

/* Folder selection and its content are two independent, inline rows. */
:is(#app,#modal-root) .quick-library.quick-favorite-rows17{min-width:0;max-width:100%}




:is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-strip{display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--favorite-visible17,1),minmax(105px,1fr));grid-auto-columns:minmax(105px,1fr);width:100%;max-width:100%;min-width:0;margin:0;padding:2px 1px 8px;overscroll-behavior-x:contain;scrollbar-width:thin;}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;position:relative;min-width:0;max-width:none;width:100%;min-height:44px;border:1px solid #dde0e5;background:#ffffff;color:#55606c;font:inherit;font-size:12px;text-align:start;cursor:pointer;scroll-snap-align:start;touch-action:pan-x pan-y}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17>.icon{width:16px;height:16px}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17>span:not(.favorite-folder-star17){min-width:0;display:-webkit-box;-webkit-box-orient:vertical;overflow-wrap:break-word;font-size:12px;font-weight:600}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17>b{min-width:18px;padding:4px 4px;border-radius:7px;background:#f1f3f5;color:#6d7782;font-size:12px;text-align:center}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17.is-active{border-color:#9098a2;background:#f3f4f6;color:#141b23;box-shadow:none}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17.is-active>b{background:#e5e8ec;color:#141b23}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-star17{font-size:17px;color:#1a222b;line-height:1}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17:focus-visible{outline:2px solid #171e27;outline-offset:-2px}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-contents17{border-top:1px solid #dfe3e7;grid-template-columns:repeat(var(--favorite-visible17,1),minmax(110px,1fr));grid-auto-columns:minmax(110px,1fr)}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-contents17>.quick-template{display:grid;position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr);align-items:center;justify-items:center;flex:none;width:100%;min-width:0;max-width:none;border:1px solid #dfe3e7;border-radius:12px;background:#ffffff;white-space:normal;text-align:center;scroll-snap-align:start;touch-action:pan-x pan-y}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-template>svg{margin:0}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-template>svg>path{stroke-width:1.1px;vector-effect:non-scaling-stroke}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-template>span:not(.favorite-star){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;min-width:0;width:100%;font-size:12px;overflow-wrap:break-word;}
/* The star's visible outline has the same 10px inset on both edges. */
:is(#app,#modal-root) .quick-favorite-rows17 .quick-template>.favorite-star{position:absolute;right:auto;left:auto;display:block;width:12px;height:12px;margin:0;font-size:0;line-height:1;background:currentColor;clip-path:polygon(50% 0,62% 35%,100% 38%,72% 62%,80% 100%,50% 78%,20% 100%,28% 62%,0 38%,38% 35%)}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-empty{grid-column:1/-1;min-width:0;align-self:center;margin:0;font-size:12px;line-height:1.45;color:#7e8791;white-space:normal}
@media(max-width:700px){
 
 
 
 :is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-strip{grid-template-columns:none;grid-auto-columns:145px;gap:8px}
 :is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17{height:48px;padding:8px 8px}
 :is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-contents17{grid-template-columns:none;grid-auto-columns:174px;padding-top:8px}
}

/* Preset folders form one disclosure; personal folders remain direct targets. */
.shell[data-view="library"] .library-system-disclosure17{display:block;flex:1 0 100%;min-width:0;max-width:100%;width:100%;margin:8px 0;border:1px solid #dfe3e7;border-radius:12px;background:#f9fafc}
.shell[data-view="library"] .library-system-summary17{grid-template-columns:18px minmax(0,1fr) auto 14px;min-height:48px;margin:0;padding:8px 12px;list-style:none;cursor:pointer;color:#56616d;font-size:12px;line-height:1.4}
.shell[data-view="library"] .library-system-summary17::-webkit-details-marker{display:none}
.shell[data-view="library"] .library-system-summary17::marker{content:""}
.shell[data-view="library"] .library-system-summary17>span{min-width:0;font-weight:600;overflow-wrap:break-word}
.shell[data-view="library"] .library-system-summary17>b{font-size:12px;font-weight:500;color:#828b95;font-variant-numeric:tabular-nums}
.shell[data-view="library"] .library-system-summary17>.icon{width:18px;height:18px;min-width:0}








.shell[data-view="library"] .library-system-summary17:focus-visible{outline:2px solid #171e27;outline-offset:-3px;border-radius:10px}
.shell[data-view="library"] .library-system-summary17.is-drop-target{background:#e9ebef;outline:2px dashed #1a222b;outline-offset:-3px;border-radius:10px}

@media(max-width:700px){
 .shell[data-view="library"] .library-system-disclosure17{margin:4px 0}
 .shell[data-view="library"] .library-system-summary17{min-height:48px;padding:8px 12px;font-size:12px}
 
}

/* The front uses the same geometry, material and allowance hierarchy as the cheek. */
.compact-front-properties .front-material-row17{padding-bottom:4px;border-bottom:1px solid #eff1f3;margin-bottom:12px}
.compact-front-properties .front-primary-dimensions17{margin-bottom:2px}
.compact-front-properties .front-edge-allowances17{padding-top:8px;border-top:1px solid #eff1f3}
.compact-front-properties>.panel-head{justify-content:space-between}
.compact-front-properties>.panel-head>h2{flex:1;min-width:0}
.compact-front-properties .front-unit-choice17{flex:none;margin:0}
.compact-front-properties .front-unit-choice17 :is(select,.app-select28){width:74px;min-width:74px;max-width:74px;min-height:44px;padding-inline:12px}
.compact-front-properties .front-window-properties-details17{border-top:1px solid #e3e6ea;margin-top:2px}
.compact-front-properties .front-window-properties-details17>summary,.compact-front-properties .front-seam-details>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:46px;padding:12px 0;font-size:12px;line-height:1.4;font-weight:600;cursor:pointer}
.compact-front-properties .front-window-properties-details17>summary::-webkit-details-marker,.compact-front-properties .front-seam-details>summary::-webkit-details-marker,.compact-front-properties .front-window-name-details17>summary::-webkit-details-marker{display:none}
.compact-front-properties .front-window-properties-details17>summary>span,.compact-front-properties .front-seam-details>summary>span{flex:1;min-width:0;margin:0;color:inherit}
.compact-front-properties .front-window-badge17{font-size:12px;font-weight:600;min-width:20px;padding:4px 4px;border-radius:7px;text-align:center;background:#f0f2f4;color:#4a6481}
.compact-front-properties .front-properties-chevron17{flex:none;width:14px;height:14px;transform:rotate(90deg);transition:transform .15s ease;color:#7f8892}
.compact-front-properties details[open]>summary>.front-properties-chevron17{transform:rotate(-90deg)}
.compact-front-properties .front-window-body17{padding-top:2px}
.compact-front-properties .front-window-selection17{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px);gap:8px;align-items:end;min-width:0}
.compact-front-properties .front-window-selection17>.field{min-width:0;margin-bottom:0}
.compact-front-properties .front-window-selection17>.btn{width:44px;height:44px;min-width:44px;padding:8px}
.compact-front-properties .front-window-name-details17{margin:0 0 12px;border:0}
.compact-front-properties .front-window-name-details17>summary[hidden]{display:none!important}
.compact-front-properties .front-window-name-details17[open]{padding-top:8px}
.compact-front-properties .front-window-rename-button17[aria-expanded="true"]{border-color:#a3aab2;background:#f1f3f5;color:#141b23}
.compact-front-properties .front-window-name-details17>.field{margin-bottom:8px}
.compact-front-properties .front-window-depths17{margin-top:12px;padding-top:12px;border-top:1px solid #eff1f3}
.compact-front-properties .front-window-note17{font-size:12px;line-height:1.5;margin:0 0 12px;color:#6d7782}
.compact-front-properties .front-window-profile-choices17{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.compact-front-properties .front-window-remove{min-height:44px;color:#9e3d3a;font-size:12px;margin-top:4px;padding:8px 0}
.compact-front-properties .front-seam-details{margin-top:2px;border-top:1px solid #e3e6ea}
.compact-front-properties .front-seam-fields17{padding-top:4px}
.compact-front-properties .front-seam-fields17>.front-join-heading{font-size:12px;line-height:1.4;margin:8px 0}
.compact-front-properties .front-window-empty{padding:12px 0 16px}
@media(max-width:620px){
 .compact-front-grid[data-phone-measure-kind17]>.compact-front-properties>.panel-head{padding:4px 12px;min-height:52px}
 .compact-front-grid[data-phone-measure-kind17]>.compact-front-properties>.panel-head>h2{font-size:15px}
 .compact-front-properties .front-window-properties-details17>summary,.compact-front-properties .front-seam-details>summary{font-size:13px}
 .compact-front-properties .front-unit-choice17 :is(select,.app-select28){width:70px;min-width:70px;max-width:70px}
}

.compact-front-properties .front-profile-choice17{margin-bottom:8px}
.front-profile-picker-modal17{max-width:560px}
.front-profile-picker-modal17 .modal-body{min-width:0}
.front-profile-picker-caption17{font-size:13px;font-weight:600;margin:0 0 8px}
.front-profile-picker-modal17 .subtle{font-size:12px;line-height:1.5;margin-bottom:12px}
.front-profile-options17{display:grid;gap:12px;min-width:0}
.front-profile-option17{padding:12px;border:1px solid #dfe3e7;border-radius:12px;min-width:0;background:#ffffff}
.front-profile-option17.is-selected{border-color:#8e969f;background:#f7f8f9}
.front-profile-option-heading17{display:grid;grid-template-columns:22px 68px minmax(0,1fr);gap:12px;align-items:center;min-height:48px;cursor:pointer}
.front-profile-option-heading17>input{width:20px;height:20px;accent-color:var(--green)}
.front-profile-option-heading17>svg{width:68px;height:48px}
.front-profile-option-heading17>svg>path{stroke-width:1.1px;vector-effect:non-scaling-stroke}
.front-profile-option-heading17>span{display:grid;gap:4px;min-width:0}
.front-profile-option17.is-missing17 .front-profile-option-heading17>span{grid-column:2/-1}
.front-profile-option-heading17 strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.front-profile-option-heading17 small{font-size:12px;color:#747e89;line-height:1.3}
.front-profile-option-depth17{margin:12px 0 0}
.front-profile-option-depth17>span{font-size:12px}
.front-profile-option-depth17 :is(select,.app-select28){min-height:44px;font-size:16px}
.front-profile-picker-empty17{display:flex;gap:12px;align-items:center;padding:20px 8px;color:#747e89;font-size:13px;line-height:1.5}
.front-profile-picker-empty17>.icon{flex:none}
@media(max-width:620px){.front-profile-option-heading17{grid-template-columns:20px 54px minmax(0,1fr);gap:8px}.front-profile-option-heading17>svg{width:54px;height:42px}.front-profile-picker-modal17 .modal-footer>.btn{flex:1;min-width:0;font-size:13px;padding-inline:8px}}

/* The folds are enlarged schematic details; they do not imply fabrication dimensions. */
:is(#app,#modal-root) .schar-seam-icon17{display:inline-block;flex:none;width:23px;height:23px;min-width:23px;max-width:23px;overflow:visible;vertical-align:middle;color:#435d79}
:is(#app,#modal-root) .schar-seam-icon17.is-over{color:#bc855f}
:is(#app,#modal-root) .schar-seam-icon17 path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(#app,#modal-root) .schar-cross-section17{display:block;flex:none;width:min(100%,360px);height:72px;min-height:0;max-width:100%;margin:4px auto 8px;overflow:visible}
:is(#app,#modal-root) .schar-cross-section17 path{fill:none;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
:is(#app,#modal-root) .schar-cross-section17 .schar-deck17{stroke:#47627f}
:is(#app,#modal-root) .schar-cross-section17 .schar-fold17.is-under{stroke:#47627f}
:is(#app,#modal-root) .schar-cross-section17 .schar-fold17.is-over{stroke:#344b64}
:is(#app,#modal-root) .schar-cross-section17.is-compact{width:78px;min-width:78px;height:26px;max-width:78px;margin:0}
:is(#app,#modal-root) .schar-cross-section17.is-compact path{stroke-width:1.1}

/* Both dormer surfaces put the formed section above the dimensioned flat panel. */
.strip-fabrication-drawing17{min-width:0;margin-top:16px;border:1px solid #e7e9ed;border-radius:10px;background:#f9fafc;overflow:hidden}
.schar-section-band17{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:16px 12px 0;text-align:center}
.schar-section-band17>.strip-pitch-label{display:block;color:#48535e;font-size:13px;line-height:1.5;font-weight:600}
.schar-section-band17>.schar-cross-section17{width:min(100%,360px);height:72px;flex:none}
.schar-section-band17>small{font-size:12px;line-height:1.4;color:#7e8791}
.strip-fabrication-drawing17>.strip-dimensioned{margin:0;border:0;border-radius:0;background:transparent;min-width:0}
.strip-results .strip-list-section17{padding-top:8px;padding-bottom:8px;text-align:center}
.strip-list-section17>.schar-cross-section17{display:block;width:78px;height:26px;max-width:none;margin:auto}
@media(max-width:700px){.schar-section-band17{padding:12px 8px 0}.schar-section-band17>.strip-pitch-label{font-size:12px}.schar-section-band17>.schar-cross-section17{height:62px}}

/* Front panels share the cheek's list and inline detail hierarchy. */
.shell[data-view="front"] .front-schar-details17{border-top:1px solid var(--line);flex:none}
.shell[data-view="front"] .front-schar-details17>summary{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;cursor:pointer;list-style:none}
.shell[data-view="front"] .front-schar-details17>summary::-webkit-details-marker{display:none}
.shell[data-view="front"] .front-schar-details17>summary>span{color:var(--muted);font-weight:400;margin-inline-start:auto;font-size:12px}
.front-schar-chevron17{width:16px;height:16px;transform:rotate(90deg);transition:transform .15s;flex:none}
:is(.front-schar-details17,.front-result-details,.front-schar-region-editors17 .front-region)[open]>summary>.front-schar-chevron17{transform:rotate(-90deg)}
.shell[data-view="front"] .front-schar-details17>.detail-box{padding:12px;border-top:1px solid var(--line);background:#fdfdfe}
.shell[data-view="front"] .front-schar-details17 .strip-detail-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.shell[data-view="front"] .front-schar-details17 .strip-detail-heading h3{font-size:15px}
.shell[data-view="front"] .front-schar-details17 .strip-detail-heading .subtle{font-size:12px!important}
.shell[data-view="front"] .front-schar-details17 .strip-contour-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.shell[data-view="front"] .front-schar-details17 .strip-contour-tabs .btn{font-size:12px;min-height:44px}
.shell[data-view="front"] .front-schar-details17 .strip-fabrication-drawing17>.strip-dimensioned{width:100%;max-height:520px;margin:0;background:transparent;border:0;border-radius:0}
.shell[data-view="front"] .compact-front-canvas{height:auto;max-height:none;align-self:start}
.shell[data-view="front"] .front-canvas-main17{height:calc(min(var(--compact-workspace-height),920px) - 44px);min-height:0;display:flex;flex-direction:column;flex:none;overflow:hidden}
.shell[data-view="front"] #front-schar-detail17:empty{display:none}
.shell[data-view="front"] .front-result-details>summary{display:flex;align-items:center;gap:8px;list-style:none}
.shell[data-view="front"] .front-result-details>summary::-webkit-details-marker{display:none}
.shell[data-view="front"] .front-result-details>summary>h2{margin:0;font-size:13px}
.shell[data-view="front"] .front-result-details>summary>.front-schar-chevron17{margin-inline-start:auto}
.front-schar-table17 .schar-cross-section17{vertical-align:middle}
.front-schar-table17 tr[data-front-select-schar17]{cursor:pointer}
.front-schar-table17 tr[data-front-select-schar17]:focus-visible{outline:2px solid #171e27;outline-offset:-2px}
.front-schar-region-editors17{padding:4px 12px 12px}
.front-schar-region-editors17 .front-region{border-top:1px solid var(--line);padding:0}
.front-schar-region-editors17 .front-region>summary{display:flex;align-items:center;min-height:44px;gap:8px;padding:8px 0;list-style:none;font-size:12px;cursor:pointer}
.front-schar-region-editors17 .front-region>summary::-webkit-details-marker{display:none}
.front-schar-region-editors17 .front-region>summary>span{margin-inline-start:auto;font-size:12px;color:var(--muted)}
.front-strip-polarity17{gap:1px;min-width:66px}
.front-strip-polarity17 .schar-seam-icon17{width:22px;height:22px;flex:none}
.front-schar-region-editors17 .front-strip-row{grid-template-columns:24px 66px minmax(100px,1fr) minmax(110px,1fr) 44px 44px;gap:8px}



.workspace-focused .shell[data-view="front"] #front-schar-detail17{display:none}
.workspace-focused .shell[data-view="front"] .front-canvas-main17{height:min(var(--compact-workspace-height),920px)}
@media(max-width:620px){
 .shell[data-view="front"] .compact-front-grid[data-phone-measure-kind17]>.compact-front-canvas{height:auto;min-height:0}
 .shell[data-view="front"] .compact-front-grid[data-phone-measure-kind17]>.compact-front-canvas>.front-canvas-main17{height:calc(clamp(340px,calc(var(--app-viewport-height92,100dvh) - 260px),580px) - 44px)}
 .shell[data-view="front"] .front-schar-details17>.detail-box{padding:12px}
 .front-schar-region-editors17 .front-strip-row{grid-template-columns:24px 62px minmax(0,1fr) 44px 44px;gap:8px}
 .front-schar-region-editors17 .front-strip-size{grid-column:3/4;grid-row:2}
 .front-schar-region-editors17 .front-region>summary{flex-wrap:wrap;gap:4px 8px}
 .front-schar-region-editors17 .front-region>summary>span{margin-inline-start:0;width:calc(100% - 24px);order:2}
 .front-schar-region-editors17 .front-region>summary>.front-schar-chevron17{margin-inline-start:auto}
 
}

.compact-front-properties .front-group-allowances17{margin-top:2px;border-top:1px solid #e3e6ea}
.compact-front-properties .front-group-allowances17>summary{display:flex;align-items:center;gap:8px;min-height:46px;padding:12px 0;list-style:none;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}
.compact-front-properties .front-group-allowances17>summary::-webkit-details-marker{display:none}
.compact-front-properties .front-group-allowances17>summary>span{flex:1;min-width:0;color:inherit}
.compact-front-properties .front-group-allowances-body17{padding:0 0 4px}
.compact-front-properties .front-allowance-group17{padding:12px 0 2px;border-top:1px solid #eff1f3}
.compact-front-properties .front-allowance-group17:first-child{padding-top:4px;border-top:0}
.compact-front-properties .front-allowance-heading17{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.compact-front-properties .front-allowance-heading17>h3{flex:1;min-width:0;margin:0;font-size:12px;font-weight:600;line-height:1.45}
.compact-front-properties .front-allowance-count17{min-width:19px;padding:2px 4px;border-radius:7px;background:#f0f2f4;color:#4a6481;font-size:12px;font-weight:600;text-align:center}
.compact-front-properties .front-allowance-group17>p{margin:-4px 0 8px;color:#45607d;font-size:12px;line-height:1.4}
.compact-front-properties .front-allowance-group17 .field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.compact-front-properties .front-allowance-group17 .field{min-width:0}
.compact-front-properties .front-allowance-group17 input{min-width:0;min-height:44px}
.compact-front-properties .front-allowance-group17 input::placeholder{font-size:12px}
.compact-front-properties .front-allowance-group17 input[aria-invalid="true"]{border-color:#b9805a}
.front-allowance-highlight17{stroke:#b9805a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #d8b29588)}
.front-allowance-highlight17>path{vector-effect:non-scaling-stroke;pointer-events:none}
@media(max-width:620px){
 .compact-front-properties .front-group-allowances17>summary,.compact-front-properties .front-allowance-heading17>h3{font-size:13px}
 .compact-front-properties .front-allowance-group17 .field-row{gap:8px}
}

/* Compact endpoint actions leave the folded contour and its dimensions clear. */
#profile-svg .profile-draw-tip{cursor:pointer;-webkit-tap-highlight-color:transparent}
#profile-svg .profile-draw-tip .profile-end-connector17{opacity:.85}
#profile-svg .profile-draw-tip:focus-visible .profile-end-button17{stroke:#344b64;stroke-width:2.1}
#profile-svg .profile-draw-tip:hover .profile-end-button17{stroke:#344b64}

/* Tablet audit: existing 44px row buttons must fit their grid columns. */
@media(min-width:621px) and (max-width:1399px){
 .shell[data-view="profile"] .profile-canvas17 .segment-row,
 .template-editor-modal .template-workspace17 .template-segments .segment-row{grid-template-columns:22px minmax(0,1fr) minmax(0,1fr) 44px 44px}
 .shell[data-view="profile"] .profile-canvas17 .segment-row>button,
 .template-editor-modal .template-workspace17 .template-segments .segment-row>button{display:grid;place-items:center;width:44px;max-width:44px;padding:0}
 /* The original unit rule explicitly used 36px!important. */
 .shell[data-view="area"] .area-unit-choice :is(select,.app-select28){height:44px;min-height:44px!important}
 /* The notebook header's local 42px minimum overrides the common button size. */
 .notebook17 .note-document-head .btn{min-height:44px}
 /* Status history overrides the normal menu button size with 32px!important. */
 .modal .menu-list>.record-history-button{min-height:44px!important}
 /* This native summary previously had only its 12px text line as a hit area. */
 .coil-plan-modal .cut-coordinates>summary{min-height:44px;padding-block:12px;line-height:20px}
 .company-density-details>summary{min-height:44px;display:flex;align-items:center;padding-block:12px;box-sizing:border-box}
 /* The direct measurement field must fit 44px inside its bordered editor. */
 .compact-site-grid .site-inline-editor.site-inline-direct{height:48px;min-height:48px}
 .compact-site-grid .site-inline-direct input{height:44px;min-height:44px!important}
}
.shell[data-view="library"] .library-columns .library-card-top>.card-select{gap:8px}
.shell[data-view="library"] .library-columns .card-select>input{margin-top:4px}
.library-card-badges17{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:100%}
.library-card-badges17>.badge{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:22px;padding:4px 8px;font-size:12px;line-height:13px;white-space:normal;overflow-wrap:anywhere}
.library-card-badges17>.library-profile-link17{color:#3b536e;background:#f0f4f8}
.library-profile-link17>.small-icon{width:12px;height:12px;flex:none}
.shell[data-view="library"] .library-columns .card-select .library-profile-link17{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:4px;max-width:100%;min-height:22px;height:auto;padding:4px 8px;line-height:13px;text-align:start}
.shell[data-view="library"] .library-columns .library-profile-link17>.small-icon{width:12px;height:12px;min-width:12px;max-height:12px;margin:0;flex:0 0 12px}
.library-card-badges17>.badge.grey{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}





.profile-link-field17 :is(select,.app-select28){color:#4f5a66;background-color:#f9fafc;border-color:#dfe3e7}

.shell[data-view="library"] .library-grid:has(.window-depth-panel17){grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}
.window-depth-panel17{border-top:1px solid #e3e6ea;padding:16px 12px 12px;min-width:0;background:#fdfdfe;border-radius:0 0 16px 16px}
.window-depth-head17{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.window-depth-head17>span{font-size:12px;color:#78818c}
.window-depth-help17{font-size:12px;line-height:1.5;color:#6e7883;margin:8px 0 0}
.shell[data-view="library"] .library-columns .window-depth-panel17 svg.window-depth-svg17{display:block;width:100%;height:260px;max-height:none;margin:8px 0;overflow:visible;touch-action:pan-y}
.window-depth-svg17 [data-window-depth-edge17]{cursor:pointer}
.window-depth-svg17 [data-window-depth-edge17]:focus-visible{outline:none;stroke:#3f587455;stroke-width:12}
.window-depth-panel17 form{display:grid;gap:8px;margin:0}
.window-depth-panel17 form[hidden]{display:none}
.window-depth-panel17 .window-depth-field17{margin:0;gap:4px}
.window-depth-panel17 .window-depth-field17>span{font-size:12px;line-height:1.4;display:flex;align-items:center;gap:8px}
.window-depth-field17>span:before{content:'';width:13px;height:3px;flex:none;border-radius:4px;background:currentColor}
:root{--window-depth-color103:#79659d}
.window-depth-field17.is-projection17>span{color:#4d6783}.window-depth-field17.is-depth17>span{color:var(--window-depth-color103)}.window-depth-field17.is-deduction17>span{color:#b9805a}
.window-depth-panel17 .window-depth-field17 input{width:100%;min-width:0;min-height:44px;font-size:16px;padding:8px 40px 8px 12px}
.window-depth-panel17 .input-unit>b{font-size:12px}
.window-depth-equation17{font-size:12px;line-height:1.5;color:#56616d;font-variant-numeric:tabular-nums}
.window-depth-error17{font-size:12px;line-height:1.5;color:#b9805a}
.window-depth-error17:empty,.window-depth-equation17:empty{display:none}
.window-depth-panel17 .text-btn{font-size:12px;min-height:36px;justify-content:flex-start;padding:4px 0}
.window-depth-actions17{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
.window-depth-panel17 .window-depth-actions17>.btn{width:100%;min-height:44px;font-size:12px;white-space:normal;padding:8px}
.front-depth-automatic17{display:grid;gap:4px;margin-top:12px;padding:12px;border:1px solid #e1e4e8;background:#f8f9fa;border-radius:10px;font-size:12px;color:#68737e}
.front-depth-automatic17 strong{font-size:15px;color:#151c24;font-variant-numeric:tabular-nums}.front-depth-automatic17 small{font-size:12px;line-height:1.4}
.library-unlink-actions17{display:flex;gap:8px;flex-wrap:wrap}.library-unlink-actions17 .btn{white-space:normal}
@media(max-width:700px){.window-depth-panel17{padding:16px}.window-depth-panel17 .window-depth-field17>span{font-size:12px}.window-depth-head17{font-size:13px}.window-depth-actions17{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.shell[data-view="library"] .library-selection:has(.library-unlink-actions17){display:grid}.shell[data-view="library"] .library-selection:has(.library-unlink-actions17)>.library-unlink-actions17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.shell[data-view="library"] .library-unlink-actions17>.btn{min-height:48px;font-size:12px;padding:8px}}

.prepare-cut-report-variants17 .prepare-cut-layout17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-top:12px;min-width:0}
.prepare-cut-report-variants17 .prepare-report-table{min-width:0;overflow-x:auto;margin:0}
.prepare-cut-report-variants17 .prepare-report-table table{width:100%;table-layout:fixed}
.prepare-cut-report-variants17 .prepare-report-table th,.prepare-cut-report-variants17 .prepare-report-table td{padding:8px 8px;font-size:12px;white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.prepare-cut-report-variants17 .prepare-report-table th:nth-child(1){width:23%}.prepare-cut-report-variants17 .prepare-report-table th:nth-child(2){width:30%}
.prepare-cut-report-variants17 .prepare-report-table td.prepare-rest-mm{min-width:0}
.prepare-cut-report-variants17 .is-active-variant17{background:#f3f4f6}
.prepare-variant17{display:grid;gap:8px;margin:0;min-width:0}
.prepare-variant-navigation17{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;align-items:center;min-width:0}
.prepare-variant-navigation17>.icon-btn{width:44px;height:44px;min-height:44px;padding:0;border-radius:10px}
.prepare-variant-navigation17>span{font-size:12px;font-weight:600;text-align:center;white-space:normal;font-variant-numeric:tabular-nums}
.prepare-variant-image17{display:grid;place-items:center;min-width:0;height:235px;background:#f9fafc;border:1px solid #e9ebef;border-radius:10px;padding:8px}
.prepare-variant-image17>svg{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
.prepare-variant17>figcaption{font-size:12px;color:#6d7782;text-align:center;line-height:1.4}
.prepare-sheet-notes17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid #e7e9ed;margin-top:16px;padding-top:16px}
.prepare-sheet-notes17>section{padding:12px 12px;border:1px solid #e3e6ea;background:#fbfcfd;border-radius:10px;min-width:0}
.prepare-sheet-notes17 h5{font-size:12px;font-weight:600;color:#717b85;margin:0 0 8px;line-height:1.4}
.prepare-sheet-notes17 ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.prepare-sheet-notes17 li{display:flex;align-items:baseline;gap:8px;font-size:12px;line-height:1.5;min-width:0}
.prepare-sheet-notes17 li>span{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.prepare-sheet-notes17 li>i{width:8px;height:8px;flex:none;border-radius:2px}
.prepare-rest-swatch17{background:#d6dade}
@media(max-width:1100px) and (min-width:761px){.prepare-cut-report-variants17 .prepare-cut-layout17{gap:8px}.prepare-cut-report-variants17 .prepare-report-table th,.prepare-cut-report-variants17 .prepare-report-table td{font-size:12px;padding:8px 4px}.prepare-variant-image17{height:205px}.prepare-sheet-notes17{grid-template-columns:1fr}}
@media(max-width:560px){.prepare-cut-report-variants17 .prepare-cut-layout17{grid-template-columns:1fr;gap:12px}.prepare-variant-image17{height:260px}.prepare-variant-navigation17{grid-template-columns:44px minmax(0,1fr) 44px}.prepare-variant-navigation17>.icon-btn{width:44px;height:44px;min-height:44px}.prepare-variant-navigation17>span{font-size:12px}.prepare-cut-report-variants17 .prepare-report-table th,.prepare-cut-report-variants17 .prepare-report-table td{font-size:12px}.prepare-sheet-notes17{grid-template-columns:1fr}}

@media(min-width:761px) and (max-width:900px){.prepare-cut-report-variants17 .prepare-cut-layout17{grid-template-columns:1fr}}

.profile-link-warning17{place-items:center;border-radius:50%;}
.library-system-summary17>.profile-link-warning17{margin-left:2px}.folder-target>.profile-link-warning17{margin-left:auto}.folder-target>.profile-link-warning17+b{margin-left:4px}
.profile-link-setup17{border-top:1px solid var(--line,#e1e4e8)}.profile-length-panel17{border-top:0}.profile-length-panel17 form{display:grid;gap:12px}.profile-length-panel17 .field{margin:0}.profile-length-panel17 .labels-toggle{align-items:center;line-height:1.4}.profile-length-panel17 input[type=checkbox]{width:22px;height:22px;flex:0 0 auto}.profile-length-panel17 p{margin:0}.profile-length-panel17 .btn{width:100%;min-height:44px}.profile-link-pending17{display:grid;gap:12px;margin:20px 0 0;padding-left:24px}.profile-link-pending17 li>span{display:block;font-size:13px;color:#354c66;margin-top:4px}.profile-length-panel17 :focus-visible,.window-depth-svg17 [data-window-depth-edge17]:focus-visible{outline:3px solid #969ea7;outline-offset:3px}
.profile-rounding-settings17{display:grid;gap:16px}.profile-rounding-settings17 p{margin:0;line-height:1.5}.profile-rounding-settings17 .labels-toggle{align-items:center;line-height:1.4}.front-profile-length17{display:grid;gap:4px;padding:12px 0 0;font-size:12px;color:#5b6672}.front-profile-length17 strong{color:#141b23;font-size:15px}.front-profile-length17 small{font-size:12px;line-height:1.4}
.shell[data-view="library"] .library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-toolbar>.search{flex:1;max-width:520px}.library-company-toggle17{margin-left:auto;min-height:46px;white-space:nowrap}.library-company-toggle17.is-visible17{background:#f1f3f5;border-color:#cdd1d7;color:#141b23}.library-company-visibility-state17{font-size:12px;border-radius:10px;padding:4px 8px;background:#ffffffb8;line-height:1}.shell[data-view="library"] .library-columns.is-company-hidden17{grid-template-columns:minmax(0,1fr)}
@media(max-width:620px){.shell[data-view="library"] .library-toolbar{display:flex;gap:8px}.shell[data-view="library"] .library-toolbar>.search{width:auto;flex:1;min-width:0}.library-toolbar>.library-company-toggle17{width:48px;min-width:48px;height:48px;padding:12px;margin:0}.library-company-toggle17>span{display:none}.library-company-toggle17 .small-icon{width:22px;height:22px}.library-company-toggle17[aria-pressed="false"]{opacity:.65}}

.profile-link-warning17{flex:0 0 14px!important;width:14px;height:14px;min-width:14px;border:0;outline:0;background:#edf1f6;color:#415b77;font-size:12px;font-weight:600;box-shadow:none}.library-system-summary17>.profile-link-warning17{margin:0}.shell[data-view="library"] .library-system-summary17{display:grid;grid-template-columns:18px minmax(0,1fr) auto 16px;align-items:center;flex-wrap:nowrap}.library-system-summary17:has(>.profile-link-warning17)>svg:first-child{display:none}.library-system-summary17>span:not(.profile-link-warning17){min-width:0;white-space:nowrap}.library-system-summary17>b{grid-row:1}

.shell[data-view="library"] .library-system-summary17{grid-template-columns:16px 14px minmax(0,1fr) 14px auto;gap:8px}.shell[data-view="library"] .library-system-summary17>svg:first-child{display:block;grid-column:1;grid-row:1;width:16px;height:16px}.shell[data-view="library"] .library-system-summary17>.profile-link-warning17{grid-column:2;grid-row:1}.shell[data-view="library"] .library-system-summary17>span:not(.profile-link-warning17){grid-column:3;grid-row:1;white-space:nowrap;font-size:clamp(11px,.9vw,13px);letter-spacing:-.15px}.shell[data-view="library"] .library-system-summary17>b{grid-column:5;grid-row:1;justify-self:end;margin:0;min-width:1ch;text-align:end}

.shell[data-view="library"] .library-system-summary17:not(:has(>.profile-link-warning17)){grid-template-columns:16px minmax(0,1fr) 14px auto}.shell[data-view="library"] .library-system-summary17:not(:has(>.profile-link-warning17))>span{grid-column:2}.shell[data-view="library"] .library-system-summary17:not(:has(>.profile-link-warning17))>b{grid-column:4}
.profile-link-warning17{display:inline-flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;line-height:0;vertical-align:middle}
.profile-link-warning17>svg{display:block;width:10px;height:10px;min-width:10px;flex:0 0 10px;margin:0}
.window-depth-head17>strong{display:flex;align-items:center;gap:8px}
.window-depth-head17 .profile-link-warning17{flex-shrink:0}
.window-depth-head17 .profile-link-warning17>svg{margin:0}
.window-depth-head17>.profile-setup-state17{font-size:12px;line-height:1.4;text-align:end}
.window-depth-head17>.profile-setup-state17.is-pending{color:#b9805a;text-shadow:0 0 9px #b77e5924}
.window-depth-head17>.profile-setup-state17.is-confirmed{color:#46617d}


.surface-group17.record-row{display:block;position:relative;margin:12px 16px;padding:0;border:1px solid #d9dde1;border-radius:16px;overflow:hidden;background:#f8f9fa}.surface-group17>details>summary{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px 96px 16px 16px;cursor:pointer;list-style:none}.surface-group17>details>summary::-webkit-details-marker{display:none}.surface-group-title17{display:grid;gap:4px;min-width:0}.surface-group-title17 strong{font-size:15px;overflow-wrap:anywhere}.surface-group-title17 small{font-size:12px;color:#68737e}.surface-group-symbol17{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e9ebef;color:#151c24;flex:0 0 auto}.surface-group-chevron17{margin-left:auto;transform:rotate(0deg)}.surface-group17>details[open]>summary>.surface-group-chevron17{transform:rotate(90deg)}.surface-group-actions17{position:absolute;top:16px;display:flex;gap:4px}.surface-group-records17{border-top:1px solid #dde0e5;background:#ffffff}.surface-group-records17>.record-row{margin:0;border:0;border-bottom:1px solid #e7e9ed;border-radius:0}.surface-group-records17>.record-row:first-child{background:#fbfcfd}.surface-group-records17>.record-row:last-child{border-bottom:0}.surface-group17.project-record-drag-source{opacity:.35}.surface-group17 .record-actions{position:static}.surface-group-records17 .record-copy{min-width:0}.surface-group-records17 .record-copy h3{overflow-wrap:anywhere}
@media(max-width:620px){.surface-group17.record-row{margin:8px 4px}.surface-group17>details>summary{gap:8px;padding-left:12px;min-height:78px}.surface-group-title17 strong{font-size:15px}.surface-group-title17 small{font-size:12px}.surface-group-actions17{right:5px}.surface-group-records17>.project-record17{padding-left:12px;padding-right:12px}.surface-group-records17 .record-icon{width:54px}.surface-group17 .surface-group-actions17 .icon-btn{width:38px;min-width:38px}.surface-group17 .surface-group-chevron17{width:15px}}

.surface-group17>details>summary{padding-right:64px}.surface-group-actions17{right:10px}.surface-group17.project-record-drag-source{visibility:hidden!important}.project-record17,.surface-group17>details>summary{touch-action:pan-y;user-select:none;-webkit-user-select:none}.project-record17:active,.surface-group17>details>summary:active{cursor:grab}
@media(max-width:620px){.surface-group17>details>summary{padding-right:60px}}

.shell[data-view="library"] .library-favorites-disclosure17{display:block;position:sticky;top:var(--library-sticky-top17,56px);z-index:31;min-width:0;max-width:100%;margin:0 0 16px;background:#f8f9fa;border:1px solid #dde0e5;border-radius:16px;box-shadow:0 7px 16px #2f39440f;isolation:isolate}
.shell[data-view="library"] .library-favorites-disclosure17>.library-favorites-content17{display:block;max-height:min(34dvh,320px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:inherit}
.shell[data-view="library"] .library-favorites-content17>.quick-library{margin:0;border:0;background:transparent;box-shadow:none}
@media(min-width:701px){.shell[data-view="library"] .library-folders{position:sticky;top:calc(var(--library-sticky-top17,56px) + var(--library-favorites-height17,150px) + 12px);max-height:calc(var(--app-viewport-height92,100dvh) - var(--library-sticky-top17,56px) - var(--library-favorites-height17,150px) - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;align-self:start}}
@media(max-width:700px){.shell[data-view="library"] .library-favorites-disclosure17{margin-bottom:12px}.shell[data-view="library"] .library-favorites-disclosure17:not([open])>.library-favorites-content17{display:none}.shell[data-view="library"] .library-favorites-disclosure17[open]>.library-favorites-content17{max-height:30dvh}.shell[data-view="library"] .library-favorites-content17>.quick-library{padding:0}}
.shell[data-view="library"] .library-favorites-disclosure17{top:calc(var(--library-sticky-top17,56px) + 12px)}
.shell[data-view="library"] .library-favorites-disclosure17::before{content:'';display:none;position:absolute;inset:-13px -1px auto;height:12px;background:#f5f6f8;pointer-events:none}
.shell[data-view="library"] .library-favorites-disclosure17.is-stuck17::before{display:block}
@media(min-width:701px){.shell[data-view="library"] .library-folders{top:calc(var(--library-sticky-top17,56px) + var(--library-favorites-height17,150px) + 24px);max-height:calc(var(--app-viewport-height92,100dvh) - var(--library-sticky-top17,56px) - var(--library-favorites-height17,150px) - 48px)}}
@media(min-width:701px){.shell[data-view="library"] .library-workspace{min-height:calc(var(--app-viewport-height92,100dvh) - var(--library-sticky-top17,56px) - var(--library-favorites-height17,150px) - 24px)}}

.project-area-manager17 #project-area-manager-form17{padding-top:20px;margin-top:20px;border-top:1px solid #e1e4e8;display:grid;gap:16px}.project-area-manager17 .library-group-row17{grid-template-columns:44px minmax(0,1fr) auto 44px}.project-area-manager17 .library-group-copy17{min-width:0}.project-area-manager17 .library-group-copy17 strong{overflow-wrap:anywhere}.project-area-manager17 [data-area-manager-drag17]{touch-action:none;cursor:grab}.project-area-manager17 .modal-footer,.library-groups17 .modal-footer{display:none}.project-area-manager17 .modal-head>.group-manager-save17,.library-groups17 .modal-head>.group-manager-save17{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto!important;min-width:116px;min-height:44px;padding:8px 16px;border-radius:12px;background:#47627f;color:#ffffff;border:1px solid #47627f;font-size:15px;font-weight:600;white-space:nowrap}.project-area-manager17 .modal-head>.group-manager-save17>svg,.library-groups17 .modal-head>.group-manager-save17>svg{width:19px;height:19px}.project-area-manager17 .modal-head>h2,.library-groups17 .modal-head>h2{min-width:0}.project-area-manager17 .modal-body{padding-bottom:24px}
@media(max-width:620px){.project-area-manager17 .library-group-row17{grid-template-columns:40px minmax(0,1fr) auto 40px;gap:8px}.project-area-manager17 .library-group-row17>.btn{font-size:12px;padding:8px}.project-area-manager17 .modal-head>.group-manager-save17,.library-groups17 .modal-head>.group-manager-save17{min-width:102px;font-size:12px;padding:8px 12px}.project-area-manager17 .modal-head>h2,.library-groups17 .modal-head>h2{font-size:17px}}

.favorite-manager-name17{padding:0!important;justify-content:flex-start;gap:4px;font-size:inherit;min-height:24px;text-align:start;color:inherit}.favorite-manager-name17>.small-icon{width:12px;flex:0 0 auto}.favorite-manager-members17{display:grid;gap:12px;padding:12px 16px 20px;margin-top:-4px;border:1px solid #e1e4e8;border-top:0;border-radius:0 0 12px 12px}.favorite-manager-members17 .labels-toggle{align-items:center;font-size:13px}.favorite-manager-members17 input{width:21px;height:21px;flex:0 0 auto}

.tasks-page17{max-width:1300px}.task-owner17{min-width:200px;max-width:300px;flex:1;margin:0}.tasks-summary17{display:flex;justify-content:space-between;gap:16px;padding:20px 4px;color:#6e7883;font-size:13px}.tasks-summary17 strong{font-weight:600;color:#45505b}.tasks-projects17{display:grid;gap:20px}.task-project17{overflow:hidden}.task-project17>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fbfcfd;border-bottom:1px solid #e5e8ec}.task-project17>header>div{display:flex;align-items:center;gap:12px;min-width:0}.task-project17 h2{font-size:15px;margin:0;overflow-wrap:anywhere}.task-project17>header>small{font-size:12px;color:#76808b;white-space:nowrap}.task-record17{display:grid;grid-template-columns:minmax(160px,1.6fr) 105px minmax(75px,.7fr) minmax(55px,.5fr) minmax(80px,.7fr) 16px;align-items:center;gap:16px;width:100%;padding:16px 20px;border:0;border-bottom:1px solid #ebedf0;background:#ffffff;color:inherit;text-align:start;cursor:pointer;font:inherit}.task-record17:last-child{border-bottom:0}.task-record17:hover{background:#f8f9fa}.task-record17:focus-visible{outline:2px solid #607892;outline-offset:-3px}.task-record-name17{min-width:0;display:grid;gap:4px}.task-record-name17>strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.task-record-name17>small{font-size:12px;color:#7f8892;line-height:1.4}.task-record-status17 .badge{font-size:12px}.task-fact17{display:grid;gap:4px}.task-fact17 small{font-size:12px;color:#7f8892}.task-fact17 strong{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.task-meters17 strong{color:#141b23}.tasks-empty17{padding:36px}.task-target17{animation:task-target17 2.5s ease-out}@keyframes task-target17{0%,45%{background:#ebedf0}100%{background:inherit}}
@media(max-width:1050px){.task-owner17{max-width:none;min-width:0}.task-record17{grid-template-columns:minmax(120px,1.5fr) 95px minmax(70px,.7fr) 55px 75px 14px;gap:8px}.task-project17>header>div{flex-wrap:wrap;gap:4px 12px}}
@media(max-width:620px){.tasks-summary17{font-size:12px;gap:8px;padding:16px 2px;align-items:center}.task-project17>header{padding:12px 12px;gap:8px}.task-project17 h2{font-size:15px}.task-project17>header>small{font-size:12px}.task-record17{grid-template-columns:repeat(3,minmax(0,1fr)) 14px;padding:12px 12px}.task-record-status17{}.task-record17>.task-fact17:nth-of-type(3){grid-column:1}.task-record17>.task-fact17:nth-of-type(4){grid-column:2}.task-record17>.task-fact17:nth-of-type(5){grid-column:3}.task-fact17 small{font-size:12px}.task-fact17 strong{font-size:12px}.task-record-name17>small{font-size:12px}.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.task-target17{animation:none;background:#ebedf0}}
.prepare-item17.task-target17{scroll-margin-top:72px}

.task-dashboard17{display:grid;grid-template-columns:minmax(235px,.9fr) minmax(0,2fr);gap:24px 40px;padding:24px;background:linear-gradient(120deg,#ffffff 15%,#f8f9fa);border-color:#e1e4e8}
.task-scope17{grid-row:1/3;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding-right:24px;border-right:1px solid #e5e8ec}
.task-eyebrow17{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;color:#7a848e}
.task-scope-buttons17{display:flex;gap:8px}
.task-scope-buttons17>button{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px;border:1px solid #e5e8ec;border-radius:12px;background:#ffffff;color:#7a848e;font:inherit;font-size:12px;cursor:pointer}
.task-scope-buttons17>button.active{border-color:#c5cad0;background:#ebedf0;color:#141b23;box-shadow:0 3px 9px #141b230a}
.task-scope-buttons17 svg{width:19px;height:19px;flex-shrink:0}
.task-company17{margin:0;}
.task-dashboard17 .task-owner17{min-width:0;max-width:none;width:100%;margin:0;flex:0}
.task-dashboard17 .task-owner17 :is(select,.app-select28){min-height:42px;padding:8px 12px;font-size:12px}








.task-project17>summary{display:flex;align-items:center;gap:16px;list-style:none;padding:20px 20px;cursor:pointer;background:#ffffff}
.task-project17>summary::-webkit-details-marker{display:none}


.task-project-copy17{display:grid;gap:8px;min-width:0;flex:1}
.task-project-copy17>strong{font-size:15px;overflow-wrap:anywhere}
.task-project-copy17>small{display:flex;align-items:center;gap:8px;font-size:12px;color:#878f99}
.task-project-totals17{display:grid;gap:8px;text-align:right;flex-shrink:0}
.task-project-totals17 strong{font-size:12px;font-weight:600;color:#525d68}
.task-project-totals17 small{font-size:12px;color:#878f99;font-variant-numeric:tabular-nums}
.task-project17>summary>svg{color:#878f99;transition:transform .18s;margin-left:6px}
.task-project17[open]>summary{background:#f8f9fa;border-bottom:1px solid #e5e8ec}
.task-project17[open]>summary>svg{transform:rotate(90deg)}
@media(max-width:1100px){.task-dashboard17{grid-template-columns:minmax(200px,.85fr) minmax(0,2fr);gap:20px;padding:20px}.task-scope17{padding-right:20px}}
@media(max-width:850px){.task-dashboard17{grid-template-columns:minmax(0,1fr);gap:24px}.task-scope17{grid-row:auto;border:0;padding:0;gap:12px}.task-scope-buttons17{max-width:340px}}
@media(max-width:620px){.task-dashboard17{padding:16px;gap:20px}.task-scope-buttons17{max-width:none}.task-project17>summary{gap:12px;padding:16px 12px}.task-project-copy17>strong{font-size:12px}.task-project-copy17>small{font-size:12px;flex-wrap:wrap;gap:4px}.task-project-totals17 strong{font-size:12px}.task-project-totals17 small{font-size:12px}.task-project17>summary>svg{margin:0;width:13px}}
@media(max-width:620px){.shell .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:0;padding-left:max(4px,env(safe-area-inset-left),env(safe-area-inset-right));padding-right:max(4px,env(safe-area-inset-left),env(safe-area-inset-right))}.shell .mobile-nav>button{width:100%;min-width:0;max-width:100%;padding-inline:2px;overflow:hidden}.shell .mobile-nav>button>span{display:block;max-width:100%;font-size:clamp(7px,2vw,9px);white-space:nowrap;line-height:1.4}.workspace-focused .shell .mobile-nav{display:none}}
.task-record-name17{grid-template-columns:32px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:4px}
.task-type-symbol17{grid-column:1;grid-row:1/3;display:grid;place-items:center;border-radius:10px;color:#717b85}
.task-type-symbol17>svg{stroke-width:1.6}
.task-record-name17>strong,.task-record-name17>small{grid-column:2}
.task-record-name17>strong{align-self:end}.task-record-name17>small{align-self:start}
@media(max-width:620px){.task-record-name17{grid-template-columns:30px minmax(0,1fr);column-gap:12px}.task-type-symbol17{border-radius:7px}}
.task-record-name17{grid-template-columns:40px minmax(0,1fr)}.task-type-symbol17{width:40px;height:40px;background:#f5f6f8}.task-type-symbol17>svg{width:36px;height:36px;opacity:.9}
@media(max-width:620px){.task-record-name17{grid-template-columns:34px minmax(0,1fr)}.task-type-symbol17{width:34px;height:34px}.task-type-symbol17>svg{width:32px;height:32px}}

.library-phone-card-summary17{display:none}.library-phone-card-body17{display:flex;flex-direction:column}.library-phone-card17{min-width:0;width:100%}
@media(max-width:620px){
 .shell[data-view="library"] .library-columns .library-grid{gap:8px}
 .shell[data-view="library"] .library-columns .library-card{border-radius:12px}
 .library-phone-card-summary17{display:grid;grid-template-columns:18px 42px minmax(0,1fr) 24px;grid-template-rows:auto auto;align-items:center;box-sizing:border-box;list-style:none;cursor:pointer}
 .library-phone-card-summary17::-webkit-details-marker{display:none}
 .library-phone-check17{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;margin:0}
 .library-phone-check17>input{width:17px;height:17px;min-width:17px;margin:0}
 .library-phone-thumb17{grid-column:2;grid-row:1/3;display:grid;place-items:center;overflow:hidden;border-radius:10px;}
 .library-phone-thumb17>svg{display:block;pointer-events:none}
 .library-phone-copy17{grid-column:3;grid-row:1;display:grid;min-width:0}
 .library-phone-copy17>strong{display:-webkit-box;-webkit-box-orient:vertical;font-size:12px;color:#27323c;font-weight:600;overflow-wrap:anywhere}
 .library-phone-card-badges17{display:flex;min-width:0;overflow:hidden}
 .library-phone-card-badges17>span{min-width:0;background:#eff1f3;color:#4d6784;font-size:12px;font-weight:500;}
 .library-phone-card-badges17>span:only-child{max-width:100%}
 .library-phone-card-badges17>.library-phone-link17{display:flex;align-items:center;background:#f1f3f5;color:#435d7a}
 .library-phone-link17>svg{min-width:10px}
 .library-phone-card-tools17{grid-column:3;grid-row:2;display:flex;align-items:center;min-width:0}
 .library-phone-card-tools17>button{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #e1e4e8;border-radius:7px;font:inherit;line-height:13px;cursor:pointer}
 .library-phone-card-tools17>button>.small-icon{width:12px;height:12px}
 .library-phone-card-tools17>.library-phone-favorite17{font-size:17px;border:0;background:transparent;color:#989fa8}
 .library-phone-card-tools17>.is-favorite{color:#1a232c}
 .library-phone-card-chevron17{grid-column:4;grid-row:1/3;width:16px;height:16px;justify-self:end;color:#828b95;transition:transform .18s}
 .library-phone-card17[open]>.library-phone-card-summary17{grid-template-columns:minmax(0,1fr) 24px;grid-template-rows:auto;min-height:38px;padding:8px 12px;border-bottom:1px solid #e9ebef;background:#f9fafc}
 .library-phone-card17[open]>.library-phone-card-summary17 :is(.library-phone-check17,.library-phone-thumb17,.library-phone-card-badges17,.library-phone-card-tools17){display:none}
 .library-phone-card17[open]>.library-phone-card-summary17>.library-phone-copy17{grid-column:1;grid-row:1}
 .library-phone-card17[open]>.library-phone-card-summary17>.library-phone-copy17>strong{-webkit-line-clamp:1}
 .library-phone-card17[open]>.library-phone-card-summary17>.library-phone-card-chevron17{grid-column:2;grid-row:1;transform:rotate(90deg)}
 .library-phone-card-summary17:focus-visible{outline:2px solid #657c95;outline-offset:-2px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce){.library-phone-card-chevron17{transition:none}}
@media(max-width:620px){
 .shell[data-view="library"] .library-columns .library-card:has(>.library-phone-card17){overflow:hidden}
 .library-phone-card17{border-radius:inherit}
 .library-phone-card-summary17{min-height:94px}
 .library-phone-card-summary17 svg{margin:0}
 .library-phone-thumb17{background:#f5f6f8}
 .library-phone-thumb17>svg{margin:0}
 .library-phone-copy17>strong{font-size:12px;}
 .library-phone-card-badges17{align-items:center;gap:4px;height:17px;min-height:17px}
 .library-phone-card-badges17>span{display:inline-flex;align-items:center;font-size:12px;border-radius:4px}
 .library-phone-card-badges17>.library-phone-link17{gap:4px}
 .library-phone-link17>svg{margin:0;}
 .library-phone-card-tools17{gap:8px}
 .library-phone-card-tools17>button{min-height:28px;padding:4px 8px;background:#f8f9fa;font-size:12px;color:#4c5762}
 .library-phone-card-tools17>.library-phone-favorite17{margin-left:auto}
}
@media(max-width:620px){.library-phone-card-summary17{position:relative}.library-phone-card-tools17>.library-phone-favorite17{position:absolute;top:3px;inset-inline-end:4px;width:28px;height:28px;min-width:28px;min-height:28px;margin:0;padding:0}}

/* Paint disclosure hover backgrounds within the same rounded surface as their box.
   Popup menus and drawing/focus overlays retain their existing overflow behavior. */
details>summary{border-radius:inherit;background-clip:padding-box}
:is(.panel,.library-card,.surface-group17,.library-folders,.prepare-item17,.prepare-item16,.settings-password17)>details{border-radius:inherit}
:is(.library-favorites-disclosure17,.library-folder-disclosure17,.library-system-disclosure17,.task-project17,.settings-section17,.project-area-disclosure,.project-overview-disclosure,.prepare-disclosure,.area-strip-details,.library-phone-card17,[data-surface-group-key17])[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
.quick-favorite-folder>summary,.favorite-folder-button17,.quick-template{background-clip:padding-box}
.task-type-symbol17 .profile-thumbnail17 path,.library-phone-thumb17 .profile-thumbnail17 path{vector-effect:non-scaling-stroke;stroke-width:1.1}
.library-favorites-disclosure17{--rounded-summary17:14px}.library-folder-disclosure17{--rounded-summary17:14px}.library-system-disclosure17{--rounded-summary17:11px}.library-phone-card17{--rounded-summary17:12px}.surface-group17>details{--rounded-summary17:15px}
:is(details.panel,.library-favorites-disclosure17,.library-folder-disclosure17,.library-system-disclosure17,.library-phone-card17,.surface-group17>details,.project-overview-disclosure,.prepare-disclosure)>summary{border-radius:var(--rounded-summary17,var(--radius,12px))}
:is(details.panel,.library-favorites-disclosure17,.library-folder-disclosure17,.library-system-disclosure17,.library-phone-card17,.surface-group17>details,.project-overview-disclosure,.prepare-disclosure)[open]>summary{border-radius:var(--rounded-summary17,var(--radius,12px)) var(--rounded-summary17,var(--radius,12px)) 0 0}

.workshop-steps17{grid-column:2;grid-row:1;display:grid;grid-template-rows:repeat(2,minmax(44px,1fr));border-inline-start:1px solid #e3e6ea;align-self:stretch;min-width:0}
.workshop-step17{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0;padding:12px 16px;cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap;transition:background .15s}
.workshop-step17 input{width:21px;height:21px;min-width:21px;margin:0;cursor:pointer}
.workshop-step-cut17{background:#f2f3f5;color:#3c546f;border-bottom:1px solid #e4e7eb}
.workshop-step-cut17 input{accent-color:#415b77}
.workshop-step-cut17:hover{background:#eef2f7}
.workshop-step-cut17.is-done{background:#e1e4e7;color:#505860}
.workshop-step-prepared17{background:#f4f5f7;color:#907337}
.workshop-step-prepared17 input{accent-color:#8f7236}
.workshop-step-prepared17:hover{background:#eceef1}
.workshop-step-prepared17.is-done{background:#e7e9ed;color:#6f5621}
.workshop-step17.is-disabled{cursor:default}.workshop-step17.is-disabled input{cursor:default}
.workshop-step-prepared17.is-disabled:not(.is-done){color:#d1b376;background:#f7f8f9}
.workshop-steps17[aria-busy=true]{opacity:.65}
.prepare-item.enhanced.prepare-item16:has(.workshop-steps17){grid-template-columns:minmax(0,1fr) 158px}
.prepare-name>[data-workshop-status17]{flex-shrink:0;display:inline-flex}.workshop-number17{color:#626d78;font-variant-numeric:tabular-nums;margin-inline-end:4px}
.workshop-progress17{font-size:12px;color:#7a848e;font-variant-numeric:tabular-nums}
.workshop-live17{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#7c858f;white-space:nowrap}.workshop-live17>i{width:6px;height:6px;background:#b1b7bf;border-radius:50%}.workshop-live17.is-live{color:#58636f}.workshop-live17.is-live>i{background:#4e6884}
.task-company17{box-sizing:border-box;display:flex;align-items:center;min-height:42px;padding:8px 12px;border:1px solid #dde0e5;border-radius:7px;background:#fbfcfd;color:#25303a;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.tasks-summary17>h2{margin:0;font-size:15px;font-weight:600;color:#25303a}
.badge.cut{color:#4c847c;background:#f0f1f4}.badge.cut .dot{background:#58958c}
.compact-project .project-status-select17[data-status="cut"]{--filter-ink:#4c847c;--filter-bg:#f4f5f7;--filter-active:#d8eae7;--filter-border:#d1e7e3;--filter-count:#d9ebe7}
.company-stage-grid,.status-history-stages{grid-template-columns:repeat(4,minmax(0,1fr))}
.company-stage-card.cut{--stage-color:#58958c}.company-stage-card.cut .company-stage-dot{background:#58958c}
.prepare-disclosure{--rounded-summary17:12px}
.prepare-item17 .prepare-disclosure:not([open])>summary{height:100%;min-height:88px;border-radius:12px 0 0 12px}
.prepare-item17 .prepare-disclosure[open]>summary{border-radius:12px 0 0 0}
.stock-view-controls17{flex-wrap:wrap;gap:12px;align-items:end}
.stock-view-controls17 .coil-face{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-items:start;font-size:12px;margin:0}
.stock-view-controls17 .coil-face>:is(select,.app-select28){min-height:42px;font-size:12px;padding:8px 28px 8px 12px}
.stock-modal-head+.coil-legend{margin:0 0 16px;gap:12px 20px;flex-wrap:wrap;font-size:12px}
.stock-zoom17{display:grid;gap:4px;font-size:12px;color:#5b6672}
.stock-zoom-controls17{display:grid;grid-template-columns:42px 60px 42px;gap:8px;align-items:stretch}
.stock-zoom-controls17>.btn,.stock-zoom-controls17>.stock-zoom-value17{box-sizing:border-box;display:grid;place-items:center;width:100%;height:42px;min-height:42px;margin:0;padding:0;border:1px solid var(--line,#dfe3e7);border-radius:7px;background:#fbfcfd;color:#2c3640;line-height:1;box-shadow:none}
.stock-zoom-controls17>.btn{font-size:17px}.stock-zoom-controls17>.stock-zoom-value17{font-size:12px;font-variant-numeric:tabular-nums}
.stock-zoom-controls17>.btn:hover{background:#f1f3f5}
@media(max-width:620px){
 .coil-plan-modal .modal-head{padding:8px 12px;min-height:0;gap:8px}
 .coil-plan-modal .modal-head h2{font-size:15px;line-height:1.2}
 .coil-plan-modal .modal-head>.icon-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:8px}
 .coil-plan-modal .modal-body{padding:8px 12px}
 .coil-plan-modal .stock-modal-head{gap:8px;margin-bottom:8px}
 .coil-plan-modal .stock-modal-head>div:first-child>strong{font-size:12px;line-height:1.3}
 .coil-plan-modal .stock-modal-head small{font-size:12px;margin-top:2px;line-height:1.3}
 .coil-plan-modal .stock-modal-head>.stock-view-controls17{gap:8px 8px}
 .coil-plan-modal .stock-view-controls17>.coil-face,.coil-plan-modal .stock-zoom17{gap:4px;font-size:12px;line-height:1.2}
 .coil-plan-modal .stock-view-controls17 .coil-face>:is(select,.app-select28){height:30px;min-height:30px;font-size:12px;padding:4px 24px 4px 8px;border-radius:7px}
 .coil-plan-modal .stock-zoom-controls17>.btn,.coil-plan-modal .stock-zoom-value17{height:30px;min-height:30px;border-radius:7px}
 .coil-plan-modal .stock-zoom-controls17>.btn{font-size:16px}.coil-plan-modal .stock-zoom-value17{font-size:12px}
 .coil-plan-modal .stock-modal-head+.coil-legend{margin:0 0 8px;gap:4px 12px}
 .coil-plan-modal .coil-legend span{font-size:12px;gap:4px;line-height:1.3}.coil-plan-modal .coil-legend i{width:9px;height:9px;border-radius:2px}
 .coil-plan-modal .coil-overview{margin-bottom:8px;border-radius:7px}
 .coil-plan-modal .stock-pan{max-height:30dvh;border-radius:10px}
 .coil-plan-modal .coil-part-picker{margin:8px 0 8px;gap:4px}
 .coil-plan-modal .coil-part-picker>span{font-size:12px;line-height:1.2}
 .coil-plan-modal .coil-part-picker>:is(select,.app-select28){height:30px;min-height:30px;padding:4px 24px 4px 8px;font-size:12px}
 .coil-plan-modal .coil-measurement{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8px;margin-top:8px;padding:8px;border-radius:10px;align-items:center}
 .coil-plan-modal .coil-measurement h3{font-size:12px;line-height:1.3;margin:0 0 4px}
 .coil-plan-modal .coil-measurement .badge{font-size:12px;line-height:1.3;padding:2px 4px;white-space:normal}
 .coil-plan-modal .coil-measurement p{display:none}
 .coil-plan-modal .coil-measurement .edge-tags{gap:4px;margin-top:4px}
 .coil-plan-modal .coil-measurement .edge-tag{padding:4px 4px;font-size:12px;line-height:1.2}
 .coil-plan-modal .coil-measurement svg{display:block;width:100%;height:clamp(95px,15dvh,126px);min-height:0;margin:0;max-height:126px!important}
}
@media(max-width:1100px){.prepare-item.enhanced.prepare-item16:has(.workshop-steps17){grid-template-columns:minmax(0,1fr) 145px}.workshop-step17{padding:8px 12px;font-size:12px}}
@media(max-width:760px){.prepare-name>[data-workshop-status17]{display:none}.prepare-name>strong{white-space:normal}.workshop-step17{font-size:12px;gap:8px}.prepare-item.enhanced.prepare-item16:has(.workshop-steps17){grid-template-columns:minmax(0,1fr) 133px}}
@media(max-width:620px){
 .stock-modal-head>.stock-view-controls17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 12px;width:100%;max-width:none;align-items:end}
 .stock-view-controls17>.coil-face,.stock-view-controls17>.stock-zoom17{min-width:0;width:100%}
 .stock-view-controls17 .coil-face>:is(select,.app-select28){box-sizing:border-box;width:100%;min-width:0}
 .stock-zoom-controls17{grid-template-columns:minmax(28px,1fr) minmax(38px,1.2fr) minmax(28px,1fr);gap:4px;width:100%}
 
 .company-stage-grid,.status-history-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
 .task-record17{grid-template-columns:repeat(3,minmax(0,1fr)) max-content;gap:12px 8px}
 .task-record-name17{grid-column:1/4;grid-row:1;min-width:0}.task-record-name17>strong{font-size:12px}
 .task-record-status17{grid-column:4;grid-row:1;align-self:start;justify-self:end;padding-top:2px}
 .task-record-status17 .badge{font-size:12px;padding:4px 8px}
 .task-record17>.task-fact17{grid-row:2}.task-record17>svg{grid-column:4;grid-row:2;justify-self:end;align-self:center}
 .workshop-step17{padding:8px 8px;font-size:12px;gap:8px}.workshop-step17 input{width:20px;height:20px;min-width:20px}
 .prepare-item.enhanced.prepare-item16:has(.workshop-steps17){grid-template-columns:minmax(0,1fr) 128px}
 .workshop-progress17{font-size:12px}.workshop-live17{font-size:12px}
}

.coil-measurement-enlarge17{position:relative;display:block;width:100%;min-width:0;padding:0;border:1px solid #e1e4e8;border-radius:10px;background:#f9fafc;color:#505b67;cursor:zoom-in;overflow:hidden}
.coil-measurement-enlarge17:hover{background:#f3f4f6;border-color:#b3b9c0}.coil-measurement-enlarge17:focus-visible{outline:2px solid #151d25;outline-offset:3px}
.coil-measurement-enlarge17 .strip-dimensioned{border:0;border-radius:0;background:transparent}
.coil-measurement-enlarge-icon17{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #dfe3e7;border-radius:7px;background:#ffffffed;font-size:17px;line-height:1}
.coil-plan-modal .coil-chain-details17{padding:0}.coil-chain-details17>summary{padding:12px 16px;min-height:44px;box-sizing:border-box}.coil-chain-details17>.chain-tables{margin:0;padding:0 16px 12px;border:0}.coil-chain-details17>p{padding:0 16px 12px;margin:0;font-size:12px}
.coil-plan-modal #stock-modal-content[hidden]{display:none}
.coil-plan-modal.coil-detail-open17{height:94dvh}.coil-detail-open17>.modal-body{flex:1;display:flex;min-height:0;padding:12px;overflow:hidden}
.coil-detail-canvas17{flex:1;display:flex;min-width:0;min-height:0;overflow:auto;background:#f9fafc;border:1px solid #e3e6ea;border-radius:10px}
.coil-detail-canvas17>.strip-dimensioned{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none!important;margin:0;border:0;border-radius:0}
@media(min-width:621px) and (max-width:1400px){
 .coil-plan-modal .modal-head{padding:12px 16px;min-height:0}.coil-plan-modal .modal-head h2{font-size:17px}.coil-plan-modal .modal-head>.icon-btn{width:40px;height:40px;min-width:40px;min-height:40px}
 .coil-plan-modal .modal-body{padding:12px 16px}.coil-plan-modal .stock-modal-head{display:grid;gap:8px;margin-bottom:8px}.coil-plan-modal .stock-modal-head>div:first-child>strong{font-size:15px}.coil-plan-modal .stock-modal-head small{font-size:12px;margin-top:4px}
 .coil-plan-modal .stock-view-controls17{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:12px}.coil-plan-modal .stock-view-controls17>.coil-face,.coil-plan-modal .stock-zoom17{min-width:0;gap:4px;font-size:12px}
 .coil-plan-modal .stock-view-controls17 .coil-face>:is(select,.app-select28){width:100%;height:36px;min-height:36px;padding-block:4px;font-size:12px}.coil-plan-modal .stock-zoom-controls17{width:100%;grid-template-columns:1fr 1.2fr 1fr;gap:4px}.coil-plan-modal .stock-zoom-controls17>*{height:36px;min-height:36px}
 .coil-plan-modal .stock-modal-head+.coil-legend{margin:0 0 8px}.coil-plan-modal .coil-overview{margin-bottom:8px}.coil-plan-modal .stock-pan{max-height:30dvh}
 .coil-plan-modal .coil-part-picker{margin:8px 0;gap:4px}.coil-plan-modal .coil-part-picker>span{font-size:12px}.coil-plan-modal .coil-part-picker>:is(select,.app-select28){height:36px;min-height:36px;padding-block:4px;font-size:12px}
 .coil-plan-modal .coil-measurement{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:12px;margin-top:8px}.coil-plan-modal .coil-measurement h3{font-size:13px;margin:0 0 8px}.coil-plan-modal .coil-measurement .badge{font-size:12px}.coil-plan-modal .coil-measurement p{display:none}.coil-plan-modal .coil-measurement .edge-tags{margin-top:8px;gap:4px}.coil-plan-modal .coil-measurement .edge-tag{font-size:12px;padding:4px 8px}
 .coil-plan-modal .coil-measurement svg{width:100%;height:clamp(128px,17dvh,220px);min-height:0;max-height:220px!important;margin:0}.coil-plan-modal .cut-coordinates{margin:8px 0}
}
@media(max-width:620px){.coil-measurement-enlarge-icon17{width:19px;height:19px;font-size:15px;right:3px;bottom:3px}.coil-detail-open17 .modal-head h2{font-size:13px}.coil-detail-open17>.modal-body{padding:8px}}
.prepare-coil-cards17{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.prepare-coil-card17{border:1px solid #dfe3e7;border-radius:10px;background:#ffffff;overflow:hidden;min-width:0}
.prepare-coil-open17{display:block;width:100%;border:0;border-bottom:1px solid #e9ebef;padding:12px;background:#f9fafc;color:#2d3742;text-align:left;cursor:pointer}.prepare-coil-open17:hover{background:#f3f4f6}.prepare-coil-open17:focus-visible{outline:2px solid #151d25;outline-offset:-3px}
.prepare-coil-open17>span{display:flex;align-items:center;gap:12px;font-size:12px}.prepare-coil-open17>span>b{margin-left:auto;font-variant-numeric:tabular-nums}.prepare-coil-open17>svg{display:block;width:100%;height:auto;margin-top:9px}
.prepare-coil-card17>ul{list-style:none;padding:12px 12px 4px;margin:0;display:grid;gap:8px}.prepare-coil-card17 li{display:grid;grid-template-columns:10px minmax(0,1fr) max-content;align-items:center;gap:8px;font-size:12px;line-height:1.4}.prepare-coil-card17 li>i{width:10px;height:10px;border-radius:3px}.prepare-coil-card17 li>span{overflow-wrap:anywhere}.prepare-coil-card17 li>b{font-variant-numeric:tabular-nums;white-space:nowrap}.prepare-coil-card17>small{font-size:12px;color:#727c87}
.prepare-item17 .prepare-detail-grid:has(.prepare-material17){grid-template-columns:repeat(3,minmax(0,1fr))}.prepare-material17>strong{overflow-wrap:anywhere}

.site-card-wrapper18{min-width:0;border:1px solid #e1e4e8;border-radius:12px;background:#ffffff;overflow:hidden}.site-card-wrapper18>.site-card{width:100%;border:0;border-radius:0;margin:0;box-shadow:none}.site-card-footer18{display:flex;justify-content:flex-end;padding:8px 12px;border-top:1px solid #eff1f3;background:#fbfcfd}.site-card-footer18>.btn{min-height:36px;font-size:12px;padding:8px 12px}.site-card-footer18>.btn>.icon{width:15px;height:15px}
.measurement-report-ready18{display:grid;justify-items:center;gap:12px;text-align:center;padding:8px}.measurement-report-ready18>.icon{width:38px;height:38px;color:#151c24}.measurement-report-ready18>strong{font-size:16px}.measurement-report-ready18>p{margin:0;color:#616c77;line-height:1.6;font-size:13px}
@media(max-width:620px){.shell[data-view="site"] .page-heading>.actions-inline{display:flex;flex-wrap:wrap;gap:8px}.shell[data-view="site"] .page-heading .measurement-report-button18{min-height:40px;font-size:12px}.site-card-footer18{padding:8px 8px}}

.site-share-actions18{display:none}@media(max-width:620px){.site-share-actions18{display:flex;justify-content:flex-end;margin:0 0 12px}.site-share-actions18>.btn{min-height:40px;font-size:12px}}

/* Both PDF dialogs share the same two equal actions on phones, tablets and PCs. */
.modal:has(.measurement-report-ready18)>.modal-footer{display:block}
.measurement-report-ready18>.pdf-report-option{font-size:14px;gap:8px;min-height:44px;color:var(--text,#1f2933)}
.pdf-report-actions18{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.pdf-report-actions18:has(>.btn:only-child){grid-template-columns:minmax(0,1fr)}
.pdf-report-actions18>.btn{width:100%;min-width:0;min-height:46px;height:100%;justify-content:center;white-space:normal;line-height:1.35;padding:12px;gap:8px}
.pdf-report-actions18>.btn>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:620px){.pdf-report-actions18>.btn{font-size:12px;padding:8px 8px}.pdf-report-actions18>.btn>.icon{width:17px;height:17px;flex:none}}

/* Touch devices keep native momentum and native scrollbar indicators. */
.native-touch-scroll23,.native-touch-scroll23 *{scrollbar-width:auto!important}
.native-touch-scroll23::-webkit-scrollbar,.native-touch-scroll23 *::-webkit-scrollbar{display:initial!important;width:6px!important;height:6px!important}
html:has(.quick-favorite-dragging),html:has(.record-drag-active),.quick-favorite-dragging *,.record-drag-active *{scroll-behavior:auto!important}
.project-record-drag-source{visibility:hidden!important;pointer-events:none!important}
.surface-group17.project-record-drag-source{display:block!important}

/* Text and counts are measured at their actual rendered size. */
.compact-project .project-controls-redesign17 .project-status-tabs17{display:grid;grid-template-columns:repeat(var(--status-columns24,5),minmax(0,1fr));align-items:stretch;gap:4px;padding:0;border:0;min-width:0;width:100%}



.compact-project .project-status-select17>summary>strong{box-sizing:border-box;flex:0 0 auto;width:auto;min-width:24px;margin:0;text-align:center;line-height:1.4}

.compact-project .project-controls-redesign17 .project-status-select17>summary{min-height:var(--status-control-height24,44px);height:auto}
@container project-controls17 (min-width:900px){.compact-project .project-controls-redesign17 .project-status-controls17{max-width:none;justify-self:stretch}}
@media(max-width:620px){.compact-project .project-controls-redesign17 .project-status-tabs17{display:none}}

/* Dynamic Type is measured without disabling Safari text zoom or bold text. */
.adaptive-font-probe24{position:fixed;inset:auto auto 0 -10000px;visibility:hidden;pointer-events:none;contain:layout style;white-space:nowrap;font:17px system-ui}
@supports(font:-apple-system-body){.adaptive-font-probe24{font:-apple-system-body}}
.accessible-text24 .btn,.accessible-text24 .text-btn,.accessible-text24 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.accessible-text24 :is(select,.app-select28),.accessible-text24 textarea{font-size:calc(14px * var(--accessible-scale24,1));line-height:1.45;min-height:calc(44px * var(--accessible-scale24,1));height:auto;max-width:100%}
.accessible-text24 .btn{white-space:normal;overflow-wrap:anywhere}
.accessible-text24 .field>span,.accessible-text24 label:not(.icon-btn),.accessible-text24 .subtle{font-size:calc(12px * var(--accessible-scale24,1));line-height:1.5}
.accessible-text24 .badge{font-size:calc(11px * var(--accessible-scale24,1));line-height:1.5}
.accessible-text24 .compact-project .project-add-area-header17{min-height:calc(44px * var(--accessible-scale24,1));height:auto}
.accessible-text24 .page-heading,.accessible-text24 .actions-inline{flex-wrap:wrap}
.accessible-text24 .field-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.accessible-text24 .input-unit input{padding-inline-end:4em}
.accessible-text24 .input-unit b{font-size:calc(11px * var(--accessible-scale24,1));line-height:1.4}
.accessible-text24 .modal-head>h2{min-width:0;overflow-wrap:anywhere}
.accessible-text24 .modal-head>.icon-btn{flex:none}
.accessible-text24 .pdf-report-actions18>.btn{height:100%}
.accessible-text24 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.accessible-text24 :is(select,.app-select28),.accessible-text24 textarea,.accessible-text24 .btn{font-size:calc(14px * var(--accessible-scale24,1))!important;min-height:calc(44px * var(--accessible-scale24,1))!important;height:auto!important}
.accessible-text24 .project-status-select17>summary>.badge{font-size:calc(11px * var(--accessible-scale24,1))!important}

.accessible-text24 .field>span,.accessible-text24 .subtle{font-size:calc(12px * var(--accessible-scale24,1))!important;white-space:normal;overflow-wrap:break-word}
.accessible-text24 .summary-strip,.accessible-text24 .page-heading{height:auto;flex-wrap:wrap}

.accessible-text24 .segment-row{min-height:calc(44px * var(--accessible-scale24,1));height:auto}
.accessible-text24 .project-status-select17>summary{min-height:calc(44px * var(--accessible-scale24,1));height:auto;white-space:normal}
.accessible-text24 .page h1{font-size:calc(20px * var(--accessible-scale24,1))!important;line-height:1.25;overflow-wrap:break-word}
.accessible-text24 .page h2{font-size:calc(16px * var(--accessible-scale24,1))!important;line-height:1.35;overflow-wrap:break-word}
.accessible-text24 .page h3{font-size:calc(14px * var(--accessible-scale24,1))!important;line-height:1.4;overflow-wrap:break-word}
.accessible-text24 .page p,.accessible-text24 .page small,.accessible-text24 .page .muted,.accessible-text24 .page .project-number{font-size:calc(11px * var(--accessible-scale24,1))!important;line-height:1.5;white-space:normal;overflow-wrap:break-word}
.accessible-text24 .project-title-status{flex-wrap:wrap;gap:8px}
.accessible-text24 .work-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}
.accessible-text24 .pdf-report-actions18{grid-template-columns:minmax(0,1fr)}
.accessible-text24 .pdf-report-actions18>.btn>span{overflow-wrap:normal}
.accessible-text24 .compact-project .project-parts-layout17{grid-template-columns:max-content minmax(0,1fr) max-content!important}
.accessible-text24 .compact-project .project-controls-redesign17 .project-status-controls17{grid-column:2!important;grid-row:1!important;width:100%;min-width:0;max-width:none}
.accessible-text24 .compact-project .project-controls-redesign17 .project-add-area-header17{grid-column:3!important;grid-row:1!important;width:auto;justify-self:end;white-space:nowrap}
@media(min-width:621px){
 .accessible-text24 .compact-project .project-summary{grid-template-columns:64px minmax(0,1fr)!important;gap:12px;align-items:start}
 .accessible-text24 .compact-project .project-summary>.project-thumb{grid-column:1!important;grid-row:1!important;align-self:start}
 .accessible-text24 .compact-project .project-summary>.project-title{grid-column:2!important;grid-row:1!important;min-width:0}
 .accessible-text24 .compact-project .project-summary>.project-header-actions{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important;max-width:none;min-width:0;gap:12px}
 .accessible-text24 .compact-project .project-header-actions>.btn{width:100%!important;max-width:none;min-width:0;white-space:normal;overflow-wrap:normal}
}

/* Compact favorites keep folder navigation and template loading on one row. */
:is(#app,#modal-root) .quick-favorite-rows17{--favorite-card-width25:calc(128px * var(--accessible-scale24,1));--favorite-folder-width25:calc(192px * var(--accessible-scale24,1))}
:is(#app,#modal-root) .quick-favorite-toolbar25{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;min-width:0}
:is(#app,#modal-root) .quick-library-editing .quick-favorite-toolbar25{grid-template-columns:minmax(0,1fr) fit-content(44%)}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-strip{grid-template-columns:none;grid-auto-columns:min(var(--favorite-card-width25),var(--favorite-viewport-width27,10000px));gap:8px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scroll-padding-inline:1px;scroll-snap-type:none;touch-action:pan-x pan-y}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-folder-row17{grid-auto-columns:var(--favorite-folder-fit35,min(var(--favorite-folder-width25),var(--favorite-viewport-width27,10000px)));padding:2px 1px 4px}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17{height:auto;min-height:calc(40px * var(--accessible-scale24,1));padding:4px 8px;gap:8px;border-radius:10px}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17>span:not(.favorite-folder-star17){display:block;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17>b{font-size:calc(10px * var(--accessible-scale24,1));flex:none}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17.is-drop-target{outline:2px solid #69747f;outline-offset:-2px;background:#f1f3f5}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-load25{display:flex;align-items:center;justify-content:center;gap:8px;align-self:start;width:154px;max-width:100%;min-height:calc(40px * var(--accessible-scale24,1));height:auto;margin-top:2px;padding:4px 12px;border:1px solid #dde0e5;border-radius:10px;background:#ffffff;color:#141c24;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.35;white-space:normal}
:is(#app,#modal-root) .quick-favorite-rows17 .favorite-load25>.icon{flex:none;width:17px;height:17px}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-contents17{padding-top:8px;padding-bottom:4px;min-height:24px}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-contents17>.quick-template{grid-template-rows:52px auto;align-content:start;gap:4px;min-height:84px;height:auto;padding:4px 8px 8px}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-template>svg{width:100px;max-width:100%;min-width:0;height:52px}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-template>span:not(.favorite-star){font-size:calc(11px * var(--accessible-scale24,1));line-height:1.3;max-height:none;-webkit-line-clamp:2;align-self:start}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-template>.favorite-star{top:7px;inset-inline-end:7px}
:is(#app,#modal-root) .quick-favorite-rows17 .quick-favorite-empty{padding:4px 8px;font-size:calc(11px * var(--accessible-scale24,1))}
.shell[data-view="profile"] .profile-favorites-shelf17{padding-block:8px 8px}
@media(max-width:620px){:is(#app,#modal-root) .quick-favorite-toolbar25{gap:8px}:is(#app,#modal-root) .quick-favorite-rows17 .favorite-load25{width:130px}}
@media(pointer:coarse){:is(#app,#modal-root) .quick-favorite-rows17 .favorite-folder-button17,:is(#app,#modal-root) .quick-favorite-rows17 .favorite-load25{min-height:calc(44px * var(--accessible-scale24,1))}}
.accessible-text24 :is(#app,#modal-root) .quick-favorite-toolbar25{grid-template-columns:minmax(0,1fr) fit-content(44%)}
.accessible-text24 :is(#app,#modal-root) .quick-favorite-rows17 .favorite-load25{width:100%}
.accessible-text24 :is(#app,#modal-root) .quick-favorite-rows17 .quick-template>span:not(.favorite-star){display:block;-webkit-line-clamp:unset;overflow:visible}
:is(#app,#modal-root) .quick-library.quick-library-editing{padding:8px 12px 8px}
:is(#app,#modal-root) .favorite-management35{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0;max-width:420px;padding-top:2px}
:is(#app,#modal-root) .favorite-management35>.text-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:calc(40px * var(--accessible-scale24,1));max-width:100%;padding:4px 8px;border:1px solid #dde0e5;border-radius:10px;background:#ffffff;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.35;white-space:normal;overflow-wrap:anywhere}
:is(#app,#modal-root) .favorite-management35>.text-btn>.icon{flex:none;width:17px;height:17px}
@media(pointer:coarse){:is(#app,#modal-root) .favorite-management35>.text-btn{min-height:calc(44px * var(--accessible-scale24,1))}}

.profile-selection-info29{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 12px;border-top:1px solid #e5e8ec;background:#f8f9fa;border-radius:0 0 10px 10px}
.profile-selection-info29>span{display:grid;gap:4px;min-width:0}
.profile-selection-info29 small{font-size:12px;color:#6e7883}
.profile-selection-info29 strong{font-size:12px;overflow-wrap:anywhere}
.profile-selection-allowance29 input[readonly]{background:#f7f8f9;color:#3a536d}
.accessible-text24 .profile-selection-info29{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
.accessible-text24 .profile-selection-info29 small{font-size:calc(11px * var(--accessible-scale24,1))}
.accessible-text24 .profile-selection-info29 strong{font-size:calc(12px * var(--accessible-scale24,1))}

:is(select,.app-select28)[data-app-select-native28]{display:none!important}
.app-select28{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;cursor:pointer;background-image:none!important}
.app-select28[hidden]{display:none!important}
.app-select-label28{min-width:0;overflow-wrap:anywhere;white-space:normal;flex:1 1 auto}
.app-select-chevron28{flex:0 0 8px;width:8px;height:8px;margin:0 2px 4px 4px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)}
.app-select28[aria-expanded=true]{border-color:#929aa3;box-shadow:0 0 0 3px #637a9418}
.app-select28[aria-invalid=true]{border-color:#a6413e}
.app-select28:disabled{cursor:default;opacity:.55}
.app-select-menu28{box-sizing:border-box;position:fixed;inset:auto;margin:0;z-index:10000;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;font-family:inherit;font-size:calc(14px * var(--accessible-scale24,1));line-height:1.4;animation:select-appear28 .15s ease-out}
.app-select-option28{position:relative;min-height:calc(40px * var(--accessible-scale24,1));display:flex;align-items:center;cursor:pointer}
.app-select-option28[aria-selected=true]::after{content:'✓';position:absolute;top:50%;transform:translateY(-50%);font-size:.9em}
.app-select-option28[aria-disabled=true]{opacity:.45;cursor:default}
.app-select-group28{padding:8px 12px 4px;font-size:.85em;font-weight:600;color:#5f6975}
@keyframes select-appear28{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.app-select-menu28{animation:none}}
@media(prefers-reduced-transparency:reduce){.app-select-menu28{background:#f8f9fa;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.app-select-menu28{border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}.app-select-option28.is-active{outline:1px solid Highlight}}

/* Native scroll chaining gives each nested panel its turn before the page. */
#app *,#modal-root .modal *{overscroll-behavior:auto!important}
/* An open dialog is the outer boundary of its own scroll hierarchy. */
#modal-root .modal-overlay{overscroll-behavior:contain!important}

.front-profile-editor31 .front-profile-toolbar31{padding:0 12px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;min-width:0}
.front-profile-editor31 .front-profile-toolbar31 .area-profile-picker{padding:0;margin:0;min-width:0}
.front-profile-use31{display:flex;align-items:center;gap:8px;min-height:44px;line-height:1.35;font-size:13px;color:#47525d;cursor:pointer;max-width:240px}
.front-profile-use31 input{width:20px;height:20px;flex:none;accent-color:var(--green)}
.front-profile-selected31{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#68737e;min-width:0}
.front-profile-selected31>span:first-child{margin-inline-end:4px}
.front-profile-chip31{display:inline-flex;align-items:stretch;max-width:100%;border:1px solid #dbdee3;border-radius:10px;background:#f8f9fa;overflow:hidden}
.front-profile-chip31 button{border:0;background:transparent;color:#495460;font:inherit;padding:4px 8px;min-height:34px;overflow-wrap:anywhere;line-height:1.3;min-width:0;cursor:pointer}
.front-profile-chip31 button[aria-pressed=true]{background:#e9ebef;font-weight:600}
.front-profile-chip31 button:last-child{flex:none;display:grid;place-items:center;width:34px;padding:4px}
.front-profile-chip31 .icon{width:14px;height:14px}
.front-profile-editor31 .template-workspace17>form{min-width:0}
.front-depth-preview31{display:block;width:100%;height:150px;padding:8px 12px;border:0;border-bottom:1px solid #e1e4e8;background:#f8f9fa;text-align:start;cursor:zoom-in;color:#535e69}
.front-depth-preview31>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;line-height:1.3}
.front-depth-preview31>svg{display:block;width:100%;height:112px;min-height:0;max-height:none}
.front-profile-calculation31{padding:0 12px 12px;font-size:12px}
.front-profile-calculation31 .front-depth-automatic17{padding:8px;margin:0 0 8px}
.front-profile-calculation31 .front-depth-automatic17 strong{font-size:13px}
.front-profile-calculation31 .front-length-info17{margin-bottom:0}
.front-depth-zoom31{z-index:180;background:#212b3580}
.front-depth-zoom31>.modal{width:min(96vw,1440px);max-width:1440px;height:92dvh;max-height:92dvh}
.front-depth-zoom31 .modal-body{display:flex;flex-direction:column;min-height:0;overflow:auto}
.front-depth-zoom31 .window-depth-svg17{display:block;flex:1;min-height:160px;width:100%;height:100%;max-height:none}
.front-depth-legend31{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 20px;font-size:12px;line-height:1.4;padding:8px 0}
.front-depth-legend31 span:before{content:'';display:inline-block;width:16px;height:3px;background:currentColor;margin-inline-end:8px;vertical-align:middle}
.is-projection31{color:#4d6783}.is-depth31{color:var(--window-depth-color103)}.is-deduction31{color:#3a536d}
@media(pointer:coarse){.front-profile-chip31 button{min-height:44px}.front-profile-chip31 button:last-child{width:44px}}
@media(max-width:620px){.front-profile-editor31 .front-profile-toolbar31{grid-template-columns:minmax(0,1fr);gap:4px;padding-inline:0}.front-profile-use31{max-width:none}.front-profile-selected31{max-height:106px;overflow:auto}.front-profile-editor31 .modal-footer>.btn{flex:1;min-width:0;font-size:13px;padding-inline:8px;white-space:normal}.front-depth-preview31{height:132px}.front-depth-preview31>svg{height:94px}.front-depth-zoom31>.modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.front-depth-zoom31{padding:0}}
.accessible-text24 .front-profile-toolbar31{grid-template-columns:minmax(0,1fr)}
.accessible-text24 .front-profile-use31,.accessible-text24 .front-profile-selected31,.accessible-text24 .front-profile-chip31 button{font-size:calc(12px * var(--accessible-scale24,1));max-width:none}
.accessible-text24 .front-profile-calculation31{font-size:calc(11px * var(--accessible-scale24,1))}

/* Metadata follows the dimensions so the upper card area belongs to the drawing. */
.shell[data-view="library"] .library-columns .library-card-top{height:48px;min-height:48px;flex-basis:48px;align-items:center;padding:2px 12px}
.shell[data-view="library"] .library-columns .library-card-top>.card-select{align-items:center;padding-block:0}
.shell[data-view="library"] .library-columns .card-select>input{margin:0}
.shell[data-view="library"] .library-columns .library-load{grid-template-rows:104px auto auto auto;gap:8px;height:auto;min-height:0;max-height:none;flex:0 0 auto;padding:0 12px 12px;overflow:visible}
.shell[data-view="library"] .library-columns .library-load>svg{height:104px;min-height:104px;max-height:104px}
.shell[data-view="library"] .library-columns .library-load>strong{font-size:calc(13px * var(--accessible-scale24,1));line-height:1.4}
.shell[data-view="library"] .library-columns .library-load>small{font-size:calc(10px * var(--accessible-scale24,1));line-height:1.4;}
.shell[data-view="library"] .library-columns .library-card-badges17{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;margin:0}
.shell[data-view="library"] .library-columns .library-card-badges17>.badge{display:inline-flex;align-items:center;gap:4px;min-height:0;height:auto;max-width:100%;padding:2px 4px;border-radius:4px;font-size:calc(9px * var(--accessible-scale24,1));font-weight:500;line-height:1.35;overflow-wrap:anywhere;text-align:start}
.shell[data-view="library"] .library-columns .library-card-badges17>.badge.grey{background:#f1f3f5;color:#46617e}
.shell[data-view="library"] .library-columns .library-card-badges17>.library-profile-link17{background:#f4f5f7;color:#415b77}
.shell[data-view="library"] .library-columns .library-card-badges17 .small-icon{flex:none;width:11px;height:11px;min-width:11px;max-height:11px;margin:0}
@media(max-width:620px){
 .library-phone-card-summary17{grid-template-columns:18px 54px minmax(0,1fr) 20px;gap:4px 8px;padding:12px}
 .library-phone-thumb17{width:54px;height:68px;align-self:start}
 .library-phone-thumb17>svg{width:52px;height:64px}
 .library-phone-copy17{gap:4px}
 .library-phone-copy17>strong{font-size:calc(12px * var(--accessible-scale24,1));line-height:1.35}
 .library-phone-copy17>.library-phone-metrics37{display:block;margin:0;font-size:calc(9px * var(--accessible-scale24,1));line-height:1.4;color:#78818c;overflow-wrap:break-word}
 .library-phone-copy17>.library-phone-card-badges17{display:flex;flex-direction:column;align-items:flex-start;gap:2px;height:auto;min-height:0;overflow:visible}
 .library-phone-card-badges17>span{flex:none;align-self:flex-start;max-width:100%;height:auto;min-height:0;max-height:none;padding:1px 4px;font-size:calc(8px * var(--accessible-scale24,1));line-height:1.35;overflow-wrap:anywhere;text-align:start}
 .library-phone-link17>svg{width:10px;height:10px;flex:none}
 .library-phone-card17[open]>.library-phone-card-summary17 .library-phone-metrics37{display:none}
 .shell[data-view="library"] .library-columns .library-load{grid-template-rows:104px auto auto auto;padding-inline:12px}
}

/* Folder and profile-link navigation occupy the same single horizontal row. */
.shell[data-view="library"] .library-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;}
.shell[data-view="library"] .library-workspace>.library-folders.library-nav38{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:4px 8px;border:1px solid #dfe3e7;border-radius:12px;background:#ffffff;overflow:hidden;box-sizing:border-box}
.library-nav-panels38{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}
.library-nav-scroll38{grid-area:1/1;display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:var(--library-nav-width38,160px);align-items:stretch;gap:8px;width:100%;min-width:0;max-width:100%;margin:0;padding:1px 1px 4px;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:1px;scrollbar-width:thin;touch-action:pan-x pan-y;animation:library-nav-enter38 .16s ease-out}
.library-nav-scroll38[hidden]{display:none!important}
.shell[data-view="library"] .library-nav38 .library-nav-chip38,.shell[data-view="library"] .library-nav38 .library-nav-mode38{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;max-width:100%;width:100%;min-height:calc(40px * var(--accessible-scale24,1));height:auto;margin:0;padding:4px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#616c77;font:inherit;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.35;text-align:start;white-space:nowrap;cursor:pointer;touch-action:pan-x pan-y}
.shell[data-view="library"] .library-nav38 .library-nav-name38{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shell[data-view="library"] .library-nav38 .library-nav-chip38>.small-icon,.library-nav-mode38>.small-icon{flex:none;width:15px;height:15px;min-width:15px;margin:0}
.shell[data-view="library"] .library-nav38 .library-nav-chip38>b{flex:none;min-width:17px;margin:0;padding:2px 4px;border-radius:7px;background:#f3f4f6;color:#7a848e;font-size:calc(9px * var(--accessible-scale24,1));font-weight:600;text-align:center}
.shell[data-view="library"] .library-nav38 .library-nav-chip38.active{border-color:#d9dde1;background:#f1f3f5;color:#141b23;font-weight:600}
.shell[data-view="library"] .library-nav38 .library-link-target17.active{border-color:#d9dde1;background:#f3f4f6;color:#505b67}
.shell[data-view="library"] .library-nav38 .library-nav-mode38{width:auto;min-width:0;max-width:220px;margin-top:1px;border-color:#e1e4e8;background:#f7f8f9;color:#5a6571}
.shell[data-view="library"] .library-nav38 .library-nav-mode38.is-active{border-color:#dfe3e7;background:#f8f9fa;color:#55606c}
.library-nav-mode38>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.library-nav-short38{display:none}

.shell[data-view="library"] .library-nav38 .library-nav-chip38.is-drop-target,.shell[data-view="library"] .library-nav38 .library-nav-mode38.is-drop-target{outline:2px solid #4e6884;outline-offset:-2px;background:#f1f3f5}
.library-nav38 .profile-link-warning17{flex:none}
.library-nav38 button:focus-visible{outline:2px solid #556e89;outline-offset:-2px}
@media(pointer:coarse){.shell[data-view="library"] .library-nav38 .library-nav-chip38,.shell[data-view="library"] .library-nav38 .library-nav-mode38{min-height:calc(44px * var(--accessible-scale24,1))}}
@media(max-width:620px){.library-nav-mode38>.library-nav-full38{display:none}.library-nav-mode38>.library-nav-short38{display:block}.shell[data-view="library"] .library-workspace>.library-nav38{gap:4px;padding:4px 4px}.shell[data-view="library"] .library-nav38 .library-nav-mode38{max-width:44vw;padding-inline:8px}}
@keyframes library-nav-enter38{from{opacity:.55;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.library-nav-scroll38{animation:none}}

/* Shared by the dashboard and project index. Keep the established row height. */
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list>.project-list-card39{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-rows:calc(24px * var(--accessible-scale24,1)) calc(16px * var(--accessible-scale24,1)) calc(18px * var(--accessible-scale24,1));align-content:center;align-items:center;gap:4px 16px;box-sizing:border-box;width:100%;height:calc(104px * var(--accessible-scale24,1));min-height:calc(104px * var(--accessible-scale24,1));margin:0;padding:12px 16px;border-radius:16px;text-align:start;background:#ffffff}
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list>.project-list-card39>.project-list-copy39{display:contents}
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39 .project-list-name39{display:block;grid-column:2;grid-row:1;min-width:0;margin:0;font-size:calc(18px * var(--accessible-scale24,1));font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#25303a}
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39 :is(.project-list-number82,.project-list-address39){display:block;grid-column:2/-1;min-width:0;margin:0;padding-inline-end:36px;color:#747e89;font-size:calc(12px * var(--accessible-scale24,1));line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39 .project-list-number82{grid-row:2}
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39 .project-list-address39{grid-row:3;font-size:calc(13px * var(--accessible-scale24,1))}
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39>.project-list-status39{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;min-width:0}
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39 .project-list-status39>.badge{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin:0;padding:4px 8px;border-radius:7px;font-size:calc(12px * var(--accessible-scale24,1));font-weight:600;line-height:1.3;white-space:nowrap}
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39 .project-list-status39 .dot{flex:none}
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39>.project-list-arrow39{display:flex;align-items:center;justify-content:center;grid-column:3;grid-row:1/4;justify-self:end;align-self:center;color:#7c858f;width:20px;height:20px}
.project-list-arrow39>.icon{width:20px;height:20px}
.accessible-text24 .project-list-card39 .project-list-name39{font-size:calc(18px * var(--accessible-scale24,1))!important}
@media(max-width:620px){
 .shell:is([data-view="dashboard"],[data-view="projects"]) .project-list>.project-list-card39{gap:4px 12px;padding-inline:12px;border-radius:16px}
 .shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39 .project-list-name39{font-size:calc(16px * var(--accessible-scale24,1))}
 .shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39 .project-list-status39>.badge{font-size:calc(11px * var(--accessible-scale24,1))}
 .accessible-text24 .project-list-card39 .project-list-name39{font-size:calc(16px * var(--accessible-scale24,1))!important}
}

.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list>.project-list-card39>.project-thumb{display:grid;grid-column:1;grid-row:1/4;place-items:center;align-self:center;width:64px;height:64px;border-radius:12px;margin:0}
.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39>.project-thumb>svg{width:54px;height:48px}
@media(max-width:620px){.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list>.project-list-card39{grid-template-columns:48px minmax(0,1fr) auto}.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list>.project-list-card39>.project-thumb{width:48px;height:56px;border-radius:10px}.shell:is([data-view="dashboard"],[data-view="projects"]) .project-list-card39>.project-thumb>svg{width:42px;height:42px}}

/* Project documents use the same compact selector on phone, tablet and desktop. */
.shell[data-view="project"] .compact-project .project-overview-grid.phone-project-overview17{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:0;border-radius:0;overflow:visible}
.shell[data-view="project"] .compact-project .phone-project-overview-tabs17{display:flex;align-items:stretch;justify-content:space-between;gap:4px;min-width:0;max-width:100%;height:auto;min-height:calc(44px * var(--accessible-scale24,1));padding:0;border-radius:12px;background:#ffffff;box-shadow:inset 0 0 0 1px var(--project-border)}
.shell[data-view="project"] .compact-project .phone-project-overview-tab17{display:flex;align-items:center;justify-content:center;flex:0 0 44px;order:1;gap:8px;width:44px;min-width:44px;height:auto;min-height:calc(44px * var(--accessible-scale24,1));padding:12px;border:0;border-radius:10px;background:transparent;color:#5b6672;cursor:pointer}
.shell[data-view="project"] .compact-project .phone-project-overview-tab17>.icon{width:18px;height:18px;flex:none}
.shell[data-view="project"] .compact-project .phone-project-extra-label17{display:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(12px * var(--accessible-scale24,1));font-weight:600;line-height:1.3}
.shell[data-view="project"] .compact-project .phone-project-overview-tab17.is-active{flex:1 1 auto;order:0;justify-content:flex-start;width:auto;min-width:0;padding:8px 12px;background:#eff1f3;color:#141b23}
.shell[data-view="project"] .compact-project .phone-project-overview-tab17.is-active>.phone-project-extra-label17{display:block}
.shell[data-view="project"] .compact-project .phone-project-overview-tab17:focus-visible{outline:2px solid #171f27;outline-offset:2px}
.shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview[hidden]{display:none!important}
.shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview:not([hidden]){display:flex;margin-top:8px;border:1px solid var(--project-border);border-radius:12px;overflow:hidden}
.shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview>.project-overview-disclosure>summary{display:none}
.shell[data-view="project"] .compact-project .phone-project-overview17 .overview-body{padding-top:12px}
.shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview>.project-overview-links{display:none}
.shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview>.overview-create{position:static;inset:auto;justify-content:center;gap:8px;width:100%;max-width:none;min-height:calc(44px * var(--accessible-scale24,1));height:auto;margin:0;padding:8px 12px;border:0;border-top:1px solid var(--project-border);border-radius:0;background:#f8f9fa;font-size:calc(12px * var(--accessible-scale24,1))}
.shell[data-view="project"] .compact-project .phone-project-overview17>.compact-overview>.overview-create>.overview-create-text{display:inline}

/* Intrinsic text widths keep all five tablet statuses in one compact row. */
@media(min-width:621px){
 .compact-project .project-controls-redesign17 .project-status-tabs17{grid-template-columns:repeat(5,minmax(max-content,1fr));gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
 
 
 
 
}

/* One name line sits directly above the metrics; optional metadata keeps its slot. */
.shell[data-view="library"] .library-columns .library-load>strong{display:block;min-height:calc(19px * var(--accessible-scale24,1));max-height:calc(19px * var(--accessible-scale24,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
.shell[data-view="library"] .library-columns .library-load>small{height:calc(17px * var(--accessible-scale24,1));min-height:calc(17px * var(--accessible-scale24,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shell[data-view="library"] .library-columns .library-card-badges17{min-height:calc(37px * var(--accessible-scale24,1))}
.shell[data-view="library"] .library-columns .library-card-badges17>.badge{white-space:nowrap;overflow:hidden}
.library-card-meta-name43{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.shell[data-view="library"] .library-columns .library-card-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:column;align-items:stretch}
.shell[data-view="library"] .library-columns .library-card-actions:has(>.text-btn[data-edit-company-template]){grid-template-columns:minmax(0,1fr) 44px}
.shell[data-view="library"] .library-columns .library-card-actions:has(>[data-transfer-company-template17]):has(>[data-edit-company-template]){grid-template-columns:44px minmax(0,1fr)}
.shell[data-view="library"] .library-columns .library-card-actions>:is(.btn,.text-btn){height:48px;min-height:48px}
.shell[data-view="library"] .library-columns .library-card-actions>.text-btn[data-edit-company-template],.shell[data-view="library"] .library-columns .library-card-actions:has(>[data-transfer-company-template17])>[data-edit-company-template]{padding:12px;gap:0;font-size:0!important}
.shell[data-view="library"] .library-columns .library-card-actions>.text-btn[data-edit-company-template]>.icon,.shell[data-view="library"] .library-columns .library-card-actions:has(>[data-transfer-company-template17])>[data-edit-company-template]>.icon{flex:none;width:16px;height:16px}
@media(max-width:620px){
 .library-phone-copy17>strong{display:block;min-height:calc(17px * var(--accessible-scale24,1));max-height:calc(17px * var(--accessible-scale24,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
 .library-phone-copy17>.library-phone-metrics37{height:calc(17px * var(--accessible-scale24,1));min-height:calc(17px * var(--accessible-scale24,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .library-phone-copy17>.library-phone-card-badges17{min-height:calc(30px * var(--accessible-scale24,1))}
 .library-phone-card-badges17>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .library-phone-card-badges17>span:not(.library-phone-link17){display:block}
 .library-phone-card17[open]>.library-phone-card-summary17>.library-phone-copy17>strong{min-height:0;max-height:none}
}

/* One management area, one folder row and one list, at every screen width. */
.shell[data-view="library"] .library-heading45{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-height:0}
.shell[data-view="library"] .library-heading45 .page-heading-copy{display:flex;align-items:center;gap:12px;min-width:0}
.shell[data-view="library"] .library-heading45 h1{margin:0;font-size:calc(24px * var(--accessible-scale24,1));line-height:1.25;overflow-wrap:break-word}
.library-role45{flex:none;display:inline-flex;align-items:center;gap:8px;max-width:40%;font-size:12px}
.shell[data-view="library"] .library-manage45{min-width:0;margin:0 0 12px;padding:8px;border:1px solid #dfe3e7;border-radius:16px;background:#ffffff;box-shadow:0 2px 5px #13192103}
.library-manage-tools45{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0}
.library-manage-modes45{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #e5e8ec;border-radius:10px;background:#f3f4f6;min-width:0}
.library-manage-modes45>button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:calc(38px * var(--accessible-scale24,1));padding:4px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#626d78;font:inherit;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.3;white-space:nowrap;cursor:pointer}
.library-manage-modes45>button[aria-pressed="true"]{background:#ffffff;border-color:#dbdee3;color:#141b23;box-shadow:0 1px 4px #1319210f;font-weight:600}
.library-manage-modes45>button>.small-icon{width:15px;height:15px;flex:none}
.library-manage-modes45>button>span[aria-hidden]{color:#1a222b}
.shell[data-view="library"] .library-manage45 .library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:0;padding:0;min-width:0;max-width:100%}
.shell[data-view="library"] .library-manage45[data-library-manage45="favorites"] .library-toolbar{grid-template-columns:minmax(0,1fr)}
.shell[data-view="library"] .library-manage45 .search{width:100%;max-width:none;min-width:0;min-height:44px;height:auto;margin:0;padding:0 12px;gap:8px;border-radius:10px;box-sizing:border-box}
.shell[data-view="library"] .library-manage45 .search input{min-width:0;width:100%;min-height:44px;height:auto;padding:8px 0;font-size:calc(12px * var(--accessible-scale24,1));line-height:1.4}
.shell[data-view="library"] .library-manage45 .search>.icon{width:16px;height:16px;flex:none}
.shell[data-view="library"] .library-manage45 .library-toolbar>button{min-width:0;min-height:44px;height:auto;max-width:100%;padding:8px 12px;gap:8px;border-radius:10px;font-size:calc(10px * var(--accessible-scale24,1));line-height:1.4}
.shell[data-view="library"] .library-manage45 .library-nav38{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;position:static;inset:auto;max-width:100%;min-width:0;min-height:0;max-height:none;width:100%;margin:8px 0 0;padding:8px 0 0;border:0;border-top:1px solid #eff1f3;border-radius:0;background:none;overflow:hidden}
.shell[data-view="library"] .library-manage45 .library-nav-scroll38{padding-block:1px;gap:8px}
.shell[data-view="library"] .library-manage45 .library-nav-chip38,.shell[data-view="library"] .library-manage45 .library-nav-mode38{min-height:44px;padding:4px 8px;font-size:calc(11px * var(--accessible-scale24,1))}
.shell[data-view="library"] .library-manage45 .library-nav-chip38{border-color:transparent}
.shell[data-view="library"] .library-manage45 .library-nav-chip38.active{border-color:#d9dde1}
.shell[data-view="library"] .library-manage45 .library-favorite-nav45{position:static;inset:auto;min-width:0;max-width:100%;width:100%;margin:8px 0 0;padding:8px 0 0;border:0;border-top:1px solid #eff1f3;border-radius:0;background:none;box-shadow:none;overflow:hidden}
.shell[data-view="library"] .library-manage45 .quick-favorite-toolbar25{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:0;margin:0;min-width:0}
.shell[data-view="library"] .library-manage45 .quick-favorite-folder-row17{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:var(--favorite-folder-fit35,190px);gap:8px;min-width:0;width:100%;padding:1px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;touch-action:pan-x pan-y}
.shell[data-view="library"] .library-manage45 .favorite-folder-button17{display:flex;align-items:center;gap:8px;min-width:0;width:100%;height:auto;min-height:44px;padding:4px 8px;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.35;text-align:start;white-space:nowrap}
.shell[data-view="library"] .library-manage45 .favorite-folder-button17>span:not([aria-hidden]){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shell[data-view="library"] .library-manage45 .favorite-folder-button17>.small-icon{width:15px;height:15px;flex:none}
.shell[data-view="library"] .library-manage45 .favorite-folder-button17>b{flex:none;min-width:18px;height:auto;padding:2px 4px;border-radius:7px;font-size:calc(9px * var(--accessible-scale24,1));line-height:1.4}
.shell[data-view="library"] .library-manage45 .favorite-folder-button17.is-active{border-color:#d9dde1;background:#f1f3f5;color:#141b23;box-shadow:none;transform:none}
.shell[data-view="library"] .library-manage45 .favorite-management35{margin:0;min-width:0;width:auto;padding:1px 0 0}
.shell[data-view="library"] .library-manage45 .favorite-management35>button{min-height:44px;max-width:100%;padding:4px 8px;border:1px solid #dfe3e7;border-radius:7px;background:#fbfcfd;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.35;white-space:nowrap}
.shell[data-view="library"] .library-selection45{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;min-height:0;margin:0 0 12px;padding:0;border:0;border-radius:0;background:none}
.shell[data-view="library"] .library-selection.library-selection45:not(:has([data-action="clear-library-selection"])){display:grid;gap:8px 12px;padding:0}
.shell[data-view="library"] .library-selection.library-selection45:has([data-action="clear-library-selection"]){position:static;box-shadow:none}
.shell[data-view="library"] .library-selection45>.library-select-label45{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-width:0;min-height:44px;margin:0;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.4}
.library-select-label45>input{width:18px;height:18px;flex:none;margin:0}
.library-base-actions45{display:flex;align-items:stretch;gap:8px;min-width:0}
.shell[data-view="library"] .library-selection45 .library-base-actions45>.btn{flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.shell[data-view="library"] .library-selection.library-selection45 [data-action="clear-library-selection"]{position:static;inset:auto}
.shell[data-view="library"] .library-selection45 .btn,.shell[data-view="library"] .library-selection45 .icon-btn{min-width:0;min-height:44px;height:auto;margin:0;padding:8px 12px;border-radius:10px;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.35;white-space:nowrap;gap:8px}
.library-base-actions45 .small-icon,.library-selection-actions45 .small-icon{flex:none;width:15px;height:15px}
.library-selection-actions45{display:flex;flex-wrap:wrap;align-items:center;gap:8px;grid-column:1/-1;padding:8px 8px;border:1px solid #dfe3e7;border-radius:10px;background:#ffffff}
.shell[data-view="library"] .library-selection45 .library-selection-actions45>.icon-btn{margin-inline-start:auto;width:44px}
.library-link-actions45{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;grid-column:1/-1;grid-row:2}
.library-link-actions45>.labels-toggle{font-size:12px}
.library-link-actions45>.actions-inline{flex-wrap:wrap;min-width:0}
.shell[data-view="library"] .library-selection45:has(>.library-link-actions45)>.library-base-actions45{grid-column:2;grid-row:1}
.shell[data-view="library"] .library-workspace{min-height:0}
.library-favorite-hint45{display:block;margin:2px 0 1px;font-size:calc(10px * var(--accessible-scale24,1));line-height:1.4;color:#76808b}
.library-bin-selection45{padding:12px;margin:0 0 12px;border:1px solid #dfe3e7;border-radius:10px;background:#f8f9fa}
.library-bin-selection45>p{font-size:12px;line-height:1.5;color:#68737e}
[data-library-favorite45]{position:relative}
[data-library-favorite45].quick-drop-before::before,[data-library-favorite45].quick-drop-after::after{position:absolute;inset-block:6px;width:3px;border-radius:3px;background:#46617e;content:'';pointer-events:none}
[data-library-favorite45].quick-drop-before::before{inset-inline-start:-6px}[data-library-favorite45].quick-drop-after::after{inset-inline-end:-6px}
.library-manage45 button:focus-visible{outline:2px solid #556e89;outline-offset:-2px}
@media(max-width:1050px){.library-manage-tools45{grid-template-columns:minmax(0,1fr)}.library-manage-modes45{width:100%}.library-manage-modes45>button{min-height:44px}.library-manage-tools45{gap:8px}}
@media(max-width:620px){
 .shell[data-view="library"] .library-heading45{margin-bottom:8px;gap:4px}
 .shell[data-view="library"] .library-heading45 h1{font-size:calc(20px * var(--accessible-scale24,1))}
 .shell[data-view="library"] .library-heading45 .page-heading-copy{gap:4px}
 .library-role45{max-width:none;padding:8px}.library-role45>span{display:none}
 .library-mode-long45{display:none}.library-manage-modes45>button{font-size:calc(12px * var(--accessible-scale24,1))}
 .shell[data-view="library"] .library-manage45{padding:8px;border-radius:12px}
 .shell[data-view="library"] .library-manage45 .library-toolbar{gap:4px}
 .shell[data-view="library"] .library-manage45 .library-toolbar>button{padding-inline:8px;font-size:calc(9px * var(--accessible-scale24,1))}
 .shell[data-view="library"] .library-manage45 .library-toolbar>.library-company-toggle17>.small-icon{display:block;width:19px;height:19px}
 .shell[data-view="library"] .library-manage45 .library-nav38{gap:4px}
 .shell[data-view="library"] .library-manage45 .library-nav-mode38{max-width:43vw}
 .shell[data-view="library"] .library-manage45 .favorite-management35>button{font-size:calc(10px * var(--accessible-scale24,1));padding-inline:8px;gap:4px}
 .shell[data-view="library"] .library-selection45{gap:8px}
 .shell[data-view="library"] .library-selection45 .btn{padding-inline:8px;font-size:calc(10px * var(--accessible-scale24,1))}
 .shell[data-view="library"] .library-selection45 .library-bin45{width:44px;padding:8px;justify-content:center}
 .shell[data-view="library"] .library-selection45 .library-base-actions45>.library-bin45{flex:0 0 44px}
 .shell[data-view="library"] .library-selection45 .library-base-actions45>[data-action="new-library-profile"]{max-width:none;font-size:12px;white-space:nowrap}
 .accessible-text24 .shell[data-view="library"] .library-selection45 .library-base-actions45>[data-action="new-library-profile"]{max-width:calc(100% - 49px);white-space:normal}
 .library-bin45>span{display:none}.library-base-actions45{gap:4px}
 .shell[data-view="library"] .library-selection45>.library-select-label45{font-size:calc(10px * var(--accessible-scale24,1));gap:4px}
 .library-selection-actions45{padding:8px;gap:4px}
 .accessible-text24 .shell[data-view="library"] .library-selection.library-selection45{grid-template-columns:minmax(0,1fr)}
 .accessible-text24 .library-selection45>.library-base-actions45{grid-column:1;grid-row:1;justify-content:flex-end;flex-wrap:wrap}
 .accessible-text24 .library-selection45>.library-select-label45{grid-column:1;grid-row:2}
 .accessible-text24 .library-selection45>.library-selection-actions45{grid-column:1;grid-row:3}
}
@media(max-width:370px){.shell[data-view="library"] .library-selection45 .btn[data-action="new-library-profile"]{gap:4px;padding-inline:8px;font-size:12px}.library-select-label45>input{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.library-manage45 *{scroll-behavior:auto}}

/* Native page scrolling remains outside the actual drawing surfaces. */
:is(#profile-svg,#site-svg,#note-canvas,#sketch-canvas,#front-svg,#area-drawing){touch-action:none}
.touch-canvas47{overflow:hidden;overscroll-behavior:none;scrollbar-gutter:auto!important;-webkit-user-select:none;user-select:none}
:is(#profile-svg,#site-svg,#front-svg,#area-drawing).touch-canvas47>svg,
#site-svg.touch-canvas47>#site-svg-canvas>svg{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;flex-shrink:0}
#site-svg.touch-canvas47>#site-svg-canvas{height:100%;min-height:0}
/* Keep both ends clipped to one stable curve while only colors animate. */
.compact-project .project-controls-redesign17 .project-status-tabs17{isolation:isolate;transition:none;clip-path:inset(0 round 11px);background-clip:padding-box}





/* A single document card; tabs stay in document order while their widths flow. */
.shell[data-view="project"] .compact-project .project-overview-grid.project-documents48{gap:0;border:1px solid var(--project-border);border-radius:16px;background:#ffffff;overflow:hidden;box-shadow:0 3px 14px #242e3804}
.shell[data-view="project"] .compact-project .project-documents48 .phone-project-overview-tabs17{gap:4px;padding:4px;min-height:54px;border-radius:0;box-shadow:none;background:linear-gradient(120deg,#ffffff,#f9fafc)}
.shell[data-view="project"] .compact-project .project-documents48 .phone-project-overview-tab17{order:0!important;flex:1 1 0;width:auto;min-width:44px;min-height:44px;padding:12px;border-radius:12px;transition:flex-grow .42s cubic-bezier(.22,.8,.2,1),background-color .25s ease,color .25s ease,box-shadow .25s ease}
.shell[data-view="project"] .compact-project .project-documents48.has-active48 .phone-project-overview-tab17{flex-grow:0;flex-basis:44px}
.shell[data-view="project"] .compact-project .project-documents48 .phone-project-overview-tab17.is-active{flex-grow:1;flex-basis:0;justify-content:flex-start;gap:8px;padding:12px 12px;background:linear-gradient(120deg,#e9ebef,#f3f4f6);box-shadow:inset 0 0 0 1px #dde0e5,0 2px 5px #141b230a;color:#141b23}
.shell[data-view="project"] .compact-project .project-documents48 .phone-project-extra-label17{display:block;max-width:0;opacity:0;white-space:nowrap;transition:max-width .4s ease,opacity .22s ease;font-size:calc(13px * var(--accessible-scale24,1))}
.shell[data-view="project"] .compact-project .project-documents48 .is-active .phone-project-extra-label17{max-width:100%;opacity:1;transition:max-width .4s ease,opacity .25s .09s ease}
.shell[data-view="project"] .compact-project .project-documents48>.compact-overview:not([hidden]){margin:0!important;border:0;border-top:1px solid #e9ebef;border-radius:0;box-shadow:none;min-height:0}
.shell[data-view="project"] .compact-project .project-documents48 .overview-body{padding:16px 16px}
.shell[data-view="project"] .compact-project .project-documents48 .site-empty{padding:8px 0;margin:0}
.plan-cards48{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.plan-card48{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;padding:12px;border:1px solid #e1e4e8;border-radius:12px;background:#fbfcfd;color:#2f3944;cursor:pointer}
.plan-card48>svg{width:90px;height:64px;border:1px solid #e3e6ea;border-radius:7px;flex:none}.plan-card48>span{display:grid;gap:4px;min-width:0;flex:1}.plan-card48 strong{font-size:15px}.plan-card48 small{font-size:12px;color:#717b85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plan-overlay48>.plan-modal48{width:min(96vw,1580px);max-width:1580px;height:93dvh;max-height:93dvh;display:flex;flex-direction:column;border-radius:16px;overflow:hidden}
.plan-modal48 .modal-head{padding:16px 20px;flex:none}.plan-modal48 .modal-head h2{font-size:24px}.plan-modal48 .modal-body{flex:1;min-height:0;display:flex;padding:0;overflow:hidden}.plan-modal48 .modal-footer{flex:none;padding:12px 20px}
#site-plan-editor48{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;gap:0}
.plan-toolbar48{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid #e7e9ed;flex:none}.plan-name48{flex:1;margin:0!important;min-width:80px}.plan-name48 input{min-height:42px!important;padding:8px 12px!important;font-size:16px!important}.plan-upload48{position:relative;flex:none;min-height:42px;padding:8px 12px;font-size:13px;cursor:pointer}.plan-toolbar48 .icon-btn{width:40px;min-width:40px;min-height:40px;height:40px}
#plan-import48:empty{display:none}#plan-import48{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 20px;background:#f5f6f8;font-size:12px;color:#55606c;flex:none}#plan-import48>span{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#plan-import48 label{display:flex;align-items:center;gap:8px}#plan-pdf-page48{width:66px;min-height:32px;padding:4px 8px;font-size:15px}
.plan-layout48{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,290px);flex:1;min-height:0;min-width:0}.plan-stage-wrap48{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f1f3f5}.plan-stage48{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden;padding:16px;position:relative}.plan-stage48>svg{display:block;width:100%;height:100%;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:13px;box-shadow:0 6px 24px #2f39440f;background:#fdfdfe;cursor:grab;overflow:hidden}.plan-stage48 [data-plan-item48]{cursor:grab;outline:none}.plan-stage48 [data-plan-item48]:focus-visible>.plan-item-halo48{stroke:#3e5773;stroke-width:3}.plan-stage48 .drop-target48>.plan-item-halo48{fill:#e9eef3;stroke:#3f5873;stroke-width:3;filter:drop-shadow(0 0 8px #5f779177)}
.plan-view-tools48{display:flex;align-items:center;gap:4px;padding:8px 12px;flex:none;color:#68737e;border-top:1px solid #e1e4e8}.plan-view-tools48>span{flex:1;font-size:12px}.plan-view-tools48 .icon-btn{height:34px;min-height:34px;width:34px;min-width:34px;background:#ffffffa8;font-size:20px}.plan-view-tools48 .text-btn{font-size:12px;padding:4px}
/* Feld des Lageplans: Knöpfe 8 px innerhalb der weißen Fläche (Bühne hat 16 px Rand, Handy 8 px, Ansicht 12 px). */
.plan-field48{position:relative;display:flex;flex:1;min-height:0;min-width:0}.plan-field48>.canvas-tools{top:24px;left:24px;right:24px}.plan-field48>.canvas-zoom{left:24px;bottom:24px}
@media(max-width:620px){.plan-field48>.canvas-tools{top:16px;left:16px;right:16px}.plan-field48>.canvas-zoom{left:16px;bottom:16px}}
.plan-view77 .plan-field48>.canvas-zoom{left:20px;bottom:20px}
.plan-sidebar48{overflow-y:auto;min-height:0;border-left:1px solid #e1e4e8;padding:16px 12px;background:#ffffff;overscroll-behavior:auto}.plan-sidebar-title48{display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:16px}.plan-sidebar-title48>span{font-size:12px;background:#eff1f3;color:#525d68;padding:4px 8px;border-radius:7px}.plan-sidebar48>p{font-size:12px;color:#78818c;line-height:1.5;margin:8px 4px 12px}.plan-surface48{display:flex;gap:8px;align-items:center;margin:8px 0;border:1px solid #e3e6ea;border-radius:12px;min-width:0;overflow:hidden;background:#fbfcfd}.plan-surface48.is-placed{background:#f5f6f8;border-color:#d5d9de}.plan-surface-grip48{position:relative;flex:none;width:74px;height:75px;padding:4px 8px;border:0;border-right:1px solid #e7e9ed;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.plan-symbol48{display:block;width:100%;height:100%}.plan-surface-grip48>.icon{position:absolute;right:2px;bottom:3px;width:12px;height:12px;color:#8e969f}.plan-surface-add48{display:grid;gap:4px;min-width:0;flex:1;border:0;background:transparent;text-align:left;padding:8px 8px 8px 0;color:#37414c;cursor:pointer;touch-action:pan-y}.plan-surface-add48 strong{font-size:13px;overflow-wrap:anywhere;line-height:1.35}.plan-surface-add48 small{font-size:12px;color:#76808b}.plan-no-surfaces48{padding:24px 12px;color:#7c858f;line-height:1.6;text-align:center}.plan-feedback48{margin:0;padding:8px 20px;border-top:1px solid #e7e9ed;font-size:12px;color:#66707c;min-height:30px;flex:none}.plan-feedback48:empty{display:none}.plan-drag-ghost48{position:fixed;z-index:99999;pointer-events:none;width:85px;height:78px;transform:translate(-50%,-65%);background:#f8f9faec;border:1.5px solid #171f27;border-radius:12px;box-shadow:0 12px 30px #242e380f;padding:4px}
@media(max-width:620px){.plan-overlay48>.plan-modal48{width:98vw;height:96dvh;max-height:96dvh;border-radius:16px}.plan-modal48 .modal-head{padding:8px 12px}.plan-modal48 .modal-head h2{font-size:20px}.plan-toolbar48{padding:8px 12px;gap:4px}.plan-upload48{padding:8px;font-size:12px}.plan-upload48>span{display:none}.plan-layout48{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(200px,1fr) minmax(115px,24%)}.plan-sidebar48{border-left:0;border-top:1px solid #e1e4e8;}.plan-sidebar-title48{font-size:13px}.plan-sidebar48>p{display:none}#plan-surfaces48{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:auto}.plan-surface48{min-width:200px;max-width:240px;margin:8px 0;flex:none}.plan-surface-grip48{width:58px;height:59px}.plan-surface-add48{touch-action:pan-x pan-y}.plan-stage48{padding:8px}.plan-view-tools48>span{font-size:12px}.plan-feedback48{padding:8px 12px;font-size:12px}.plan-modal48 .modal-footer{padding:8px 12px}.plan-modal48 .modal-footer>.btn{min-height:42px;font-size:13px}#plan-import48{padding:4px 12px;font-size:12px}#plan-import48>span{max-width:130px}}
@media(max-width:420px){.shell[data-view="project"] .compact-project .project-documents48.has-active48 .phone-project-overview-tab17{flex-basis:38px;min-width:38px;padding:8px}.shell[data-view="project"] .compact-project .project-documents48 .phone-project-overview-tab17.is-active{flex-basis:0;padding:8px!important}.shell[data-view="project"] .compact-project .project-documents48 .phone-project-extra-label17{font-size:12px}.plan-view-tools48>span{max-width:150px;line-height:1.3}.plan-toolbar48 .icon-btn{width:34px;min-width:34px}}
@media(prefers-reduced-motion:reduce){.project-documents48 .phone-project-overview-tab17,.project-documents48 .phone-project-extra-label17{transition:none!important}}

.plan-redo48{transform:scaleX(-1)}

.plan-modal48 .plan-delete48{margin-right:auto;color:#973a37;font-size:12px}

.project-documents48{align-content:start;grid-template-rows:max-content max-content}.plan-sidebar48 .plan-surface-add48 strong{font-size:calc(13px * var(--accessible-scale24,1))}.plan-sidebar48 .plan-surface-add48 small{font-size:calc(10px * var(--accessible-scale24,1))}.plan-sidebar-title48{font-size:calc(16px * var(--accessible-scale24,1))}.plan-name48 input{font-size:calc(16px * var(--accessible-scale24,1))!important;min-height:calc(42px * var(--accessible-scale24,1))!important}.plan-upload48{font-size:calc(13px * var(--accessible-scale24,1));white-space:normal}.plan-modal48 .modal-footer{flex-wrap:wrap}

/* One compact description for every project document tab. */
.shell[data-view="project"] .compact-project .project-documents48 .project-overview-info53{margin:0;padding:0;text-align:start;font-size:calc(12px * var(--accessible-scale24,1));font-weight:400;line-height:1.5;color:#68737e;overflow-wrap:anywhere}
.shell[data-view="project"] .compact-project .project-documents48 .project-overview-info53:has(+div){margin-bottom:12px}

#plan-selection48:empty{display:none}
.plan-inspector57{padding:12px;margin:0 0 16px;border:1px solid #d9dde1;border-radius:16px;background:linear-gradient(135deg,#f3f4f6,#f9fafc);box-shadow:0 4px 16px #13192107;color:#3f4954}
.plan-inspector57>header{display:flex;gap:12px;align-items:center;min-width:0}.plan-inspector57>header>.plan-symbol48{flex:none;width:62px;height:53px;border:1px solid #dbdee3;border-radius:10px;background:#ffffffa8;padding:4px}.plan-inspector57>header>span{display:grid;gap:4px;min-width:0}.plan-inspector57>header strong{font-size:calc(13px * var(--accessible-scale24,1));line-height:1.35;overflow-wrap:anywhere}.plan-inspector57>header small{font-size:calc(10px * var(--accessible-scale24,1));color:#747e89;line-height:1.4;overflow-wrap:anywhere}

.plan-property-row57{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding:8px 0;border-top:1px solid #e1e4e8}.plan-property-row57>span{font-size:calc(11px * var(--accessible-scale24,1));color:#656f7b}
.plan-stepper57{display:flex;align-items:stretch;border:1px solid #dfe3e7;border-radius:10px;overflow:hidden;background:#ffffffdb}.plan-stepper57>button{display:grid;place-items:center;width:36px;min-height:36px;border:0;background:transparent;color:#141c24;cursor:pointer;font-size:20px;flex:none;touch-action:manipulation}.plan-stepper57>button:hover{background:#ebedf0}.plan-stepper57>button:disabled{opacity:.35;cursor:default}.plan-stepper57>button>.icon{width:15px;height:15px}.plan-stepper57>output{display:grid;place-items:center;min-width:53px;padding:4px 4px;border-inline:1px solid #e9ebef;font-size:calc(11px * var(--accessible-scale24,1));font-variant-numeric:tabular-nums;color:#3a4550}
.plan-inspector-actions57{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.plan-inspector-actions57>button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:38px;padding:8px;border:1px solid #d9dde1;border-radius:10px;background:#ffffff;color:#151c24;font-size:calc(11px * var(--accessible-scale24,1));font-weight:500;cursor:pointer;overflow-wrap:anywhere}.plan-inspector-actions57>button:only-child{grid-column:1/-1}.plan-inspector-actions57>button.plan-remove57{color:#973a37;background:#fbfcfd;border-color:#f1d7d6}.plan-inspector-actions57 .icon{width:14px;height:14px;flex:none}
.plan-group-drawer57{position:absolute;z-index:5;width:min(300px,calc(100% - 18px));padding:12px;border:1px solid #c6cbd1;border-radius:16px;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 35px #303b450f,0 3px 8px #303b450f;color:#3c4752;cursor:default;isolation:isolate}
.plan-group-drawer57::before{content:'';position:absolute;left:calc(var(--plan-drawer-arrow57,50%) - 5px);top:-6px;width:10px;height:10px;border-top:1px solid #c6cbd1;border-left:1px solid #c6cbd1;background:#ffffff;transform:rotate(45deg);z-index:-1}.plan-group-drawer57[data-placement57="above"]::before{top:auto;bottom:-6px;transform:rotate(225deg)}
.plan-group-drawer-head57{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding-left:2px}.plan-group-drawer-head57>strong{font-size:calc(11px * var(--accessible-scale24,1));font-weight:600}.plan-group-drawer-head57>button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:7px;background:#f1f3f5;color:#68737e;cursor:pointer}.plan-group-drawer-head57 .icon{width:13px;height:13px}
.plan-group-members57{display:grid;grid-template-columns:repeat(var(--plan-members57,3),minmax(0,1fr));gap:8px}.plan-group-member57{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;gap:4px;padding:4px 4px 8px;border:1px solid #dfe3e7;border-radius:10px;background:#f8f9fa;color:#4d5863;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.plan-group-member57>.plan-symbol48{height:58px;width:100%;pointer-events:none}.plan-group-member57>strong{display:block;font-size:calc(10px * var(--accessible-scale24,1));font-weight:500;line-height:1.35;text-align:center;overflow-wrap:anywhere;pointer-events:none}.plan-group-member57>.icon{position:absolute;top:5px;right:4px;width:10px;height:12px;opacity:.5;pointer-events:none}.plan-group-member57:hover{background:#f1f3f5;border-color:#afb5bd}.plan-group-member57:focus-visible{outline:2px solid #425c78;outline-offset:2px}
@media(max-width:620px){.plan-inspector57{padding:12px;margin-bottom:12px}.plan-inspector57>header>.plan-symbol48{width:50px;height:46px}.plan-group-drawer57{padding:8px}.plan-group-member57>.plan-symbol48{height:50px}.plan-group-drawer-head57{margin-bottom:4px}.plan-group-member57>strong{font-size:calc(9px * var(--accessible-scale24,1))}}
@media(prefers-reduced-motion:no-preference){.plan-group-drawer57.is-opening57{animation:plan-group-open57 .18s cubic-bezier(.2,.8,.2,1)}@keyframes plan-group-open57{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}}
.plan-group-member57>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;hyphens:auto}

/* The complete surface card handles both immediate dragging and tapping. */
button.plan-surface48{width:100%;padding:0;text-align:left;color:#37414c;font:inherit;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;appearance:none;-webkit-appearance:none}
button.plan-surface48:active{cursor:grabbing}
button.plan-surface48:focus-visible{outline:2px solid #425c78;outline-offset:2px}
button.plan-surface48>.plan-surface-add48{touch-action:none;cursor:inherit}
.plan-stage48 .plan-moving74{pointer-events:none}
.plan-join-incoming75{transform-box:view-box;transform-origin:0 0;pointer-events:none}
.plan-join-preview75>.plan-item-halo48{fill:#eceef1;stroke:#3e5772;stroke-width:2}

.plan-read-title77,.plan-read-edit77{display:none}
.plan-view77 .plan-read-title77{display:block;flex:1;min-width:0;margin:0;font-size:calc(16px * var(--accessible-scale24,1));color:#39434e;overflow-wrap:anywhere}
.plan-view77 .plan-read-edit77{display:flex;min-height:42px;font-size:calc(13px * var(--accessible-scale24,1));gap:8px}
.plan-view77 .plan-toolbar48{padding:12px 16px;min-height:62px}
.plan-view77 .plan-toolbar48>:not(.plan-read-title77):not(.plan-read-edit77),.plan-view77 .plan-sidebar48,.plan-view77 #plan-import48,.plan-view77 .plan-feedback48,.plan-view77 .plan-view-tools48>span,.plan-view77 .modal-footer [data-save-plan48],.plan-view77 .modal-footer [data-plan-delete48]{display:none!important}
.plan-view77 .modal-footer{padding:8px 16px}
.plan-view77 .modal-footer>.btn{min-height:42px}
.plan-view77 .plan-layout48{position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.plan-view77 .plan-stage48{padding:12px}
.plan-view77 .plan-stage48 [data-plan-item48]{cursor:pointer}
.plan-view77 .plan-view-tools48,.plan-view77 .plan-field48>.canvas-tools{display:none}
.plan-read-details77{position:absolute;z-index:6;inset:0 0 0 auto;width:min(340px,44%);min-width:0;min-height:0;overflow-y:auto;border-left:1px solid #e1e4e8;background:#fffffffa;padding:12px;overscroll-behavior:contain;box-shadow:-8px 0 24px #303b450f}
.plan-read-head77{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:12px}
.plan-read-head77 h3{font-size:calc(17px * var(--accessible-scale24,1));line-height:1.3;color:#131a22;margin:0;flex:1;overflow-wrap:anywhere}
.plan-read-head77 .icon-btn{width:36px;height:36px;min-width:36px;min-height:36px;border:0;background:#f5f6f8;border-radius:12px}

.plan-read-card77{display:grid;grid-template-columns:100px minmax(0,1fr) 13px;align-items:center;gap:12px;width:100%;min-width:0;min-height:112px;padding:8px 12px;border:1px solid #e1e4e8;border-radius:16px;background:linear-gradient(130deg,#fbfcfd,#f5f6f8);color:#39434e;text-align:left;cursor:pointer;touch-action:manipulation}
.plan-read-art77{display:grid;place-items:center;min-width:0;min-height:90px;padding:4px;border-radius:12px;background:#ffffffc7;border:1px solid #e7e9ed}
.plan-surface-art77{display:block;width:100%;height:100%;min-height:0;max-height:260px}
.plan-read-art77>.plan-surface-art77{height:80px}
.plan-read-copy77{display:grid;justify-items:start;gap:8px;min-width:0}
.plan-read-copy77 strong{font-size:calc(13px * var(--accessible-scale24,1));line-height:1.35;overflow-wrap:anywhere}
.plan-read-count77{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:4px 8px;border-radius:7px;background:#ebedf0;color:#141b23;font-size:calc(12px * var(--accessible-scale24,1));font-weight:600;line-height:1.3;white-space:nowrap}
.plan-read-card77>.icon{width:13px;height:15px;color:#7c858f}
.plan-read-card77:hover{border-color:#9aa2aa;background:#f3f4f6}
.plan-read-card77:focus-visible{outline:2px solid #425c78;outline-offset:2px}





@media(max-width:760px){
 .plan-view77 .plan-layout48,.plan-view77 .plan-layout48.has-read-selection77{display:flex;flex-direction:column}
 .plan-view77 .plan-stage-wrap48{flex:1;min-height:150px}
 .plan-read-details77{inset:auto 0 0;width:100%;max-height:50%;border-left:0;border-top:1px solid #e1e4e8;padding:12px;box-shadow:0 -8px 24px #303b450f}
 .plan-read-head77{margin-bottom:8px}.plan-read-head77 h3{font-size:calc(15px * var(--accessible-scale24,1))}
 
 .plan-read-card77{grid-template-columns:minmax(0,1fr);grid-template-rows:76px 1fr;gap:8px;padding:8px;min-height:0;align-items:start}
 .plan-read-art77{min-height:76px;padding:4px}.plan-read-art77>.plan-surface-art77{height:66px}
 .plan-read-copy77{gap:8px;align-content:space-between;height:100%}.plan-read-copy77 strong{font-size:calc(12px * var(--accessible-scale24,1));line-height:1.3}
 .plan-read-card77>.icon{display:none}.plan-read-count77{font-size:calc(11px * var(--accessible-scale24,1));padding:4px 8px}
 
}
@media(max-height:560px) and (min-width:621px){.plan-read-card77{min-height:94px;grid-template-columns:80px minmax(0,1fr) 13px}.plan-read-art77{min-height:70px}.plan-read-art77>.plan-surface-art77{height:62px}}

.dashboard-last:has(.dashboard-last-layout49)>h2{display:none}.dashboard-last-layout49{display:grid;gap:16px;width:100%;min-width:0;flex:1}.dashboard-last-heading49{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.dashboard-last-heading49>h2{margin:0!important;font-size:15px!important;font-weight:600!important;line-height:1.4}.dashboard-last-heading49>.badge{flex:none;margin:0;font-size:12px}.dashboard-last-layout49 .dashboard-last-project{display:grid!important;grid-template-columns:64px minmax(0,1fr) 20px!important;grid-template-areas:"thumb copy arrow"!important;align-items:center!important;gap:16px!important;width:100%;min-height:84px;padding:0!important;text-align:left}.dashboard-last-layout49 .dashboard-last-project>.project-thumb{grid-area:thumb!important;width:64px;height:72px;align-self:center}.dashboard-last-layout49 .dashboard-last-copy{grid-area:copy!important;display:flex;flex-direction:column;gap:4px;min-width:0}.dashboard-last-layout49 .dashboard-last-copy>strong{font-size:20px;line-height:1.3}.dashboard-last-number49{font-size:12px;color:#747e89;line-height:1.3}.dashboard-last-layout49 .dashboard-last-address{font-size:13px;line-height:1.4}.dashboard-last-layout49 .dashboard-card-arrow{grid-area:arrow!important;justify-self:end;align-self:center!important;margin:0!important;width:20px!important;height:20px!important}.dashboard-last-layout49 .dashboard-last-heading49>.badge{margin-right:0}
@media(max-width:620px){.dashboard-last-layout49{gap:12px}.dashboard-last-layout49 .dashboard-last-project{grid-template-columns:53px minmax(0,1fr) 19px!important;gap:12px!important}.dashboard-last-layout49 .dashboard-last-project>.project-thumb{width:53px;height:62px}.dashboard-last-layout49 .dashboard-last-copy>strong{font-size:17px}.dashboard-last-heading49>h2{font-size:13px!important}.dashboard-last-heading49>.badge{font-size:12px}}



.dashboard-last:has(.dashboard-last-layout49){position:relative}
.dashboard-last-layout49 .dashboard-last-project{position:static!important}
.dashboard-last-layout49 .dashboard-last-project>.project-thumb{display:grid!important;place-items:center}
.dashboard-last-layout49 .dashboard-card-arrow{position:absolute!important;inset-block-start:50%!important;inset-block-end:auto!important;inset-inline-end:18px!important;transform:translateY(-50%)!important}
@media(max-width:620px){.dashboard-last-layout49 .dashboard-card-arrow{inset-inline-end:16px!important}}

/* Name, type and status share the left cell; facts stay beside it. */
.tasks-page17 .task-record17{grid-template-columns:minmax(145px,1.6fr) repeat(3,minmax(0,1fr)) 16px;align-items:center;gap:16px;width:100%;min-width:0}
.tasks-page17 .task-record17>span{min-width:0;max-width:100%;grid-column:auto;grid-row:auto}
.tasks-page17 .task-record-name17{grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto auto;gap:4px 12px}
.tasks-page17 .task-record-name17>.task-type-symbol17{grid-column:1;grid-row:1/4;align-self:center}
.tasks-page17 .task-record-name17>.task-record-status17{grid-column:2;grid-row:3;display:flex;justify-content:flex-start;min-width:0;max-width:100%;padding:2px 0 0}
.tasks-page17 .task-record-status17 .badge{max-width:100%;min-width:0;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.4;flex-wrap:wrap;text-align:left;font-size:calc(10px * var(--accessible-scale24,1))}
.tasks-page17 .task-fact17{min-width:0;padding:4px 0;line-height:1.4;grid-row:auto!important;grid-column:auto!important}
.tasks-page17 .task-fact17>strong,.tasks-page17 .task-fact17>small{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.tasks-page17 .task-fact17>strong{font-size:calc(12px * var(--accessible-scale24,1))}.tasks-page17 .task-fact17>small{font-size:calc(10px * var(--accessible-scale24,1))}
.tasks-page17 .task-record17>svg{grid-column:5;grid-row:1;align-self:center}
@media(min-width:621px) and (max-width:1000px){.tasks-page17 .task-record17{grid-template-columns:minmax(140px,1.5fr) repeat(3,minmax(0,1fr)) 14px;padding:16px 16px;gap:12px}.tasks-page17 .task-record-name17{grid-template-columns:32px minmax(0,1fr);column-gap:8px}.tasks-page17 .task-type-symbol17{width:32px;height:36px}.tasks-page17 .task-type-symbol17>svg{width:30px;height:30px}}
@media(max-width:620px){.tasks-page17 .task-record17{grid-template-columns:repeat(3,minmax(0,1fr)) 14px;gap:12px 8px;padding:12px 12px}.tasks-page17 .task-record17>.task-record-name17{grid-column:1/4;grid-row:1}.tasks-page17 .task-record17>.task-fact17{grid-row:2!important}.tasks-page17 .task-record17>.task-fact17:nth-of-type(2){grid-column:1!important}.tasks-page17 .task-record17>.task-fact17:nth-of-type(3){grid-column:2!important}.tasks-page17 .task-record17>.task-fact17:nth-of-type(4){grid-column:3!important}.tasks-page17 .task-record17>svg{grid-column:4;grid-row:1/3}}

/* Profile metadata always uses the available row, including tablet editors. */
.profile-link-field17{min-width:0;width:100%;grid-column:1/-1}
.template-editor-modal .template-workspace17 .template-properties .profile-link-field17{grid-column:1/-1}
.profile-link-field17>span{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal}
.profile-link-field17 :is(:is(select,.app-select28),.app-select28){width:100%;min-width:0;max-width:100%}
.profile-link-field17 .app-select-label28{overflow-wrap:normal;word-break:normal}
.field:has(input[name="overlap"]),.template-editor-modal .template-workspace17 .template-properties .field:has(input[name="overlap"]){grid-column:1/-1;min-width:0;width:100%}
.field:has(input[name="overlap"])>span{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal}
/* One confirmation applies the value and closes the shared dimension editor. */
.dimension-editor .dimension-actions59{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.dimension-editor .dimension-actions59>.btn{width:100%;flex:none;justify-content:center;white-space:nowrap;overflow-wrap:normal;word-break:normal;gap:8px;padding-inline:12px}
.dimension-editor .dimension-actions59>.btn>.small-icon{flex:none}
.dimension-editor .dimension-actions59>.dimension-delete59{background:#fafbfc;border-color:#f1d7d5;color:#953936}
.template-editor-modal>.modal-footer{display:flex;flex-wrap:wrap}
.template-editor-modal>.modal-footer>.btn{flex:1 1 auto;width:auto;min-width:max-content;white-space:nowrap;overflow-wrap:normal;word-break:normal;padding-inline:12px}
@media(min-width:621px){
 .shell[data-view="profile"] .profile-work17>.profile-canvas17 .dimension-editor,.template-editor-modal .template-workspace17 .dimension-editor{width:max-content;min-width:min(228px,calc(100% - 20px));max-width:calc(100% - 20px)}
}

/* The browser's visible viewport already excludes iPad system and browser bars. */
html:has(.measure-shell60:not(.measure-scroll60)),body:has(.measure-shell60:not(.measure-scroll60)){height:100%;overflow:hidden;overscroll-behavior:none}
html:has(.measure-modal60),body:has(.measure-modal60){height:100%;overflow:hidden;overscroll-behavior:none}
.measure-shell60{height:var(--measure-screen60,100dvh);min-height:0!important;overflow:hidden}
.measure-shell60>.main{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;padding-bottom:var(--measure-nav60,0px)}
.measure-shell60 .topbar{flex:none;position:relative;top:auto}
.measure-shell60 .page{display:flex;flex-direction:column;flex:1;min-height:0;width:100%!important;max-width:none!important;margin:0!important;padding:10px var(--page-gutter,16px) 8px!important;overflow:hidden}
.measure-shell60 .page>.page-heading{display:flex!important;flex:none;min-height:44px;margin-bottom:8px}
.measure-shell60 .page>.profile-header-strip{flex:none;margin-bottom:8px}
.shell.measure-shell60[data-view="profile"] .profile-header-strip{display:flex;align-items:stretch;gap:8px;position:relative}
.shell.measure-shell60[data-view="profile"] .profile-header-strip>.profile-context{display:flex;flex:1;flex-direction:row!important;flex-wrap:nowrap;min-height:52px;padding:4px 12px!important;gap:8px}
.shell.measure-shell60[data-view="profile"] .profile-header-strip .profile-context-copy{width:auto;flex:1;min-width:0}
.shell.measure-shell60[data-view="profile"] .profile-header-strip .context-navigation{display:flex;flex:none;width:auto;max-width:50%;min-width:0}
.shell.measure-shell60[data-view="profile"] .profile-header-strip .context-navigation>.btn{width:auto;min-width:44px;min-height:40px;height:auto;font-size:12px;white-space:nowrap!important;overflow-wrap:normal!important;max-width:none!important}
.shell.measure-shell60[data-view="profile"] .profile-favorites-toggle17{flex:none;min-width:44px;max-width:44px}
.shell.measure-shell60[data-view="profile"] .profile-favorites-toggle17>button{width:44px;height:100%;min-height:44px;padding:0;font-size:0;justify-content:center}
.shell.measure-shell60[data-view="profile"] .profile-favorites-toggle17>button::before{content:'★';font-size:20px;color:#6e7883}.shell.measure-shell60[data-view="profile"] .profile-favorites-toggle17>button>.icon{display:none}
.shell.measure-shell60[data-view="profile"] .profile-favorites-shelf17{position:absolute;top:calc(100% + 5px);inset-inline:0;max-height:55dvh;overflow:auto;z-index:12;background:white;box-shadow:0 12px 30px #303b450f}
.measure-shell60 .page>#area-results,.measure-shell60 .page>.front-result-details{flex:none;margin-top:8px}
.measure-shell60 .page>#area-results:empty{display:none}
.measure-shell60 .page>#area-results:has(>details:not([open])),.measure-shell60 .page>.front-result-details:not([open]){display:none}
.measure-list-button60{font-size:12px;min-height:36px;padding:4px 8px;white-space:nowrap}
.measure-shell60 #area-results>.strip-results{margin:0}
.measure-shell60 :is(#area-results,.front-result-details)>summary,.measure-shell60 #area-results summary{min-height:40px;padding:8px 12px}
.measure-workspace60{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important;min-height:0!important;min-width:0;height:100%;max-height:none!important;margin:0;flex:1}
.measure-workspace60[data-measure-focus60="properties"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important}
.measure-workspace60>*,.shell .measure-workspace60>:is(#area-preview,#area-form,.profile-canvas17,.profile-properties17,.compact-front-canvas,.compact-front-properties),.measure-modal60 .measure-workspace60>:is(.template-drawing-section,form){display:flex!important;flex-direction:column;align-self:stretch!important;min-height:0!important;height:100%!important;max-height:none!important;min-width:0;overflow:hidden}
.measure-workspace60 .measure-drawing60>.panel-head,.measure-workspace60 .measure-drawing60>.front-canvas-main17>.panel-head,.measure-workspace60 .measure-properties60>.panel-head{flex:none;min-height:44px;padding:4px 12px;gap:8px;background:#ffffff}
.measure-workspace60 .measure-properties60>.panel-head>h2,.measure-workspace60 .measure-drawing60 :is(.panel-head>h2,.panel-head>h3){min-width:0;flex:1;margin:0;font-size:15px;line-height:1.25}
.measure-workspace60 :is(.area-unit-choice,.front-unit-choice17){flex:none;width:calc(80px * var(--accessible-scale24,1));margin:0}
.measure-workspace60 :is(.area-unit-choice,.front-unit-choice17) :is(:is(select,.app-select28),.app-select28){width:calc(80px * var(--accessible-scale24,1))!important;min-width:calc(80px * var(--accessible-scale24,1));max-width:calc(80px * var(--accessible-scale24,1));gap:8px;padding-inline:8px!important;font-size:calc(13px * var(--accessible-scale24,1))!important}
.measure-workspace60 :is(.area-unit-choice,.front-unit-choice17) .app-select-label28{white-space:nowrap;overflow-wrap:normal}
.measure-focus-button60{display:flex;align-items:center;gap:8px;min-height:34px;width:100%;padding:2px 0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:start;cursor:pointer}
.measure-focus-button60>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.measure-focus-button60>.icon{width:14px;height:14px;color:#878f99;flex:none}
.measure-focus-button60[aria-pressed="true"]{color:#141b23}.measure-focus-button60:focus-visible{outline:2px solid #171f28;outline-offset:2px;border-radius:7px}
.measure-workspace60 .measure-properties-body60{display:flex!important;flex-direction:column;flex:1;gap:0;min-height:0;min-width:0;max-height:none!important;padding:0!important;margin:0;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:auto;container-type:inline-size}
.measure-property-tabs60{position:sticky;top:0;z-index:4;display:flex;flex:none;gap:4px;padding:8px 8px;background:#f8f9fa;border-block:1px solid #e7e9ed;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;touch-action:pan-x;overscroll-behavior-x:contain}
.measure-property-tabs60>button{flex:none;min-height:36px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#6e7883;font:inherit;font-size:calc(12px * var(--accessible-scale24,1));line-height:1.25;white-space:nowrap;cursor:pointer}
.measure-property-tabs60>button[aria-selected="true"]{background:white;color:#141c24;border-color:#dde0e5;box-shadow:0 2px 5px #2f394409;font-weight:600}
.measure-property-sections60{padding:12px;min-height:0;min-width:0;flex:none}
.measure-property-section60{min-width:0}.measure-property-section60>h3{display:none;font-size:12px;color:#545f6b;margin:0 0 12px}
.measure-fields60{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start;min-width:0}
.measure-fields60>.field,.measure-workspace60 .measure-properties60 .measure-fields60>.field{display:flex;flex-direction:column;align-self:start;min-width:0;width:100%;margin:0!important;gap:0}
.measure-fields60>.field:only-child{grid-column:1/-1}
.measure-fields60>.field:has([name="name"]),.measure-fields60>.field:has([name="material"]),.measure-fields60>.field:has([name="dormerDirection"]),.measure-fields60>.field:has([name="roofPitch"]),.measure-fields60>.field:has([name="roofPitch2"]),.measure-fields60>.field:has([name="breakDistance"]),.measure-fields60>button,.measure-fields60>div,.measure-fields60>details,.measure-fields60>section{grid-column:1/-1}
.measure-workspace60 .measure-fields60 .field>span{font-size:calc(11px * var(--accessible-scale24,1));line-height:1.3;min-height:0;margin-bottom:4px;overflow-wrap:normal!important;word-break:normal}
.measure-workspace60 .measure-fields60 :is(input:not([type="checkbox"]),:is(select,.app-select28),.app-select28){width:100%;min-width:0;min-height:44px;height:auto;font-size:15px}
.measure-fields60 .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.measure-fields60 .geometry-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0!important;margin:0!important;gap:8px}
.measure-fields60 .geometry-tabs>.btn{font-size:12px;min-width:0;padding:8px;line-height:1.3}
.measure-fields60>.company-template-target17{display:flex;grid-column:1/-1}.measure-fields60 .company-template-toggle17{display:flex;align-items:center;gap:8px}
.measure-fields60>.measure-detail-fields,.measure-fields60>.front-seam-fields17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;border:0}
.measure-fields60 .front-join-heading,.measure-fields60 .front-seam-fields17>.field-row{grid-column:1/-1}
.measure-property-section60 :is(.front-group-allowances17,.front-window-properties-details17)>summary{display:none}
.measure-workspace60 .measure-drawing60 :is(#area-drawing,.profile-drawing,.front-drawing){display:flex!important;flex-direction:column;flex:1!important;width:100%;height:auto!important;min-height:0!important;max-height:none!important;padding:4px 8px!important}
.measure-workspace60 .measure-drawing60 :is(#area-drawing,.front-drawing)>svg{width:100%;height:100%;min-height:0!important;max-height:none!important;flex:1}
.measure-workspace60 .measure-drawing60 #profile-svg{display:flex;flex:1!important;min-height:0!important;height:100%!important;max-height:none!important;overflow:hidden!important}
.measure-workspace60 .measure-drawing60 #profile-svg>svg{min-height:0!important;max-height:none!important;height:100%;width:100%;flex:0 0 auto}
.measure-workspace60 .measure-drawing60>.front-canvas-main17{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.measure-workspace60 .measure-drawing60 :is(.summary-strip,.drawing-toolbar,.area-strip-details,.segment-details,#front-schar-detail17){flex:none}
.measure-workspace60 .measure-drawing60 :is(#area-results,.front-result-details){flex:none;margin:0;border-radius:0;border-width:1px 0 0}
.measure-workspace60 .measure-drawing60 :is(#area-results,.front-result-details) summary{min-height:36px!important;padding:8px 12px!important}
.measure-workspace60 .measure-drawing60 :is(#area-results,.front-result-details) summary h2{font-size:12px}
.measure-workspace60 .measure-drawing60 :is(.area-summary,.compact-front-summary){display:flex;flex-wrap:nowrap;gap:8px 16px;overflow-x:auto;padding:8px 12px;min-height:48px;scrollbar-width:none}
.measure-workspace60 .measure-drawing60 .summary-strip>div{display:block!important;min-width:max-content;grid-column:auto!important}.measure-workspace60 .measure-drawing60 .summary-strip small{font-size:12px}.measure-workspace60 .measure-drawing60 .summary-strip strong{font-size:17px!important;white-space:nowrap}.measure-workspace60 .measure-drawing60 .summary-strip strong span{font-size:12px}
.measure-workspace60 .measure-drawing60 .area-bottom-tools,.measure-workspace60 .measure-drawing60 .drawing-toolbar{min-height:44px;padding:4px 8px;gap:4px;flex-wrap:nowrap}
.measure-workspace60 .measure-drawing60>.segment-details>summary,.measure-workspace60 .measure-drawing60 .area-strip-details>summary{min-height:36px;padding:8px 12px;font-size:12px}
.measure-workspace60 .measure-drawing60 .profile-edit-tools{min-height:48px!important;padding:2px 0!important;flex:none}
.measure-workspace60 .measure-drawing60 .profile-edit-tools .template-tool17,.measure-workspace60 .measure-drawing60 .profile-edit-tools>details>summary{width:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;height:40px!important;flex-basis:40px!important}
.measure-workspace60 .measure-drawing60 .drawing-label{display:none}
.measure-workspace60[data-measure-focus60="properties"] .measure-property-sections60{column-count:2;column-gap:12px}
.measure-workspace60[data-measure-focus60="properties"] .measure-property-section60{display:block;width:100%;break-inside:avoid;margin:0 0 8px;padding:8px;border:1px solid #e5e8ec;border-radius:12px;background:#fbfcfd}
.measure-workspace60[data-measure-focus60="properties"] .measure-property-section60>h3{display:block}
.measure-workspace60[data-measure-focus60="properties"] .measure-property-section60>h3{margin-bottom:8px;font-size:12px}
.measure-workspace60[data-measure-focus60="properties"] .measure-fields60{gap:8px}
.measure-workspace60[data-measure-focus60="properties"] .measure-fields60 .field>span{margin-bottom:4px;font-size:calc(10px * var(--accessible-scale24,1))}
@container(min-width:600px){.measure-workspace60[data-measure-focus60="properties"] .measure-property-sections60{column-count:3}.measure-workspace60[data-measure-workspace60="area"][data-measure-focus60="properties"] [data-measure-section60="roof"],.measure-workspace60[data-measure-workspace60="area"][data-measure-focus60="properties"] [data-measure-section60="allowances"]{break-before:column}}
.measure-workspace60[data-measure-focus60="properties"] .measure-fields60 .field:has([name="material"]),.measure-workspace60[data-measure-focus60="properties"] .measure-fields60 .field:has([name="dormerPitch"]){grid-column:1/-1!important}
.measure-workspace60[data-measure-focus60="properties"] .measure-drawing60 .summary-strip{display:none!important}

.measure-workspace60[data-measure-focus60="properties"] .measure-drawing60>.segment-details:not([open]){display:none!important}
.measure-modal60{height:calc(var(--measure-screen60,100dvh) - 24px)!important;max-height:calc(var(--measure-screen60,100dvh) - 24px)!important}
.measure-modal60>.modal-body{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;flex:1!important;gap:8px}
.measure-modal60 .template-workspace17{height:100%!important;min-height:0!important;flex:1!important}
.measure-modal60 .template-workspace17 .template-properties{display:flex!important;grid-template-columns:none!important;min-height:0}
.measure-modal60 .template-workspace17 .template-properties .measure-fields60>.field:has([name="name"]),.measure-modal60 .template-workspace17 .template-properties .measure-fields60>.field:has([name="group"]),.measure-modal60 .template-workspace17 .template-properties .measure-fields60>.field:has([name="profileLink"]),.measure-modal60 .template-workspace17 .template-properties .measure-fields60>.field:has([name="material"]),.measure-modal60 .template-workspace17 .template-properties .measure-fields60>.field:has([name="overlap"]){grid-column:1/-1!important}
.measure-modal60 .template-workspace17>form>.segment-details{flex:none}
.measure-modal60 .template-workspace17>form>.template-scope-note{font-size:12px;padding:8px 12px;flex:none}
@media(orientation:portrait),(max-width:620px){
 .measure-workspace60{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,2fr) minmax(0,1fr)!important;gap:12px!important}
 .measure-workspace60[data-measure-focus60="properties"]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(0,2fr)!important}
 .measure-property-section60 .measure-fields60{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
 .measure-property-section60 .measure-fields60>.field:has([name="material"]){grid-column:auto}
 .measure-property-section60 .measure-fields60>.field:has([name="overlap"]){grid-column:auto}
 .measure-workspace60[data-measure-focus60="properties"] .measure-property-section60 .measure-fields60{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .measure-shell60 .page{padding:8px 8px!important}.measure-shell60 .page>.page-heading{gap:4px;margin-bottom:4px}.measure-shell60 .page-heading h1{font-size:16px!important}.measure-shell60 .page-heading>.btn,.measure-shell60 .page-heading .btn{font-size:12px;padding:8px 8px;min-height:40px}
 .shell.measure-shell60[data-view="profile"] .profile-header-strip{display:flex!important}.shell.measure-shell60[data-view="profile"] .profile-header-strip .profile-context-title17>.badge{display:none}
 .shell.measure-shell60[data-view="profile"] .profile-header-strip .context-navigation>.btn{width:44px!important;max-width:44px!important;min-width:44px!important;min-height:44px!important;padding:0;gap:0;font-size:0!important}
 .measure-property-sections60{padding:8px}.measure-property-section60 .measure-fields60{grid-template-columns:repeat(2,minmax(0,1fr))}
 .measure-property-tabs60{padding:4px 8px}.measure-property-tabs60>button{min-height:32px;padding:4px 8px;font-size:calc(11px * var(--accessible-scale24,1))}
 .measure-workspace60[data-measure-focus60="properties"] .measure-property-sections60{column-count:1}
 .measure-workspace60 .measure-drawing60 .area-bottom-tools>[data-action="enlarge-area"]{font-size:0;padding:0;width:36px;min-width:36px;min-height:36px}.measure-workspace60 .measure-drawing60 .area-bottom-tools>[data-action="enlarge-area"]>.icon{width:17px;height:17px}
 .measure-workspace60 .measure-drawing60 .drawing-toolbar>[data-switch-profile-end]{width:44px;min-width:44px;max-width:44px;min-height:44px!important;padding:0;gap:0;font-size:0!important}
}
/* Opening a fabrication detail deliberately restores document scrolling. */
.measure-shell60.measure-scroll60{height:auto;min-height:var(--measure-screen60,100dvh)!important;overflow:visible}
.measure-shell60.measure-scroll60>.main{height:auto;min-height:var(--measure-screen60,100dvh)}
.measure-shell60.measure-scroll60 .page{overflow:visible;flex:none}
.measure-shell60.measure-scroll60 .measure-workspace60{height:auto!important;flex:none;grid-template-rows:auto!important;align-items:start!important}
.measure-shell60.measure-scroll60 .measure-properties60{height:max(500px,calc(var(--measure-screen60,100dvh) - 200px))!important;align-self:start!important}
.measure-shell60.measure-scroll60 .measure-drawing60{height:auto!important;min-height:500px!important;overflow:visible}
.measure-shell60.measure-scroll60 .measure-drawing60 :is(#area-drawing,.profile-drawing){height:clamp(240px,40dvh,420px)!important;min-height:0!important;flex:none!important}
.measure-shell60.measure-scroll60 .measure-drawing60>.front-canvas-main17{height:clamp(330px,55dvh,600px)!important;min-height:0!important;flex:none!important}
@media(orientation:portrait),(max-width:620px){.measure-shell60.measure-scroll60 .measure-workspace60{height:auto;grid-template-rows:auto auto!important}.measure-shell60.measure-scroll60 .measure-properties60{height:340px!important}}
@media(prefers-reduced-motion:no-preference){.measure-workspace60{transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1),grid-template-rows .28s cubic-bezier(.2,.8,.2,1)}.measure-property-section60:not([hidden]){animation:measure-panel60 .16s ease-out}@keyframes measure-panel60{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}

.free-area-preview61{display:flex;flex-direction:column;min-height:0;overflow:hidden}.free-area-preview61>.panel-head{display:flex;align-items:center;gap:8px}.free-area-preview61>.panel-head h2{flex:1}.free-summary61{display:flex;align-items:center;gap:24px;padding:8px 12px;border-block:1px solid #e9ebef;background:#f8f9fa;overflow-x:auto;flex:none;min-height:55px}.free-summary61>span{flex:none}.free-summary61 small{display:block;font-size:12px;color:#76808b}.free-summary61 strong{font-size:17px;white-space:nowrap}.free-summary61 em{font-style:normal;font-size:12px;font-weight:500}.free-summary61 .free-open61{margin-left:auto;padding:4px 8px;border-radius:7px;font-size:12px;color:#45607c;background:#eff1f3}
#free-area-drawing61{display:flex;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at center,#f7f8f9 0%,#fbfcfd 70%);touch-action:none}#free-area-drawing61>svg{width:100%;height:100%;min-height:0;flex:1}#free-area-drawing61 [role=button]{cursor:pointer;outline:none}#free-area-drawing61 [role=button]:focus-visible{filter:drop-shadow(0 0 4px #3e5873)}#free-area-drawing61 [role=button]:hover>rect{fill:#e2e7ee}
.free-hint61{font-size:12px;line-height:1.5;color:#76808b;margin:8px 0;grid-column:1/-1}.free-panel-row61{display:flex;align-items:center;gap:12px;min-height:56px;width:100%;padding:8px 0;border:0;border-bottom:1px solid #e9ebef;background:transparent;text-align:left;font:inherit;color:#3c4752}.free-panel-row61>span:nth-child(2){flex:1;min-width:0}.free-panel-row61 strong,.free-panel-row61 small{display:block}.free-panel-row61 strong{font-size:12px}.free-panel-row61 small{font-size:12px;margin-top:4px;color:#828b95}.free-number61{display:grid;place-items:center;min-width:28px;height:28px;border-radius:10px;background:#eff1f3;color:#5f6975;font-size:12px}.free-area-workspace61 .measure-fields60>label:has([name=project]){grid-column:1/-1}.surface-choice-free61 svg{width:100%;height:100%;padding:20px}
.free-area-workspace61[data-measure-focus60=properties] .free-summary61{display:none}
.free-area-workspace61 .measure-fields60>label:has([name=length]){grid-column:1/-1}
.surface-chooser-modal17 .surface-choice17[data-create-free61]{grid-column:1/-1;flex-direction:row;align-items:center}.surface-chooser-modal17 [data-create-free61] .surface-choice-art17{width:140px;height:100px;flex:none;padding:0 12px}.surface-chooser-modal17 [data-create-free61] .surface-choice-label17{flex:1}.surface-chooser-modal17 [data-create-free61] .surface-choice-free61 svg{padding:6px}
@media(max-width:620px){.free-summary61{padding:8px 12px;min-height:47px}.free-summary61 strong{font-size:16px}.free-summary61 .free-open61{font-size:12px}}

/* Navigation stays in flow; the card list is its sticky containing block. */
.shell[data-view=library] .library-manage45.library-manage-flow66{display:block;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.shell[data-view=library] .library-manage-flow66>.library-manage-tools45{padding:8px 8px 8px;border:1px solid #dfe3e7;border-bottom:0;border-radius:16px 16px 0 0;background:#ffffff}
.shell[data-view=library] .library-manage-flow66>:is(.library-nav38,.library-favorite-nav45){position:sticky!important;inset:auto!important;top:var(--library-sticky-top17,56px)!important;z-index:40;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;max-height:none;margin:0 0 12px;padding:8px 8px 8px;border:1px solid #dfe3e7;border-top-color:#eff1f3;border-radius:0 0 16px 16px;background:#ffffff;box-shadow:0 2px 5px #13192103;overflow:visible;animation:none!important;transition:none!important;transform:none!important}
@media(max-width:620px){
 .shell[data-view=library] .library-manage-flow66>.library-manage-tools45{padding:8px 8px 8px;border-radius:12px 12px 0 0}
 .shell[data-view=library] .library-manage-flow66>:is(.library-nav38,.library-favorite-nav45){padding-inline:8px;padding-bottom:8px;border-radius:0 0 12px 12px}
}

.tasks-page17 .task-dashboard63{grid-template-columns:minmax(200px,.65fr) minmax(0,2fr);gap:24px;padding:20px}.task-dashboard63 .task-scope17{grid-row:auto;padding-right:20px;gap:12px}.task-stages63{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.task-stage63{display:flex;flex-direction:column;min-width:0;padding:16px 16px;border:1px solid #e3e6ea;border-radius:12px;background:#ffffff;color:#39516b;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}.task-stage63:hover{border-color:#a6b4c4;background:#fbfcfd}.task-stage63.is-active{border-color:#8093a9;background:#f6f7f9;box-shadow:0 0 0 1px #8093a9}.task-stage63:focus-visible{outline:2px solid #415b77;outline-offset:3px}.task-stage-title63{display:flex;align-items:center;gap:8px;min-width:0;padding-bottom:12px;border-bottom:1px solid #e8eaee}.task-stage-title63>strong{font-size:calc(14px * var(--accessible-scale24,1));line-height:1.3;flex:1;min-width:0}.task-stage-title63>.icon{flex:none;width:18px;height:18px;color:#617892}.task-stage-check63{flex:none;display:grid;place-items:center;width:17px;height:17px;border:1px solid #e6ebf2;border-radius:50%;font-size:12px;line-height:1;background:#fafbfc;color:#ffffff}.is-active .task-stage-check63{background:#425b77;border-color:#425b77}.task-tree-root63{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 8px;font-size:calc(11px * var(--accessible-scale24,1));color:#7a848e}.task-tree-root63>strong{font-size:calc(23px * var(--accessible-scale24,1));font-weight:600;color:#141b23;line-height:1}.task-tree-branches63{position:relative;display:grid;gap:12px;padding:4px 0 0 16px;margin-left:4px}.task-tree-branches63:before{content:'';position:absolute;left:0;top:0;bottom:12px;width:1px;background:#dbdee3}.task-tree-branches63>span{position:relative;display:flex;align-items:center;gap:8px;min-width:0;font-size:calc(11px * var(--accessible-scale24,1));color:#727c87}.task-tree-branches63>span:before{content:'';position:absolute;left:-16px;width:9px;height:1px;background:#dbdee3}.task-tree-branches63 .icon{width:14px;height:14px;flex:none;color:#929aa3}.task-tree-branches63>span>span{min-width:0;flex:1;white-space:nowrap}.task-tree-branches63 b{font-weight:500;font-size:calc(10px * var(--accessible-scale24,1));margin-left:4px;color:#949ca5}.task-tree-branches63 strong{flex:none;white-space:nowrap;font-size:calc(13px * var(--accessible-scale24,1));font-weight:600;color:#141c24}.task-tree-branches63 em{font-size:calc(10px * var(--accessible-scale24,1));font-weight:500;font-style:normal;color:#89919b}.task-summary63{align-items:center}.task-summary63 .text-btn{padding:4px 0;font-size:12px}
@media(max-width:1100px){.tasks-page17 .task-dashboard63{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.task-dashboard63 .task-scope17{grid-row:auto;padding:0 0 12px;border-right:0;border-bottom:1px solid #e5e8ec;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 16px}.task-dashboard63 .task-eyebrow17{display:none}.task-dashboard63 .task-company17{text-align:right}.task-dashboard63 .task-scope-buttons17{width:260px;max-width:100%}.task-dashboard63 .task-scope-buttons17>button{min-height:42px;padding:8px}.task-stage63{padding:12px 12px}.task-stage-title63>strong{font-size:calc(13px * var(--accessible-scale24,1))}}
@media(max-width:620px){.tasks-page17 .task-dashboard63{padding:12px;gap:12px}.task-stages63{gap:8px}.task-stage63{padding:12px 8px;border-radius:10px}.task-stage-title63{gap:4px;padding-bottom:8px;align-items:flex-start}.task-stage-title63>strong{font-size:calc(12px * var(--accessible-scale24,1))}.task-stage-title63>.icon{display:none}.task-stage-check63{width:14px;height:14px;margin-top:1px}.task-tree-root63{font-size:12px;gap:4px;padding:12px 0 8px}.task-tree-root63>strong{font-size:20px}.task-tree-branches63{padding-left:12px;margin-left:1px;gap:8px}.task-tree-branches63>span{gap:4px;font-size:12px;flex-wrap:wrap}.task-tree-branches63>span:before{left:-10px;width:6px}.task-tree-branches63 .icon{display:none}.task-tree-branches63 strong{font-size:12px}.task-tree-branches63 b,.task-tree-branches63 em{font-size:12px}.task-dashboard63 .task-scope17{grid-template-columns:minmax(0,1fr);gap:8px}.task-dashboard63 .task-scope-buttons17{width:100%}.task-dashboard63 .task-company17{display:none}}
@media(prefers-reduced-motion:reduce){.task-stage63{transition:none}}
/* The project identity follows the same order as the dashboard cards. */
.tasks-page17 .task-project17>summary{min-height:calc(82px * var(--accessible-scale24,1));box-sizing:border-box;padding:8px 16px}
.tasks-page17 .task-project-copy17{display:grid;grid-template-rows:calc(24px * var(--accessible-scale24,1)) calc(16px * var(--accessible-scale24,1)) calc(18px * var(--accessible-scale24,1));gap:4px;align-content:center;min-width:0}
.tasks-page17 .task-project-copy17>strong{margin:0;font-size:calc(18px * var(--accessible-scale24,1));font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#25303a}
.tasks-page17 .task-project-copy17>:is(.task-project-number83,.task-project-address83){display:block;min-width:0;margin:0;color:#747e89;font-size:calc(12px * var(--accessible-scale24,1));line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tasks-page17 .task-project-copy17>.task-project-address83{font-size:calc(13px * var(--accessible-scale24,1))}
.tasks-page17 .task-project17>summary>.icon{align-self:center;flex:none}
@media(max-width:620px){.tasks-page17 .task-project17>summary{padding-inline:12px}.tasks-page17 .task-project-copy17>strong{font-size:calc(16px * var(--accessible-scale24,1))}}

/* One lower panel contains properties and quick selection. Controls keep their form. */
.measure-arranged65 .measure-properties60>.panel-head{flex-wrap:nowrap;min-height:46px;padding:4px 12px}
.measure-tools65{display:flex;align-items:stretch;gap:4px;min-width:0;flex:1;padding:4px;border:1px solid #e3e6ea;border-radius:12px;background:#f8f9fa}
.measure-tools65>button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;flex:0 0 44px;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#858e98;font:inherit;cursor:pointer;overflow:hidden}
.measure-tools65>button[aria-selected=true]{flex:1 1 44px;justify-content:flex-start;background:#eff1f3;border-color:#dde0e5;color:#141c24}
.measure-tools65>button>span:not(.measure-favorite-star65),.measure-tools65>button>.measure-tool-expand65{display:none}
.measure-tools65>button[aria-selected=true]>span:not(.measure-favorite-star65){display:block;min-width:0;white-space:nowrap;font-size:calc(13px * var(--accessible-scale24,1));font-weight:600}
.measure-tools65>button[aria-selected=true]>.measure-tool-expand65{display:block;width:13px;height:13px;margin-left:auto;color:#8a939c}
.measure-tools65 .small-icon{width:17px;height:17px;flex:none}.measure-favorite-star65{font-size:20px;line-height:1;color:#627993}
.measure-tools65>button:focus-visible{outline:2px solid #171f28;outline-offset:-2px}
.measure-arranged65 .measure-properties-body60[hidden],.measure-arranged65 .measure-property-tabs60[hidden],.measure-arranged65 .measure-favorites65[hidden]{display:none!important}
.measure-arranged65 .measure-properties-body60{overflow:hidden!important;container-type:inline-size}
.measure-arranged65 .measure-property-sections60{column-count:auto!important;display:block;flex:none;min-height:0;padding:12px 12px;overflow:visible}
.measure-property-lane65{display:contents}
.measure-arranged65 .measure-property-section60{width:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;break-before:auto!important;break-inside:auto}
.measure-arranged65 .measure-property-section60[hidden]{display:none!important}
.measure-arranged65 .measure-property-section60>h3{display:none;margin:0 0 8px;font-size:calc(12px * var(--accessible-scale24,1));line-height:1.3;color:#151d25}
.measure-arranged65 .measure-fields60{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-content:start}
.measure-arranged65 .measure-fields60>.field{grid-column:auto!important;min-width:0}
.measure-arranged65 .measure-fields60>.field:only-child,.measure-arranged65 .measure-fields60>.field:has([name=name]),.measure-arranged65 .measure-fields60>.field:has([name=project]),.measure-arranged65 .measure-fields60>.field:has([name=profileLink]),.measure-arranged65 .measure-fields60>.field:has([name=group]),.measure-arranged65 .measure-fields60>.field:has([name=material]),.measure-arranged65 .measure-fields60>.field:has([name=dormerDirection]){grid-column:1/-1!important}
.measure-arranged65 .measure-fields60 .field>span:first-child{margin-bottom:4px;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.3;word-break:normal;overflow-wrap:normal}
.measure-arranged65 .measure-fields60 :is(input:not([type=checkbox]),:is(select,.app-select28),.app-select28){box-sizing:border-box;min-height:max(44px,calc(30px * var(--accessible-scale24,1)))!important;height:max(44px,calc(30px * var(--accessible-scale24,1)))!important;padding-block:8px;font-size:calc(14px * var(--accessible-scale24,1));line-height:1.2}
.measure-arranged65 .app-select-label28{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.measure-arranged65 .measure-fields60 .profile-save-template17{width:100%;justify-content:flex-start;min-height:40px;padding:4px 0;margin:0;font-size:calc(11px * var(--accessible-scale24,1));line-height:1.3;text-align:left}
.measure-arranged65 .measure-property-tabs60{position:static;padding:4px 8px;gap:2px;scrollbar-width:none}
.measure-arranged65 .measure-property-tabs60>button{min-height:36px;padding:4px 8px;font-size:calc(11px * var(--accessible-scale24,1))}
.measure-arranged65 .measure-fields60 .geometry-tabs{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.measure-arranged65 .geometry-tabs>.btn{min-height:38px;padding:4px 8px;font-size:calc(11px * var(--accessible-scale24,1));white-space:nowrap;line-height:1.2}
.measure-arranged65 .measure-fold65{padding:0;border:0;margin:0}.measure-arranged65 .measure-fold65>summary{display:none}
.measure-arranged65 .measure-fold65[data-measure-folded65=true]{border:1px solid #e1e4e8;border-radius:10px;background:#fbfcfd;overflow:hidden}
.measure-arranged65 .measure-fold65[data-measure-folded65=true]>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:8px 12px;list-style:none;cursor:pointer;color:#5f6975;font-size:calc(12px * var(--accessible-scale24,1));font-weight:600}
.measure-arranged65 .measure-fold65>summary::-webkit-details-marker{display:none}.measure-fold65>summary>.icon{width:14px;height:14px;flex:none;transition:transform .2s}.measure-fold65[open]>summary>.icon{transform:rotate(90deg)}
.measure-arranged65 .measure-fold65[data-measure-folded65=true]>.measure-fields60{padding:0 12px 12px}
.measure-arranged65 .measure-fold65[data-measure-folded65=false]>.measure-fields60{display:grid!important}
.measure-arranged65 .measure-fold65[data-measure-folded65=false]>summary{display:none!important}
.measure-arranged65[data-measure-focus60=properties] .measure-property-sections60{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding:16px 16px;align-content:start}
.measure-arranged65[data-measure-focus60=properties] .measure-property-lane65{display:flex;flex-direction:column;gap:16px;min-width:0;padding-right:16px;border-right:1px solid #eff1f3}
.measure-arranged65[data-measure-focus60=properties] .measure-property-lane65:last-child{padding-right:0;border-right:0}
.measure-arranged65[data-measure-focus60=properties] .measure-property-section60{display:block!important;width:auto;padding:0;margin:0;border:0;border-radius:0;background:transparent}
.measure-arranged65[data-measure-focus60=properties] .measure-property-section60:has(>.measure-fold65[data-measure-folded65=true])>h3{display:none}
.measure-arranged65[data-measure-focus60=properties] .measure-property-section60>h3{display:block;font-weight:600}
.measure-arranged65[data-measure-focus60=properties] .measure-fields60{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field:has([name=material]),.measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field:has([name=dormerPitch]){grid-column:auto!important}
.measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field:has([name=material]),.measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field:has([name=dormerDirection]){grid-column:1/-1!important}
.measure-arranged65 .area-profile-choices{gap:8px}.measure-arranged65 .area-profile-choice .area-profile-open{min-height:48px;padding:8px 8px}.measure-arranged65 .area-profile-open>span{font-size:12px}.measure-arranged65 .area-profile-open>strong{font-size:12px}
/* The old favorite header is now a pane in the properties form. */
.shell.measure-shell60[data-view=profile] .measure-favorites65{display:flex;flex:1;flex-direction:column;position:static!important;inset:auto!important;min-width:0;min-height:0;max-height:none;grid-column:auto;grid-row:auto;width:100%;padding:8px 12px!important;margin:0!important;border:0!important;border-radius:0!important;background:#ffffff!important;box-shadow:none!important;overflow:hidden!important}
.shell.measure-shell60[data-view=profile] .measure-favorites65{container-type:inline-size}
.shell.measure-shell60[data-view=profile] .measure-favorites65>.quick-library{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;height:100%;padding:0!important}
.measure-favorites65 .quick-favorite-toolbar25{flex:none;gap:8px;align-items:start}.measure-favorites65 .quick-favorite-folder-row17{padding:0!important;grid-auto-columns:var(--favorite-folder-fit35,170px)!important}
.measure-favorites65 .favorite-folder-button17{min-height:40px!important;height:40px!important;padding:4px 8px!important}.measure-favorites65 .favorite-load25{min-height:40px!important;height:40px!important;padding:4px 8px!important}.measure-favorites65 .favorite-load25>span{display:none}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-favorite-contents17{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:none!important;grid-auto-columns:calc((100% - 24px)/4)!important;align-items:stretch;flex:1;padding:8px 0 2px;border-top:1px solid #e9ebef;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:thin}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-template{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(28px,1fr) auto;align-items:center;justify-items:center;min-width:0;width:100%;max-width:none;min-height:0;height:100%;border-radius:10px;scroll-snap-align:none;transform:none;animation:none;transition:background .15s,border-color .15s}
#app .measure-favorites65 .quick-template>svg{min-width:0!important;width:100%!important;height:100%!important;min-height:24px!important;max-height:72px!important}
#app .measure-favorites65 .quick-template>span:not(.favorite-star){font-size:12px!important;line-height:16px!important;max-height:32px;-webkit-line-clamp:2;align-self:end}
#app .measure-favorites65 .quick-template>.favorite-star{font-size:0!important;top:8px;inset-inline-end:8px}
.measure-favorites65 .quick-favorite-strip{scroll-snap-type:none!important;scroll-behavior:auto!important}
@container(max-width:499px){
 #app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-favorite-contents17{grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-columns:calc((100% - 8px)/2)!important;min-height:304px}
 #app .measure-favorites65 .quick-template{padding:8px 8px}
 #app .measure-favorites65 .quick-template>svg{max-height:46px!important}
}
.measure-favorites65 .quick-favorite-empty{align-self:center;margin:0;font-size:12px}
/* Window geometry and profile choices share the same live source, with two short tabs. */
.measure-arranged65 .front-window-body17{padding:0!important}.measure-arranged65 .front-window-properties-details17{border:0!important;margin:0!important;background:none!important}.measure-arranged65 .front-window-selection17{margin:0 0 8px;gap:4px}.measure-arranged65 .front-window-selection17>.field{margin:0}.measure-arranged65 .front-window-selection17>.btn{min-height:44px;padding:8px;min-width:36px;max-width:40px}
.measure-arranged65 .front-window-body17>.field-row,.measure-arranged65 .front-window-depths17>.field-row{margin:0 0 8px}.measure-arranged65 .front-window-body17 .field{margin:0}.measure-arranged65 .front-offset-grid{gap:8px;margin:8px 0 0}.measure-arranged65 .front-offset-button{min-height:54px;padding:8px 8px;gap:4px}.measure-arranged65 .front-offset-button small{display:none}.measure-arranged65 .front-offset-button>span{font-size:12px}.measure-arranged65 .front-offset-button>strong{font-size:13px}
.measure-arranged65 form[data-front-pane65=windows] .front-window-depths17,.measure-arranged65 form[data-front-pane65=windows] .front-window-profile-choices17,.measure-arranged65 form[data-front-pane65=windows] .front-window-note17,.measure-arranged65 form[data-front-pane65=windows] .front-window-remove{display:none!important}
.measure-arranged65 form[data-front-pane65=profiles] .front-window-body17>.field-row,.measure-arranged65 form[data-front-pane65=profiles] .front-offset-grid,.measure-arranged65 form[data-front-pane65=profiles] .front-window-name-details17,.measure-arranged65 .front-window-note17{display:none!important}
.measure-arranged65 .front-window-depths17{padding:0;margin:0 0 8px;border:0}.measure-arranged65 .front-window-profile-choices17{display:grid;gap:8px}.measure-arranged65 .front-window-remove{min-height:34px;padding:4px 0;margin:4px 0 0;font-size:12px}
.measure-arranged65 .front-group-allowances-body17{display:grid;gap:8px;padding:0}.measure-arranged65 .front-allowance-group17{padding:0;margin:0;border:0}.measure-arranged65 .front-allowance-heading17{margin:0 0 4px}.measure-arranged65 .front-allowance-heading17>h3{font-size:12px}.measure-arranged65 .front-allowance-group17>p{display:none}.measure-arranged65 .front-allowance-group17 .field-row{margin:0}.measure-arranged65 .front-seam-fields17{display:contents!important}
.free-page-controls65{display:flex;align-items:center;margin-top:4px;font-size:12px;color:#838c96}.free-page-controls65>button{width:36px;height:36px;border:1px solid #dfe3e7;border-radius:10px;background:white;color:#161d26}
@container(min-width:560px){
 .measure-arranged65:not([data-measure-focus60=properties]) .measure-fields60{grid-template-columns:repeat(3,minmax(0,1fr))}
 .measure-arranged65:not([data-measure-focus60=properties]) .measure-fields60>.field:has([name=material]){grid-column:auto!important}
 .measure-arranged65:not([data-measure-focus60=properties]) [data-measure-section60=roof] .measure-fields60{grid-template-columns:116px minmax(0,1fr) minmax(0,1fr)}
 .measure-arranged65:not([data-measure-focus60=properties]) [data-measure-section60=roof] .geometry-tabs{grid-column:1;grid-row:1/3;grid-template-columns:1fr;align-self:stretch;align-content:start;gap:8px;padding-top:2px!important}
 .measure-arranged65:not([data-measure-focus60=properties]) [data-measure-section60=roof] .geometry-tabs>.btn{min-height:44px}
 .measure-arranged65:not([data-measure-focus60=properties]) [data-measure-section60=roof] .field:has([name=dormerDirection]){grid-column:2/4!important}
 .measure-arranged65:not([data-measure-focus60=properties]) [data-measure-section60=roof] .field:has([name=dormerPitch]),.measure-arranged65:not([data-measure-focus60=properties]) [data-measure-section60=roof] .field:has([name=upper]){grid-column:2!important}
 .measure-arranged65:not([data-measure-focus60=properties]) [data-measure-section60=roof] .field:has([name=roofPitch]),.measure-arranged65:not([data-measure-focus60=properties]) [data-measure-section60=roof] .field:has([name=lower]){grid-column:3!important}
 .measure-arranged65 .front-group-allowances-body17{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.measure-arranged65 .front-group-allowances-body17 .field-row{grid-template-columns:1fr}
 .measure-arranged65 .front-offset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .measure-arranged65 .front-window-profile-choices17{grid-template-columns:repeat(2,minmax(0,1fr))}.measure-arranged65 .front-window-depths17{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.measure-arranged65 .front-window-depths17>.field-row{display:contents}
}
@media(orientation:portrait),(max-width:620px){
 .measure-arranged65{grid-template-rows:minmax(170px,2fr) minmax(var(--measure-properties-min65,180px),1fr)!important}
 .measure-arranged65[data-measure-focus60=properties]{grid-template-rows:minmax(110px,1fr) minmax(var(--measure-properties-min65,200px),2fr)!important}
}
@media(max-width:620px){
 .measure-arranged65 .measure-property-sections60{padding:8px 12px}.measure-arranged65 .measure-fields60{gap:8px}.measure-arranged65 .measure-property-tabs60>button{min-height:34px;padding-inline:8px}
 .measure-arranged65[data-measure-focus60=properties]{grid-template-rows:44px minmax(0,1fr)!important}
 .measure-arranged65[data-measure-focus60=properties] .measure-drawing60{overflow:hidden!important}.measure-arranged65[data-measure-focus60=properties]:not([data-surface-layout112=true]) .measure-drawing60>:not(.panel-head){display:none!important}
 .measure-arranged65[data-measure-focus60=properties] .measure-property-sections60{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 12px;padding:12px}
 .measure-arranged65[data-measure-focus60=properties] .measure-property-lane65{display:contents!important}
 .measure-arranged65[data-measure-focus60=properties] .measure-property-section60{order:8;padding:0;border:0}
 .measure-arranged65[data-measure-focus60=properties] [data-measure-section60=general]{order:0}.measure-arranged65[data-measure-focus60=properties] [data-measure-section60=material]{order:1}.measure-arranged65[data-measure-focus60=properties] [data-measure-section60=dimensions]{order:2}.measure-arranged65[data-measure-focus60=properties] [data-measure-section60=allowances]{order:3}.measure-arranged65[data-measure-focus60=properties] [data-measure-section60=roof]{order:4;grid-column:1/-1}.measure-arranged65[data-measure-focus60=properties] [data-measure-section60=break]{order:5}.measure-arranged65[data-measure-focus60=properties] [data-measure-section60=profiles]{order:6}.measure-arranged65[data-measure-focus60=properties] [data-measure-section60=seams]{order:7;grid-column:1/-1}
 .measure-arranged65[data-measure-focus60=properties] .measure-fields60{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field{grid-column:auto!important}
 .measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field:only-child,.measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field:has([name=name]),.measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field:has([name=material]),.measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field:has([name=project]){grid-column:1/-1!important}
 .measure-arranged65[data-measure-focus60=properties] [data-measure-section60=roof] .measure-fields60{grid-template-columns:90px minmax(0,1fr) minmax(0,1fr)}
}
@media(prefers-reduced-motion:no-preference){.measure-tools65>button{transition:flex-grow .28s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s}.measure-arranged65 .measure-favorites65:not([hidden]){animation:measure-panel60 .18s ease-out}}
.shell[data-view=library] .library-nav-scroll38{animation:none!important;scroll-behavior:auto;scroll-snap-type:none}
.library-base-actions45{flex-wrap:wrap;justify-content:flex-end}
.template-drawing-section .profile-edit-tools>.template-fullscreen-button65{margin-inline-end:auto}.template-drawing-section .profile-edit-tools>.actions-inline{margin-inline-start:auto}
.modal-overlay:has(>.template-fullscreen65){padding:0;align-items:stretch}
.modal.template-editor-modal.template-fullscreen65{width:100dvw!important;max-width:100dvw!important;height:var(--measure-screen60,100dvh)!important;max-height:var(--measure-screen60,100dvh)!important;border:0;border-radius:0;margin:0}
.template-fullscreen65>.modal-head,.template-fullscreen65>.modal-footer{display:none!important}.template-fullscreen65>.modal-body{padding:0!important;overflow:hidden!important}
.template-fullscreen65 .template-workspace17.measure-workspace60{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;height:100%!important}
.modal.template-editor-modal.template-fullscreen65 .template-workspace17.measure-workspace60>form{display:none!important}.template-fullscreen65 .template-workspace17>.template-drawing-section{border:0;border-radius:0;margin:0;height:100%!important}
.template-fullscreen65 .template-drawing-section>.panel-head{flex:none}.template-fullscreen65 .template-drawing-section .profile-edit-tools{display:flex!important}.template-fullscreen65 .profile-drawing{flex:1!important;min-height:0!important;max-height:none!important}
.template-fullscreen65 .template-drawing-section #profile-svg{flex:1!important;min-height:0!important;height:100%!important;overflow:hidden}
.template-fullscreen65 .template-drawing-section #profile-svg>svg{min-height:0!important;height:100%!important;max-height:none!important;width:100%}
.free-page-back65{transform:rotate(180deg)}.free-page-controls65>button:disabled{opacity:.35}
.accessible-text24 .measure-arranged65[data-measure-focus60=properties] .geometry-tabs{grid-template-columns:1fr}
.accessible-text24 .measure-arranged65 .geometry-tabs>.btn{min-height:44px!important;height:auto!important;font-size:calc(11px * var(--accessible-scale24,1))!important}
.accessible-text24 .measure-arranged65 .measure-fields60>.field>span:first-child{font-size:clamp(11px,calc(11px * var(--accessible-scale24,1)),14px)!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.accessible-text24 .measure-arranged65 .measure-property-section60>h3{font-size:calc(11px * var(--accessible-scale24,1))!important;line-height:1.3}
.accessible-text24 .measure-workspace60.measure-arranged65 .measure-fields60 :is(input:not([type=checkbox]),:is(select,.app-select28),.app-select28){min-height:48px!important;height:48px!important;font-size:clamp(14px,calc(14px * var(--accessible-scale24,1)),19px)!important;padding-block:8px!important}
.measure-arranged65 .measure-fields60>.field:has([name=overlap]){grid-column:1/-1!important}
.measure-workspace60.measure-arranged65 input[type=number]::-webkit-inner-spin-button,.measure-workspace60.measure-arranged65 input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.measure-workspace60.measure-arranged65 input[type=number]{-moz-appearance:textfield}
.measure-workspace60.measure-arranged65[data-measure-focus60=properties] .measure-properties-body60:has(.measure-fold65[data-measure-folded65=true][open]){overflow-y:auto!important;overscroll-behavior:contain}
.measure-arranged65[data-measure-focus60=properties] .front-group-allowances-body17{grid-template-columns:minmax(0,1fr);gap:12px}.measure-arranged65[data-measure-focus60=properties] .front-group-allowances-body17 .field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.measure-arranged65[data-measure-focus60=properties] .front-allowance-heading17>h3{font-size:12px!important;line-height:1.3}
.free-page-controls65{justify-content:center;gap:16px}
.accessible-text24 .measure-arranged65 .area-profile-choice .area-profile-open{min-height:48px!important;font-size:clamp(14px,calc(14px * var(--accessible-scale24,1)),19px)!important}.accessible-text24 .measure-arranged65 .front-window-selection17>.btn{min-height:44px!important;height:44px!important}.accessible-text24 .measure-arranged65 .front-window-remove{min-height:36px!important;font-size:15px!important}
@container(min-width:270px){.measure-arranged65:not([data-measure-focus60=properties]) .front-window-profile-choices17{grid-template-columns:repeat(2,minmax(0,1fr))}.measure-arranged65:not([data-measure-focus60=properties]) .front-window-depths17{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.measure-arranged65:not([data-measure-focus60=properties]) .front-window-depths17>.field-row{display:contents}}.accessible-text24 .measure-workspace60.measure-arranged65 .measure-fields60 .field>span:first-child{font-size:clamp(11px,calc(11px * var(--accessible-scale24,1)),14px)!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.accessible-text24 .measure-workspace60.measure-arranged65 .measure-fields60 .input-unit>input,.measure-workspace60.measure-arranged65 .measure-fields60 .input-unit>input{padding-inline:12px 32px!important}.accessible-text24 .measure-workspace60.measure-arranged65 .measure-fields60 .input-unit>b,.measure-workspace60.measure-arranged65 .measure-fields60 .input-unit>b{font-size:12px!important;right:10px!important}
.measure-workspace60.measure-arranged65 .measure-fields60 .field{margin:0!important;gap:0}.accessible-text24 .measure-workspace60.measure-arranged65 .front-allowance-heading17>h3{font-size:15px!important;line-height:1.3}
.measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field:has([name=frontWidth]),.measure-arranged65[data-measure-focus60=properties] .measure-fields60>.field:has([name=frontHeight]){grid-column:1/-1!important}
.measure-workspace60.measure-arranged65 .measure-properties60>.panel-head .app-select28{min-height:44px!important;height:44px!important;padding-block:8px!important}
@media(max-width:620px){#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-favorite-contents17{grid-template-rows:repeat(2,minmax(0,1fr));min-height:176px}}

#app .measure-favorites65 .quick-template:is(:nth-child(8n+1),:nth-child(8n+2),:nth-child(8n+3),:nth-child(8n+4)){grid-row:1}
#app .measure-favorites65 .quick-template:is(:nth-child(8n+5),:nth-child(8n+6),:nth-child(8n+7),:nth-child(8n+8)){grid-row:2}
@container(max-width:499px){#app .measure-favorites65 .quick-template:is(:nth-child(8n+1),:nth-child(8n+2)){grid-row:1}#app .measure-favorites65 .quick-template:is(:nth-child(8n+3),:nth-child(8n+4)){grid-row:2}#app .measure-favorites65 .quick-template:is(:nth-child(8n+5),:nth-child(8n+6)){grid-row:3}#app .measure-favorites65 .quick-template:is(:nth-child(8n+7),:nth-child(8n+8)){grid-row:4}}
@media(max-width:620px){#app .measure-favorites65 .quick-template:is(:nth-child(4n+1),:nth-child(4n+2)){grid-row:1}#app .measure-favorites65 .quick-template:is(:nth-child(4n+3),:nth-child(4n+4)){grid-row:2}}

.measure-workspace60 .measure-drawing60>.panel-head,.measure-workspace60 .measure-drawing60>.front-canvas-main17>.panel-head{container-type:inline-size}
.shell.measure-shell60[data-view=profile] .profile-header-strip .context-navigation{max-width:none;gap:8px}
.shell.measure-shell60[data-view=profile] .profile-header-strip .context-navigation>.btn,.measure-workspace60 .panel-head .measure-inline-action68{flex:none;min-width:44px;min-height:44px!important;height:44px!important;max-height:44px;padding:8px 12px;font-size:clamp(11px,calc(11px * var(--accessible-scale24,1)),15px)!important;line-height:1.3;white-space:nowrap!important}
.measure-inline-action68>.small-icon{flex:none;width:17px;height:17px}
.measure-action-label68{white-space:nowrap;line-height:1.3}
.measure-drawing60>.panel-head>.measure-inline-action68{margin-inline-start:auto}
@container(max-width:480px){
 .measure-workspace60 .panel-head .measure-inline-action68{width:44px;padding:0;justify-content:center;gap:0}
 .measure-inline-action68>.measure-action-label68,.measure-workspace60 .panel-head .measure-list-button60>span{display:none}
 .measure-workspace60 .panel-head .measure-list-button60{width:36px;min-width:36px;padding:0;gap:0}
 .measure-workspace60 .panel-head>.actions-inline{gap:4px}
}
@media(max-width:620px){
 .shell.measure-shell60[data-view=profile] .profile-header-strip .context-navigation>.btn{width:44px!important;min-width:44px!important;max-width:44px!important;padding:0;gap:0;justify-content:center}
 .shell.measure-shell60[data-view=profile] .context-navigation .measure-action-label68{display:none}
}
.measure-workspace60 #area-drawing{position:relative}.measure-workspace60 #area-drawing>.area-canvas-expand69{position:absolute;inset:10px auto auto 10px;z-index:6;width:44px;height:44px;min-width:44px;min-height:44px!important;padding:0;display:grid;place-items:center;border:1px solid #dfe3e7;border-radius:12px;background:#fffffff5;color:#5f6975;box-shadow:0 2px 4px #28323d09}.area-canvas-expand69>.small-icon{width:19px;height:19px}.measure-workspace60 .area-bottom-tools{justify-content:flex-end}
@container(max-width:480px){}

/* A fixed inset belongs to the content, including its last row. */
.measure-workspace60.measure-refined70{transition:none!important}
.measure-workspace60.measure-refined70 .measure-property-section60:not([hidden]){animation:none!important;transform:none!important}
.measure-workspace60.measure-refined70 .measure-properties-body60{justify-content:flex-start!important}
.measure-workspace60.measure-refined70 .measure-property-sections60{box-sizing:border-box;padding:12px 16px 16px!important;flex:0 0 auto;align-content:start}
.measure-workspace60.measure-refined70 .measure-property-section60[hidden],.measure-workspace60.measure-refined70 .measure-property-lane65[hidden],.measure-workspace60.measure-refined70 .measure-fields60 .field[hidden]{display:none!important}
.measure-refined70 .measure-expanded-tabs70[hidden]{display:none!important}
.measure-workspace60.measure-refined70 .measure-property-section60{align-self:start}
.measure-workspace60.measure-refined70[data-measure-focus60=properties] .measure-property-lane65>[data-measure-section60]{align-self:stretch!important;width:100%!important;box-sizing:border-box}
.measure-workspace60.measure-refined70 .measure-fields60{align-content:start;align-items:start}
.measure-workspace60.measure-refined70 .measure-fields60 .input-unit{display:block;position:relative;line-height:normal;margin:0}
.measure-workspace60.measure-refined70 .front-group-allowances17{border:0!important;padding:0!important;margin:0!important}
.measure-workspace60.measure-refined70 .front-group-allowances-body17{padding:0!important;border:0!important;margin:0!important;align-items:start}
.measure-workspace60.measure-refined70 .front-allowance-group17,.measure-workspace60.measure-refined70 .front-allowance-group17:first-child{padding:0!important;border:0!important;margin:0!important}
.measure-workspace60.measure-refined70 .front-allowance-group17>p{display:none!important}
.measure-workspace60.measure-refined70 .front-allowance-heading17{display:flex;align-items:center;min-height:28px;margin:0 0 8px!important;padding:0!important;gap:8px}
.measure-workspace60.measure-refined70 .front-allowance-heading17 h3{margin:0!important;line-height:1.3!important}
.measure-workspace60.measure-refined70 .front-allowance-group17 .field-row{margin:0!important;align-items:start}
.measure-workspace60.measure-refined70 .measure-dimension-modes70{display:flex!important;flex-direction:column;gap:4px!important;grid-column:1/-1;margin:0!important}
.measure-workspace60.measure-refined70 .measure-dimension-modes70>.btn{min-height:40px!important;padding:4px 8px!important;font-size:clamp(11px,calc(11px * var(--accessible-scale24,1)),14px)!important;white-space:nowrap}
.measure-refined70 [data-measure-section60=dimensions] .measure-fields60>.field:has([name=height]),.measure-refined70 [data-measure-section60=dimensions] .measure-fields60>.field:has([name=dormerDirection]){grid-column:1/-1!important}
@container(min-width:440px){.measure-workspace60.measure-refined70 .measure-dimension-modes70{grid-column:1;grid-row:1/span 3}.measure-workspace60.measure-refined70 [data-measure-section60=dimensions]:has(.measure-dimension-modes70) .measure-fields60{grid-template-columns:150px repeat(2,minmax(0,1fr))}.measure-workspace60.measure-refined70 [data-measure-section60=dimensions] .measure-fields60>.field:has([name=height]),.measure-workspace60.measure-refined70 [data-measure-section60=dimensions] .measure-fields60>.field:has([name=dormerDirection]){grid-column:2/-1!important}}
.measure-workspace60.measure-refined70[data-measure-focus60=properties] .measure-property-sections60{gap:12px 20px!important}
.measure-workspace60.measure-refined70[data-measure-focus60=properties] [data-measure-section60=dimensions]:has(.measure-dimension-modes70) .measure-fields60{grid-template-columns:repeat(2,minmax(0,1fr))}
.measure-workspace60.measure-refined70[data-measure-focus60=properties] .measure-dimension-modes70{grid-column:1/-1;grid-row:auto}
.measure-workspace60.measure-refined70[data-measure-focus60=properties] [data-measure-section60=dimensions] .measure-fields60>.field:has([name=height]),.measure-workspace60.measure-refined70[data-measure-focus60=properties] [data-measure-section60=dimensions] .measure-fields60>.field:has([name=dormerDirection]){grid-column:1/-1!important}
.measure-workspace60.measure-refined70[data-measure-focus60=properties] .measure-fields60>.field:has([name=frontWidth]),.measure-workspace60.measure-refined70[data-measure-focus60=properties] .measure-fields60>.field:has([name=frontHeight]){grid-column:auto!important}
.measure-refined70[data-expanded-pane70=windows] .measure-property-sections60,.measure-refined70[data-expanded-pane70=profiles] .measure-property-sections60{grid-template-columns:minmax(0,1fr)!important}
.measure-refined70:is([data-expanded-pane70=windows],[data-expanded-pane70=profiles]) .measure-property-lane65{border:0!important;padding:0!important}
.measure-refined70[data-measure-focus60=properties] .measure-profile-art70{place-items:center;grid-row:1/span 2;width:86px;height:64px;flex:none;margin-right:4px}
.measure-profile-art70{display:none}.measure-profile-art70>svg{width:100%!important;height:100%!important;min-height:0!important}
.measure-refined70[data-expanded-pane70=profiles] .area-profile-open{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;min-height:82px!important}
.measure-refined70[data-expanded-pane70=profiles] .area-profile-open>span:not(.measure-profile-art70){grid-column:2;grid-row:1;align-self:end}.measure-refined70[data-expanded-pane70=profiles] .area-profile-open>strong{grid-column:2;grid-row:2;align-self:start;white-space:normal!important}.measure-refined70[data-expanded-pane70=profiles] .area-profile-open>.icon{grid-column:3;grid-row:1/span 2}
.measure-refined70[data-expanded-pane70=profiles] .area-profile-choices,.measure-refined70[data-expanded-pane70=profiles] .front-window-profile-choices17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.measure-refined70[data-expanded-pane70=profiles] .front-window-depths17{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.measure-refined70[data-expanded-pane70=profiles] .front-window-depths17>.field-row{display:contents}
.measure-refined70[data-expanded-pane70=windows] .front-offset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.measure-refined70[data-measure-focus60=properties] .measure-fields60>.field:has([name=horizontalUnderAllowance]),.measure-refined70[data-measure-focus60=properties] .measure-fields60>.field:has([name=horizontalOverAllowance]){grid-column:1/-1!important}
#free-area-drawing61 .free-hit61,#free-area-drawing61 [role=button]:hover>.free-hit61{fill:transparent!important}
#front-svg,#free-area-drawing61{position:relative}
.measure-workspace60 .measure-canvas-expand70{position:absolute;inset:10px auto auto 10px;z-index:5;width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border:1px solid #dfe3e7;border-radius:12px;background:#ffffff;color:#58636f;box-shadow:0 2px 4px #303b4508}.measure-canvas-expand70>.icon{width:19px;height:19px}
.measure-workspace60.measure-refined70 .measure-fields60>.field:has([name=horizontalUnderAllowance])>span:first-child,.measure-workspace60.measure-refined70 .measure-fields60>.field:has([name=horizontalOverAllowance])>span:first-child{white-space:normal!important;overflow:visible;text-overflow:clip;line-height:1.3;min-height:2.6em}



.measure-refined70:is([data-expanded-pane70=panels],[data-expanded-pane70=contour]) .measure-property-sections60{grid-template-columns:minmax(0,1fr)!important}.measure-refined70:is([data-expanded-pane70=panels],[data-expanded-pane70=contour]) .measure-property-lane65{border:0!important;padding:0!important}
.measure-refined70[data-measure-focus60=properties] .measure-profile-art70{display:flex}.measure-profile-art70>svg{min-width:0;flex:1}

/* Enlarging the pane reveals more cells; it never enlarges a cell. */
#app .shell.measure-shell60[data-view=profile] .measure-favorites65{--favorite-tile-width71:136px;--favorite-tile-height71:92px;--favorite-folder-width71:168px;animation:none!important;transform:none!important}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-favorite-toolbar25{grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .favorite-load25{width:44px!important;min-width:44px;max-width:44px!important;margin:0!important;padding:8px!important}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-favorite-folder-row17{grid-auto-columns:var(--favorite-folder-width71)!important;gap:8px;scroll-snap-type:none;scroll-behavior:auto}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .favorite-folder-button17{width:var(--favorite-folder-width71);min-width:0;max-width:var(--favorite-folder-width71);box-sizing:border-box;gap:8px!important}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .favorite-folder-button17>span:not(.favorite-folder-star17){font-size:clamp(11px,calc(11px * var(--accessible-scale24,1)),14px)!important}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .favorite-folder-button17>b{font-size:12px!important;min-width:20px;padding-inline:4px}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-favorite-contents17{grid-template-columns:repeat(auto-fill,var(--favorite-tile-width71))!important;grid-template-rows:none!important;grid-auto-columns:var(--favorite-tile-width71)!important;grid-auto-rows:var(--favorite-tile-height71)!important;grid-auto-flow:row!important;align-content:start!important;justify-content:start!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;touch-action:pan-y;overscroll-behavior:contain;gap:8px!important}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-template{grid-row:auto!important;grid-column:auto!important;width:var(--favorite-tile-width71)!important;height:var(--favorite-tile-height71)!important;min-height:var(--favorite-tile-height71)!important;max-height:var(--favorite-tile-height71)!important;box-sizing:border-box;grid-template-rows:40px 32px!important;align-content:start!important;padding:8px!important;gap:2px!important}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-template>svg{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-template>span:not(.favorite-star){display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px!important;line-height:16px!important;max-height:32px!important;overflow:hidden!important;align-self:center!important}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .quick-template{touch-action:pan-y!important}
#app .shell.measure-shell60[data-view=profile] .measure-favorites65 .favorite-folder-button17{touch-action:pan-x!important}

/* Give native iPad buttons the surrounding text colour instead of the UA link blue. */
:where(button){color:inherit}
.quick-template,.template-picker-item17{color:var(--ink)}
.modal-overlay.search-overlay72{inset:auto!important;top:var(--search-top72,0px)!important;left:var(--search-left72,0px)!important;width:var(--search-width72,100vw)!important;height:var(--search-height72,100dvh)!important;box-sizing:border-box;align-items:flex-start!important;justify-content:center;overflow:hidden!important;padding:12px!important}
.modal.search-modal72{box-sizing:border-box;display:flex!important;flex-direction:column;height:min(720px,calc(var(--search-height72,100dvh) - 24px))!important;max-height:calc(var(--search-height72,100dvh) - 24px)!important;min-height:0;margin:0!important;overflow:hidden!important;transition:none!important;animation:none!important}
.modal.search-modal72>.modal-head,.modal.search-modal72>.modal-footer{flex:none}
.modal.search-modal72>.modal-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden!important;gap:12px;padding:16px!important}
.modal.search-modal72 .search-modal-field72{flex:none;box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;background:#ffffff}
.modal.search-modal72 .search-modal-field72 input{min-width:0;min-height:44px;width:100%;font-size:max(16px,calc(14px * var(--accessible-scale24,1)))!important;color:var(--ink);line-height:1.3}
.modal.search-modal72 .template-picker17{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:8px}
.modal.search-modal72 .template-picker17 section:first-child{margin-top:0}
.modal.search-modal72>.modal-body>form{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.modal.search-modal72>.modal-body>form>.search-modal-field72{position:sticky;top:0;z-index:3}
.modal.search-modal72 #project-picker-form{display:flex;flex-direction:column;overflow:hidden}
.modal.search-modal72 #picker-projects{min-height:0;overflow-y:auto;overscroll-behavior:contain}

.header-calendar17{position:relative;color:#616c77}
.header-calendar17>summary{display:flex;align-items:center;gap:8px;padding:12px 12px;border-radius:12px;list-style:none;cursor:pointer;white-space:nowrap;font-size:13px;transition:background .18s,color .18s}
.header-calendar17>summary::-webkit-details-marker{display:none}
.header-calendar17>summary:hover,.header-calendar17[open]>summary{background:#f1f3f5;color:#141b23}
.header-calendar17>summary:focus-visible{outline:2px solid #5d758f;outline-offset:2px}
.calendar-popover17{position:absolute;right:0;top:calc(100% + 12px);width:328px;padding:16px;background:#ffffff;border:1px solid #e1e4e8;border-radius:16px;box-shadow:0 18px 60px #232d370f;z-index:160;color:#25303a}
.calendar-controls17{display:grid;grid-template-columns:32px minmax(0,1fr) 76px 32px;align-items:center;gap:4px;margin-bottom:16px}
.calendar-controls17>.icon-btn{width:32px;height:34px;min-height:0;padding:8px;border:0;background:transparent}
.calendar-controls17>:is(select,.app-select28){width:100%;min-height:36px;padding:4px 4px;font-size:13px;font-weight:600;border:0;background:#f5f6f8;border-radius:7px;color:#3a4550}
.calendar-weekdays17,.calendar-days17{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.calendar-weekdays17{font-size:12px;color:#828b95;margin-bottom:8px}
.calendar-days17>span{display:grid;place-items:center;aspect-ratio:1;font-size:13px;border-radius:12px;font-variant-numeric:tabular-nums}
.calendar-days17>span:nth-child(7n),.calendar-days17>span:nth-child(7n - 1){color:#828b95}
.calendar-days17>.calendar-today17{background:#47627f;color:#ffffff!important;font-weight:600;box-shadow:0 4px 12px #141b230f}
.calendar-reset17{display:block;width:100%;border:0;border-top:1px solid #eff1f3;background:transparent;margin-top:12px;padding:12px 0 0;font-size:12px;color:#58636f;cursor:pointer}
.calendar-sync-warning17{display:none!important}
body.sync-warning .calendar-sync-warning17{display:flex!important}
@media(max-width:620px){.header-calendar17>summary{padding:8px}.header-calendar17>summary>span{display:none}.calendar-popover17{position:fixed;left:auto;right:12px;top:calc(var(--topbar-height,68px) + 8px);width:min(328px,calc(100vw - 24px));padding:16px}.topbar-right{gap:4px}}
@media(prefers-reduced-motion:reduce){.header-calendar17>summary{transition:none}}
.shell .topbar{background:#ffffff;backdrop-filter:none;-webkit-backdrop-filter:none}
.header-calendar17>summary{height:40px;box-sizing:border-box;line-height:20px;font-weight:500;color:#55606c}
.header-calendar17>summary>.icon{width:20px;height:20px;stroke-width:2}
.topbar .account-button>.avatar{color:#141b23;line-height:1;font-weight:600}

/* One normal fixed accessory. No top-layer input, backdrop, or fixed body. */
.keyboard-accessory92{position:fixed;inset:auto;margin:0!important;box-sizing:border-box;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;padding:9px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));border:0;border-top:1px solid #cfd3d9;border-radius:0;background:#f8f9fa;color:var(--ink,#222c36);box-shadow:0 -4px 18px #232d370f;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:12px;z-index:2147483647;font:inherit;isolation:isolate;animation:none!important;transition:none!important;transform:none!important}
.keyboard-accessory-main92{min-width:0}
.keyboard-accessory92.keyboard-waiting94{opacity:0!important;pointer-events:none}
.keyboard-accessory92.keyboard-enter94{animation:keyboard-rise94 180ms cubic-bezier(.2,.75,.3,1) both!important}
@keyframes keyboard-rise94{from{clip-path:inset(100% 0 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
.keyboard-accessory-label92{font-size:max(12px,calc(12px * var(--accessible-scale24,1)));font-weight:600;line-height:1.3;color:#45505b;white-space:normal;overflow-wrap:anywhere;padding:0 2px 4px;max-width:100%}
.keyboard-accessory-slot92{height:max(44px,calc(44px * var(--accessible-scale24,1)));min-width:0}
.keyboard-accessory92.keyboard-multiline92 .keyboard-accessory-slot92{height:max(76px,calc(60px * var(--accessible-scale24,1)))}
.keyboard-accessory92 .keyboard-editor93{display:block;position:static;float:none;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:100%;max-height:none;min-height:0;margin:0!important;padding:8px 12px!important;border:1px solid #bfc4cb!important;border-radius:10px!important;background:#ffffff!important;color:var(--ink,#222c36)!important;-webkit-text-fill-color:var(--ink,#222c36);font-family:inherit;line-height:1.35;outline:0;box-shadow:none!important;transform:none!important;resize:none;visibility:visible!important;opacity:1!important;appearance:none;-webkit-appearance:none;animation:none!important;transition:none!important}
.keyboard-accessory92 .keyboard-editor93:focus{border-color:#838c96!important;outline:2px solid #e3e6ea;outline-offset:-2px}
.keyboard-accessory-actions92{display:flex;align-items:center;gap:8px}
.keyboard-accessory92.keyboard-narrow93{grid-template-columns:minmax(0,1fr);row-gap:8px}
.keyboard-narrow93 .keyboard-accessory-actions92{justify-content:flex-end}
.keyboard-accessory92 button{flex:none;box-sizing:border-box;min-width:62px;height:max(44px,calc(44px * var(--accessible-scale24,1)));min-height:44px;margin:0;padding:0 12px;border:1px solid #c3c8ce;border-radius:10px;background:white;color:#141b23;font:inherit;font-size:max(15px,calc(14px * var(--accessible-scale24,1)));font-weight:600;cursor:pointer;visibility:visible!important;opacity:1;transform:none!important}
.keyboard-accessory92 .keyboard-accessory-done92{background:#47627f;color:#ffffff;-webkit-text-fill-color:#ffffff;border-color:#47627f}
.keyboard-accessory92 .keyboard-accessory-next92[hidden]{display:none!important}
.keyboard-accessory92 .keyboard-accessory-next92:disabled{opacity:.4}
.keyboard-accessory92 .keyboard-accessory-delete92{display:grid;place-items:center;width:44px;min-width:44px;padding:0}
.keyboard-accessory-error92{font-size:12px;line-height:1.3;color:#8e3532;max-width:100%;overflow-wrap:anywhere}
.keyboard-accessory-error92:not(:empty){padding-top:4px}
.keyboard-source93{outline:2px solid #e3e6ea;outline-offset:1px}
.keyboard-inline-host92{visibility:hidden!important;box-shadow:none!important;background:transparent!important;border-color:transparent!important;pointer-events:none!important}
.keyboard-numberpad96[hidden]{display:none!important}
.keyboard-accessory92.keyboard-numeric96{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom));row-gap:12px;background:#f1f3f5;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.keyboard-numeric96 .keyboard-accessory-main92,.keyboard-numeric96 .keyboard-accessory-actions92{align-self:end}
.keyboard-numberpad96{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;touch-action:manipulation}
.keyboard-accessory92 .keyboard-numberkey96{height:clamp(44px,6.2dvh,58px);min-width:0;padding:0;border:1px solid #d5d9de;border-radius:12px;background:#ffffff;color:#26313b;-webkit-text-fill-color:#26313b;font-size:28px;font-weight:500;font-variant-numeric:tabular-nums;box-shadow:0 1px 1px #313c460f;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.keyboard-accessory92 .keyboard-numberkey96:active{background:#dde0e5;border-color:#8d959e;box-shadow:inset 0 1px 3px #313c460f}
.keyboard-accessory92 .keyboard-numberkey96:focus-visible{outline:2px solid #151c24;outline-offset:-3px}
.keyboard-accessory92 .keyboard-backspace96{display:grid;place-items:center;background:#e5e8ec;box-shadow:none}
.keyboard-backspace96 svg{width:28px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.keyboard-accessory92.keyboard-short96 .keyboard-numberpad96{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:680px){#profile-context [data-action="blank-profile"] .profile-new-label96{display:none}#profile-context [data-action="blank-profile"]{width:44px;min-width:44px;flex:none;padding:0;justify-content:center;gap:0}}
@media(prefers-reduced-motion:reduce){.keyboard-accessory92,.keyboard-accessory92.keyboard-enter94,.keyboard-editor93{animation:none!important;transition:none!important}}

.profile-sketch17 .profile-measure-active95>rect{fill:#f6f7f9;stroke:#70859d;stroke-width:1.05}
.profile-sketch17 .profile-measure-active95>text{font-weight:550}

.packing-editor17{width:740px}
.packing-columns17,.packing-row17{grid-template-columns:minmax(0,1fr) 80px 112px 44px}
.packing-row17>input{font-size:16px}
.packing-check-modal79{width:620px;max-width:100%;overflow:hidden}
.packing-check-modal79 .modal-body{min-height:0;overflow:auto}
.packing-check-modal79 .modal-head h2{overflow-wrap:anywhere}
.packing-progress79{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.packing-progress79>span{color:#535e69;background:#f1f3f5;padding:8px 12px;border-radius:16px;font-size:15px;font-variant-numeric:tabular-nums}
.packing-check-rows79{display:grid;gap:8px}
.packing-check-row79{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border:1px solid #e1e4e8;border-radius:12px;cursor:pointer;background:#fbfcfd;color:#26313b}
.packing-check-row79>input{width:22px;height:22px;margin:0;accent-color:#141b23}
.packing-check-part79{font-size:16px;font-weight:600;overflow-wrap:anywhere;line-height:1.4}
.packing-check-row79>strong{font-size:15px;text-align:end;font-variant-numeric:tabular-nums;max-width:155px;overflow-wrap:anywhere}
.packing-check-row79>strong>span{font-weight:400}
.packing-check-row79:has(input:checked){background:#f3f4f6;border-color:#c3c8ce}
.packing-check-row79:has(input:checked) .packing-check-part79{text-decoration:line-through;color:#6c7681}
.packing-check-row79:focus-within{outline:2px solid #141b23;outline-offset:2px}
.packing-check-modal79 .modal-footer .btn{min-height:44px}
@media(max-width:620px){
 .packing-columns17,.packing-row17{grid-template-columns:minmax(0,1fr) 56px 88px 36px;gap:4px}
 .packing-row17>.icon-btn{width:36px;min-width:36px}
 .packing-check-modal79 .modal-body{padding:12px}
 .packing-check-row79{padding:12px 12px;gap:12px;grid-template-columns:22px minmax(0,1fr) auto}
 .packing-check-row79>strong{max-width:110px;font-size:15px}
 .packing-check-modal79 .modal-footer{padding:12px 12px;gap:8px}
 .packing-check-modal79 .modal-footer .btn{padding-inline:12px;font-size:15px}
}

.abo80{display:grid;gap:24px;max-width:1200px;margin:0 auto 28px}
.abo-hero80{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);border:1px solid #2f3944;border-radius:16px;overflow:hidden;background:#242e38;color:#ffffff;box-shadow:0 10px 28px #1f29330f}
.abo-intro80{padding:32px}.abo-brand80{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:2px;color:#c6cbd1;font-weight:600}
.abo-intro80 h2{max-width:480px;font-size:clamp(25px,2.6vw,34px);line-height:1.2;letter-spacing:-.6px;margin:20px 0 12px;color:#ffffff}.abo-intro80>p{font-size:15px;line-height:1.6;color:#c5cad0;max-width:380px;margin:0}
.abo-benefits80{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:28px}.abo-benefits80>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#e9ebef}.abo-benefits80 .icon{color:#bfc4cb;width:15px;height:15px}
.abo-total80{padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;background:#313c46;border-left:1px solid #ffffff12}.abo-total80>span:first-child{font-size:13px;color:#d3d7dc}.abo-total80>div{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.abo-total80 strong{font-size:clamp(36px,4vw,50px);letter-spacing:-1.8px;line-height:1.2;font-weight:600;color:#ffffff;font-variant-numeric:tabular-nums}.abo-total80>div>span,.abo-total80>small{font-size:13px;color:#c9ced3}.abo-total80 .abo-test80{font-size:12px;font-weight:600;color:#e1e4e8;background:#ffffff0d;border:1px solid #6c7681;border-radius:16px;padding:4px 12px;margin-top:8px}
.abo-costs80,.abo-team80{padding:28px;border:1px solid #dfe3e7;border-radius:16px;background:#ffffff;min-width:0}.abo-section-title80{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.abo-section-title80 h2{font-size:20px;line-height:1.4;margin:0;color:#26313b;letter-spacing:-.3px}.abo-section-title80 span{display:block;font-size:12px;color:#6e7883;line-height:1.5;margin-top:4px}
.abo-rates80{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.abo-rates80>div{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid #e3e6ea;border-radius:16px;background:#f9fafc;gap:8px;min-width:0}.abo-rates80>div>span{font-size:13px;font-weight:600;color:#45505b}.abo-rates80 strong{font-size:24px;letter-spacing:-.6px;color:#303b45;line-height:1.4}.abo-rates80 small{font-size:12px;color:#6e7883;font-weight:400;letter-spacing:0}.abo-rates80 strong small{font-size:12px;white-space:nowrap}
.abo-breakdown80{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;padding-top:24px;margin-top:24px;border-top:1px solid #e9ebef}.abo-breakdown80 h3{font-size:15px;font-weight:600;color:#444e5a;margin:4px 0}.abo-breakdown80 dl{margin:0}.abo-breakdown80 dl>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0}.abo-breakdown80 dt{font-size:13px;color:#3f4954}.abo-breakdown80 dt small{display:block;font-size:12px;color:#747e89;margin-top:4px}.abo-breakdown80 dd{margin:0;white-space:nowrap;font-size:15px;color:#313c46;font-variant-numeric:tabular-nums;font-weight:600}.abo-breakdown80 .abo-sum80{margin-top:12px;padding-top:16px;border-top:1px solid #dfe3e7}.abo-sum80 dt{font-weight:600}.abo-sum80 dd{font-size:20px}
.abo-billing80{display:flex;align-items:flex-start;gap:8px;margin-top:20px;padding:12px 16px;background:#f5f6f8;border-radius:10px;color:#6d7782}.abo-billing80 .icon{flex:0 0 16px;margin-top:2px}.abo-billing80 p{margin:0;font-size:12px;line-height:1.6}.abo-billing80 strong{font-weight:600;color:#4e5964}
.abo-team-actions80{display:flex;gap:8px;flex-shrink:0}.abo-team-actions80 .btn{min-height:44px}.abo-team-actions80 .icon-btn{width:44px;height:44px;border:1px solid #e3e6ea;border-radius:12px}.abo-staff-grid80{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.abo-person80{padding:20px;border:1px solid #e3e6ea;border-radius:16px;min-width:0}.abo-person80.is-inactive{background:#f8f9fa}.abo-person-top80{display:flex;align-items:center;gap:12px;min-width:0}.abo-person-top80>.avatar{flex:0 0 40px;background:#ebedf0;color:#151d25}.abo-person-top80>div{flex:1;min-width:0}.abo-person-top80 h3{font-size:15px;margin:0;color:#2b353f;line-height:1.4;overflow-wrap:anywhere}.abo-person-top80 p{font-size:12px;color:#747e89;margin:4px 0 0;overflow-wrap:anywhere}.abo-person-status80{font-size:12px;padding:4px 8px;border-radius:16px;color:#3d5671;background:#f1f3f5}.abo-person-status80.inactive{color:#5a738d;background:#edeff1}.abo-person-role80{font-size:12px;color:#717b85;margin:12px 0}.abo-person-actions80{display:flex;gap:8px 16px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #edeff1}.abo-person-actions80 .text-btn{font-size:12px;min-height:36px;padding:2px 0;gap:4px;color:#141c24}.abo-person-actions80 .abo-delete80{color:#a33f3c;margin-left:auto}.abo-person-actions80 .icon{width:14px;height:14px}
.staff-delete-person80{display:flex;align-items:center;gap:12px;padding-bottom:20px}.staff-delete-person80 strong,.staff-delete-person80 small{display:block}.staff-delete-person80 small{font-size:12px;color:#4e6884;margin-top:4px}.staff-delete-modal80 h3{font-size:15px;margin:0 0 12px}.staff-project-options80{display:grid;gap:12px}.staff-project-options80>label{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #dfe3e7;border-radius:12px;cursor:pointer;background:#fbfcfd}.staff-project-options80>label:has(input:checked){border-color:#6d839b;background:#f3f4f6}.staff-project-options80 input{width:20px;height:20px;margin:0;accent-color:#141b23}.staff-project-options80 label>span{flex:1;min-width:0}.staff-project-options80 strong,.staff-project-options80 small{display:block;line-height:1.5}.staff-project-options80 strong{font-size:15px;color:#131a22}.staff-project-options80 small{font-size:12px;color:#76808b;margin-top:4px}.staff-project-options80 .icon{color:#7c858f}.staff-project-list80{margin-top:16px;color:#717b85;font-size:12px}.staff-project-list80 summary{cursor:pointer}.staff-project-list80 ul{padding-left:20px}.staff-project-list80 li{padding:4px 0;overflow-wrap:anywhere}
#staff-delete-error80:empty{display:none}
@media(max-width:900px){.abo-intro80,.abo-total80{padding:24px}.abo-hero80{grid-template-columns:minmax(0,1.1fr) minmax(240px,1fr)}.abo-benefits80{gap:8px}.abo-costs80,.abo-team80{padding:20px}.abo-rates80{gap:12px}.abo-rates80>div{padding:16px}.abo-section-title80>span{display:none}}
@media(max-width:620px){.abo80{gap:16px}.abo-hero80{grid-template-columns:minmax(0,1fr);border-radius:16px}.abo-intro80{padding:24px}.abo-intro80 h2{font-size:28px;max-width:310px}.abo-benefits80{margin-top:20px;gap:12px 16px}.abo-total80{border-left:0;border-top:1px solid #ffffff12;padding:24px 24px;gap:8px}.abo-total80 strong{font-size:40px}.abo-costs80,.abo-team80{padding:16px;border-radius:16px}.abo-section-title80{gap:12px;margin-bottom:16px}.abo-section-title80 h2{font-size:17px}.abo-rates80{grid-template-columns:minmax(0,1fr);gap:8px}.abo-rates80>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px}.abo-rates80 strong{font-size:24px;grid-column:2;grid-row:1/3;text-align:right;align-self:center}.abo-rates80 strong small{display:block}.abo-rates80>div>small{grid-column:1}.abo-breakdown80{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px;padding-top:20px}.abo-billing80{padding:12px;margin-top:16px}.abo-team80>.abo-section-title80{flex-wrap:wrap}.abo-team-actions80{width:100%;justify-content:flex-end;margin-top:4px}.abo-team-actions80 .btn{flex:1;justify-content:center}.abo-staff-grid80{grid-template-columns:minmax(0,1fr);gap:12px}.abo-person80{padding:16px}}
/* Preisseite (Preise 24.10.2026): Logo im Kopf, Umschalter Monatlich/Jährlich mit gleitendem Regler, aktueller Tarif hervorgehoben. */
.abo-brand80{gap:0;letter-spacing:0}.abo-brand80 .brand-logo{width:auto;height:26px;color:#ffffff}.abo-brand80 .brand-wordmark{display:block;width:auto;height:26px;color:#ffffff}
.abo-total80>.abo-period80{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0;width:min(100%,280px);padding:4px;border:1px solid #ffffff1f;border-radius:12px;background:#ffffff0d;margin-top:4px}
.abo-period80>button{position:relative;z-index:1;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#d3d7dc;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:color 260ms var(--motion-spring,ease)}
.abo-period80>button[aria-checked="true"]{color:#1f2933;font-weight:600}
.abo-period80>button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}
.abo-period-thumb80{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:10px;background:#ffffff;box-shadow:0 2px 8px #0f172a33;transition:transform 380ms var(--motion-spring,ease)}
.abo80[data-period80="year"] .abo-period-thumb80{transform:translateX(100%)}
.abo-total80 .abo-period-gift80{position:absolute;font-size:12px;right:-4px;top:-12px;z-index:2;padding:2px 8px;border-radius:7px;background:#e8edf3;color:#344b64;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;transition:transform 380ms var(--motion-spring,ease)}
.abo80[data-period80="year"] .abo-total80 .abo-period-gift80{transform:translateY(-2px) scale(1.06)}
.abo-price80{font-variant-numeric:tabular-nums}
.abo-total80 .abo-save80{font-size:12px;color:#c9ced3}
.abo-swap80.is-swapping80{animation:aboSwap80 320ms var(--motion-spring,ease)}
@keyframes aboSwap80{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.abo-swap80{display:inline-block}
.abo-rates80>div{transition:border-color 260ms var(--motion-spring,ease),background-color 260ms var(--motion-spring,ease)}
.abo-rates80>div.is-current80{border-color:#344b64;background:#e8edf3}
.abo-rates80>div>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.abo-rates80>div>span em{font-style:normal;font-size:12px;font-weight:600;color:#344b64;padding:2px 8px;border:1px solid #344b64;border-radius:7px;line-height:1.4}
.abo-breakdown80>div>p{font-size:12px;color:#5b6672;margin:4px 0 0;line-height:1.5}
@media(max-width:620px){.abo-total80>.abo-period80{width:100%}.abo-brand80 .brand-logo,.abo-brand80 .brand-wordmark{height:24px}}
@media(prefers-reduced-motion:reduce){.abo-period-thumb80,.abo-period-gift80,.abo-period80>button,.abo-rates80>div{transition:none}.abo-swap80.is-swapping80{animation:none}}

.front-profile-editor85{width:min(1160px,calc(100vw - 24px))!important;height:min(900px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;display:flex;flex-direction:column}
.front-profile-editor85>.modal-head{padding:12px 20px;min-height:64px;flex:none}
.front-profile-editor85>.modal-head h2{font-size:20px;line-height:1.2}
.front-profile-editor85>.modal-body{display:flex!important;flex-direction:column;gap:12px;padding:16px!important;min-height:0;overflow:hidden!important;flex:1}
.front-profile-editor85 .front-profile-toolbar31{padding:0;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:12px 16px;flex:none}
.front-profile-editor85 .front-profile-use31{display:flex;max-width:none;min-height:68px;padding:12px 16px;border:2px solid #8e969f;border-radius:12px;background:#f8f9fa;gap:12px;color:#3c4752;align-self:end}
.front-profile-editor85 .front-profile-use31 input{width:24px;height:24px;margin:0}
.front-profile-editor85 .front-profile-use31>span{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.front-profile-editor85 .front-profile-use31 strong{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.front-profile-editor85 .front-profile-use31 small{font-size:12px;color:#5d6874;line-height:1.3}
.front-profile-editor85 .front-profile-use31.is-selected85{background:#edeff1;border-color:#47627f;color:#141b22}
.front-profile-editor85 .front-profile-use31.is-disabled85{opacity:.7;cursor:default;border-color:#d7dadf}
.front-profile-editor85 .front-profile-selected31{flex-wrap:nowrap;overflow:auto;max-height:48px;min-height:20px;white-space:nowrap}
.front-profile-editor85 .front-profile-chip31{flex:none}
.front-profile-editor85 .front-profile-mode85{display:flex;flex:none;padding:4px;gap:4px;background:#f3f4f6;border:1px solid #e3e6ea;border-radius:12px}
.front-profile-mode85>button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:#68737e;font:inherit;font-size:15px;cursor:pointer}
.front-profile-mode85>button[aria-selected=true]{border-color:#d9dde1;background:#ffffff;color:#141b23;box-shadow:0 2px 6px #1319210f;font-weight:600}
.front-profile-workspace85{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;flex:1;min-height:0;min-width:0;overflow:hidden}
.front-profile-editor85 [data-front-pane85][hidden],.front-profile-editor85 [hidden]{display:none!important}
.front-profile-workspace85>.template-drawing-section,.front-profile-workspace85>.front-depth-stage85{grid-column:1;grid-row:1;display:flex;flex-direction:column;border:1px solid #e3e6ea;border-radius:16px;overflow:hidden;min-height:0;min-width:0;background:#fbfcfd}
.front-profile-workspace85 .panel-head{display:flex;gap:8px;flex-wrap:wrap;padding:12px 12px;min-height:45px;flex:none;background:white;border-bottom:1px solid #e3e6ea}
.front-profile-workspace85 h3{margin:0;font-size:15px;color:#141c24}
.front-profile-workspace85 .profile-canvas-metrics17{font-size:12px;flex-wrap:wrap;gap:8px}
.front-profile-workspace85 .profile-drawing{display:flex;flex-direction:column;flex:1;position:relative;min-height:0!important;height:auto!important;max-height:none!important;padding:8px!important;overflow:hidden}
.front-profile-workspace85 #profile-svg{flex:1;min-width:0;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden}
.front-profile-workspace85 #profile-svg>svg{display:block;width:100%;height:100%;max-height:none;min-height:0}
.front-profile-workspace85 .profile-edit-tools{flex:none;display:flex;gap:4px;align-items:center;justify-content:space-between;padding:0 0 8px;position:static}
.front-profile-workspace85 .profile-edit-tools>.actions-inline{display:flex;gap:4px;min-width:0}
.front-profile-workspace85 .profile-edit-tools .icon-btn,.front-profile-workspace85 .template-profile-help17>summary{min-width:36px;min-height:38px;width:36px;height:38px;padding:8px;border-radius:10px}


.front-profile-workspace85 .profile-canvas-zoom17{gap:4px}
.front-profile-workspace85>form{grid-column:2;grid-row:1;border:1px solid #e3e6ea;border-radius:16px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;background:#ffffff;padding:16px}
.front-profile-workspace85 .template-properties{padding:0!important;border:0!important;background:transparent!important;display:block}
.front-profile-workspace85 .template-properties>h3,.front-depth-properties85>h3{padding:0 0 16px}
.front-profile-workspace85 .field-row{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.front-profile-workspace85 .field{margin:0;min-width:0;max-width:100%}
.front-profile-workspace85 .field>span{font-size:12px}
.front-profile-workspace85 .field input{min-width:0;min-height:44px;font-size:16px}
.front-profile-workspace85 .front-profile-length17{margin:16px 0;padding:12px;background:#f5f6f8;border:1px solid #e1e4e8;border-radius:10px;display:flex;flex-direction:column;gap:4px}
.front-profile-workspace85 .front-profile-length17>span{font-size:12px;color:#69747f}
.front-profile-workspace85 .front-profile-length17>strong{font-size:15px;color:#141c24}
.front-profile-workspace85 .front-profile-length17>small{font-size:12px;color:#69747f}
.front-profile-workspace85 .segment-details{margin:16px 0 0;padding:0;border-top:1px solid #e3e6ea}
.front-profile-workspace85 .segment-details>summary{min-height:48px;padding:12px 0;font-size:13px}
.front-profile-workspace85 .template-segments{padding:0;overflow:auto}
.front-profile-workspace85 .segment-row{min-width:270px}
.front-profile-workspace85 .front-profile-calculation31{padding:0;font-size:12px}
.front-depth-drawing85{position:relative;display:flex;flex:1;min-height:0;padding:56px 8px 12px}
.front-depth-drawing85>.icon-btn{position:absolute;left:10px;top:10px;width:40px;height:40px;min-height:40px}
.front-depth-canvas85{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
.front-depth-canvas85>svg{width:100%;height:100%;min-height:0;max-height:none}
.front-depth-empty85{font-size:13px;color:#717b85;text-align:center}
.front-profile-workspace85 .front-depth-legend31{padding:12px;gap:8px 12px;font-size:12px;flex:none}
.front-depth-values85{display:flex;flex-direction:column;gap:12px;margin:0 0 16px}
.front-depth-values85>div{padding:12px;border:1px solid #e3e6ea;border-radius:10px;background:#fbfcfd}
.front-depth-values85 dt{font-size:12px;color:#5f6975;margin-bottom:4px}
.front-depth-values85 dd{margin:0;font-size:24px;font-weight:600;color:#141b23}
.front-depth-values85 small{font-size:12px;font-weight:400;color:#717b85}
.front-depth-values85 .is-depth85 dd{color:var(--window-depth-color103)}.front-depth-values85 .is-projection85 dd{color:#4d6783}.front-depth-values85 .is-deduction85 dd{color:#38506a}
.front-depth-values85 .is-total85{background:#f3f4f6;border-color:#d0d5da}
.front-profile-editor85>.modal-footer{flex:none;padding:12px 16px;gap:12px;display:flex}
.front-profile-editor85>.modal-footer>.btn{min-height:46px;font-size:15px;flex:1}
.front-profile-editor85>.modal-footer>.primary{flex:1.4}
.front-profile-editor85.template-fullscreen65 .front-profile-toolbar31,.front-profile-editor85.template-fullscreen65 .front-profile-mode85,.front-profile-editor85.template-fullscreen65 .front-profile-workspace85>form{display:none!important}
.front-profile-editor85.template-fullscreen65 .front-profile-workspace85{grid-template-columns:1fr;width:100%;height:100%}
.front-profile-editor85.template-fullscreen65>.modal-body{padding:0!important}
@media(max-width:700px){
 .modal-overlay:has(>.front-profile-editor85){padding:0!important}
 .front-profile-editor85{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
 .front-profile-editor85>.modal-head{padding:12px 12px;min-height:56px}.front-profile-editor85>.modal-head h2{font-size:17px}
 .front-profile-editor85>.modal-body{padding:12px!important;gap:8px}
 .front-profile-editor85 .front-profile-toolbar31{grid-template-columns:minmax(0,1fr);gap:8px}
 .front-profile-editor85 .front-profile-use31{min-height:60px;padding:8px 12px}
 .front-profile-editor85 .front-profile-selected31:has(>.front-profile-chip31){max-height:44px}.front-profile-editor85 .front-profile-selected31:not(:has(>.front-profile-chip31)){display:none}
 .front-profile-workspace85{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .front-profile-workspace85>form{padding:12px;border-radius:12px}
 .front-profile-workspace85 .panel-head{padding:8px;min-height:38px}
 .front-profile-workspace85 h3{font-size:13px}
 .front-profile-workspace85 .profile-edit-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;justify-items:center}
 .front-profile-workspace85 .profile-edit-tools>.actions-inline{display:contents}
 .front-profile-workspace85 .profile-edit-tools .icon-btn,.front-profile-workspace85 .template-profile-help17>summary{min-height:40px;width:40px;height:40px;min-width:40px}
 .front-profile-workspace85 [data-switch-profile-end]{font-size:12px!important;padding:4px!important}
 .front-profile-workspace85 .front-profile-length17{padding:8px;margin:12px 0}.front-profile-workspace85 .front-profile-length17>strong{font-size:13px;overflow-wrap:anywhere}
 .front-depth-values85>div{padding:8px}.front-depth-values85 dt{font-size:12px}.front-depth-values85 dd{font-size:20px}
 .front-profile-editor85>.modal-footer{padding:8px 12px;gap:8px}.front-profile-editor85>.modal-footer>.btn{font-size:12px;padding-inline:8px}
}

/* One shared filter strip; the selected option takes the room between icons. */
.shell .filter-row88{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:4px!important;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:50px;padding:4px!important;border:1px solid #e3e6ea!important;border-radius:12px!important;background:#f1f3f5!important;overflow:hidden}
.shell .filter-row88>.filter-button88{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;box-sizing:border-box;flex:0 0 44px!important;width:auto!important;min-width:44px!important;max-width:none!important;min-height:42px!important;height:auto!important;padding:8px!important;margin:0!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#717b85!important;font:inherit;font-size:13px!important;line-height:1.2;white-space:nowrap!important;overflow:hidden;cursor:pointer;transition:flex-grow .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.shell .filter-row88>.filter-button88>svg{display:block;width:19px;height:19px;flex:0 0 19px}
.shell .filter-row88>.filter-button88 .filter-label88{display:block!important;min-width:0;max-width:0;opacity:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:max-width .2s ease,opacity .15s ease,margin .2s ease}
.shell .filter-row88>.filter-button88 .filter-count88{display:none!important;flex:none;border-radius:7px;background:#edeff1;color:#656f7b;font-size:12px;font-weight:600;line-height:1.4;padding:2px 4px;margin-left:8px}
.shell .filter-row88>.filter-button88[aria-pressed=true]{flex:1 1 44px!important;gap:8px!important;border-color:#dde0e5!important;background:#ffffff!important;color:#141b23!important;box-shadow:0 2px 5px #2b353f0c;font-weight:600}
.shell .filter-row88>.filter-button88[aria-pressed=true] .filter-label88{max-width:100%;opacity:1}
.shell .filter-row88>.filter-button88[aria-pressed=true] .filter-count88{display:block!important;margin-left:0}
.shell .filter-row88>.filter-button88:focus-visible{outline:2px solid #151c24;outline-offset:-3px}
.shell .project-filter-tools88{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);align-items:center;gap:12px;min-width:0}
.shell .project-filter-tools88>.search{min-width:0;max-width:none;min-height:50px;margin:0}
.compact-project .project-controls-redesign17 .project-status-controls17{display:block!important;width:100%!important;min-width:0!important;}
.compact-project .project-status-select17{display:none!important}
.shell .task-scope-buttons17.filter-row88{min-width:0;max-width:none}
.shell .prepare-toolbar>.prepare-filters.filter-row88{width:min(100%,400px)}
@media(min-width:621px){
 .shell[data-view=dashboard] .dashboard-work-cards{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:12px!important}
 .shell[data-view=dashboard] .dashboard-work-card{padding:16px;min-width:0}
 .shell[data-view=dashboard] .dashboard-shortcut-actions{grid-template-columns:1fr;gap:8px}
 .shell[data-view=dashboard] .dashboard-shortcut{min-height:48px;padding:8px 12px}
 .shell[data-view=dashboard] .dashboard-shortcut-icon{width:30px;height:30px}
 .shell[data-view=dashboard] .dashboard-last-heading49{flex-wrap:wrap;gap:8px}
 .shell[data-view=dashboard] .dashboard-last-layout49{gap:12px}
 .shell[data-view=dashboard] .dashboard-last-project{grid-template-columns:52px minmax(0,1fr) 16px!important;gap:12px!important;min-height:84px}
 .shell[data-view=dashboard] .dashboard-last-project>.project-thumb{width:52px;height:64px}
 .shell[data-view=dashboard] .dashboard-last-copy>strong{font-size:17px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}
}
@media(max-width:900px){.shell .project-filter-tools88{grid-template-columns:minmax(0,1fr)}.shell .project-filter-tools88>.search{width:100%}}
@media(max-width:620px){
 .shell .filter-row88{gap:4px!important;padding:4px!important;min-height:48px}
 .shell .filter-row88>.filter-button88{flex-basis:40px!important;min-width:40px!important;min-height:40px!important;padding:8px!important;font-size:12px!important}
 .shell .filter-row88>.filter-button88[aria-pressed=true]{flex-basis:40px!important;gap:4px!important}
 .shell .filter-row88>.filter-button88>svg{width:18px;height:18px;flex-basis:18px}
 .compact-project .project-controls-redesign17 .project-status-controls17{grid-column:1/-1!important;grid-row:auto!important}
}
@media(prefers-reduced-motion:reduce){.shell .filter-row88>.filter-button88,.shell .filter-row88 .filter-label88{transition:none!important}}

.compact-project .project-controls-redesign17 .project-parts-layout17{display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content!important;align-items:center;gap:16px!important}
.compact-project .project-controls-redesign17 .project-section-heading17{grid-column:1!important;grid-row:1!important;white-space:nowrap;font-size:15px;gap:8px}
.compact-project .project-controls-redesign17 .project-status-controls17{grid-column:2!important;grid-row:1!important;justify-self:start;max-width:640px!important}
.compact-project .project-controls-redesign17 .project-add-area-header17{grid-column:3!important;grid-row:1!important;min-height:50px;margin:0;white-space:nowrap}
.shell .filter-row88>[data-record-filter=measured]>svg{color:#405a76}
.shell .filter-row88>[data-record-filter=cut]>svg{color:#5a6571}
.shell .filter-row88>[data-record-filter=prepared]>svg{color:#b9805a}
.shell .filter-row88>[data-record-filter=installed]>svg{color:#39516b}
.shell .filter-row88>[data-record-filter=all]>svg{color:#717b85}
.shell .filter-row88>[data-record-filter=measured][aria-pressed=true]{color:#5e568e!important}
.shell .filter-row88>[data-record-filter=cut][aria-pressed=true]{color:#5a6571!important}
.shell .filter-row88>[data-record-filter=prepared][aria-pressed=true]{color:#c7a35a!important}
.shell .filter-row88>[data-record-filter=installed][aria-pressed=true]{color:#3b6e3f!important}
@media(max-width:900px){
 .compact-project .project-controls-redesign17 .project-parts-layout17{gap:8px!important}
 .compact-project .project-controls-redesign17 .project-add-area-header17{font-size:12px;padding-inline:8px}
 .compact-project .project-controls-redesign17 .project-add-area-plus17{display:none}
}
@media(min-width:621px){
 @container project-controls17 (max-width:760px){
  .accessible-text24 .compact-project .project-controls-redesign17 .project-add-area-header17{width:calc(44px * var(--accessible-scale24,1));min-width:44px;padding:8px;justify-content:center}
  .accessible-text24 .compact-project .project-controls-redesign17 .project-add-area-header17>span,.accessible-text24 .compact-project .project-controls-redesign17 .project-add-area-plus17{display:none}
  .accessible-text24 .compact-project .project-controls-redesign17 .project-add-area-header17>.small-icon{width:calc(18px * var(--accessible-scale24,1));height:calc(18px * var(--accessible-scale24,1))}
 }
}
@media(max-width:620px){
 .compact-project .project-controls-redesign17{padding:12px 0}
 .compact-project .project-controls-redesign17 .project-parts-layout17{gap:8px!important}
 .compact-project .project-controls-redesign17 .project-section-heading17{font-size:12px;gap:4px}
 .compact-project .project-controls-redesign17 .project-section-heading17>span{min-width:17px;padding:4px 4px;font-size:12px}
 .compact-project .project-controls-redesign17 .project-add-area-header17{width:36px;min-width:36px;min-height:48px;padding:8px}
 .compact-project .project-controls-redesign17 .project-add-area-header17>span{display:none}
 .compact-project .project-controls-redesign17 .filter-row88{gap:1px!important;padding:2px!important}
 .compact-project .project-controls-redesign17 .filter-row88>.filter-button88{flex-basis:30px!important;min-width:30px!important;padding:4px!important;font-size:12px!important;min-height:42px!important}
 .compact-project .project-controls-redesign17 .filter-row88>.filter-button88[aria-pressed=true]{flex-basis:30px!important;gap:2px!important;padding:4px!important}
 .compact-project .project-controls-redesign17 .filter-row88>.filter-button88>svg{width:16px;height:16px;flex-basis:16px}
 .shell .compact-project .project-controls-redesign17 .filter-row88>.filter-button88[aria-pressed=true] .filter-count88{display:none!important}
 .accessible-text24 .compact-project .project-controls-redesign17 .filter-row88{gap:0!important}
}

.shell[data-view=dashboard] .dashboard-work-cards{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;align-items:stretch;gap:12px!important}
.shell[data-view=dashboard] .dashboard-shortcut-actions{grid-template-columns:minmax(0,1fr)!important}
@media(max-width:620px){
 .shell[data-view=dashboard] .dashboard-work-cards{gap:8px!important}
 .shell[data-view=dashboard] .dashboard-work-card{padding:12px 8px;border-radius:12px}
 .shell[data-view=dashboard] .dashboard-shortcuts>h2{font-size:12px;line-height:1.3;margin-bottom:8px}
 .shell[data-view=dashboard] .dashboard-shortcut-actions{gap:8px}
 .shell[data-view=dashboard] .dashboard-shortcut{min-height:56px;gap:4px;padding:8px 4px;font-size:12px;line-height:1.25;align-items:center}
 .shell[data-view=dashboard] .dashboard-shortcut-icon{width:20px;height:26px;flex-basis:20px;border-radius:7px}
 .shell[data-view=dashboard] .dashboard-shortcut-icon>.icon{width:16px;height:16px}
 .shell[data-view=dashboard] .dashboard-shortcut>.dashboard-card-arrow{display:none}
 .shell[data-view=dashboard] .dashboard-shortcut>span:nth-child(2){overflow-wrap:normal}
 .shell[data-view=dashboard] .dashboard-last-heading49{flex-wrap:wrap;gap:4px;align-items:center}
 .shell[data-view=dashboard] .dashboard-last-heading49>h2{font-size:12px!important}
 .shell[data-view=dashboard] .dashboard-last-heading49>.badge{font-size:12px;padding:4px 4px}
 .shell[data-view=dashboard] .dashboard-last-layout49{gap:12px}
 .shell[data-view=dashboard] .dashboard-last-project{grid-template-columns:36px minmax(0,1fr) 14px!important;gap:8px!important;min-height:84px}
 .shell[data-view=dashboard] .dashboard-last-project>.project-thumb{width:36px;height:48px;border-radius:10px}
 .shell[data-view=dashboard] .dashboard-last-project>.project-thumb svg{width:32px;height:32px}
 .shell[data-view=dashboard] .dashboard-last-copy{gap:4px}
 .shell[data-view=dashboard] .dashboard-last-copy>strong{font-size:15px;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .shell[data-view=dashboard] .dashboard-last-number49{font-size:12px}
 .shell[data-view=dashboard] .dashboard-last-address{font-size:12px;line-height:1.3}
 .shell[data-view=dashboard] .dashboard-last-layout49 .dashboard-card-arrow{inset-inline-end:9px!important;width:14px!important;height:14px!important}
}

/* Shared by measurement, library, company and assigned-profile editors. */
:is(.profile-canvas17,.template-drawing-section) .profile-drawing{position:relative;padding-bottom:60px!important}
:is(.profile-canvas17,.template-drawing-section) .profile-drawing>.profile-canvas-zoom17{position:absolute;left:8px;bottom:8px;z-index:10;display:flex;align-items:center;gap:2px;padding:1px 4px;max-width:calc(100% - 16px);border:1px solid #e3e6ea;border-radius:12px;background:#fbfcfdf2;box-shadow:0 1px 3px #242e3808}
:is(.profile-canvas17,.template-drawing-section) .profile-edit-tools [data-switch-profile-end]{display:grid;place-items:center}
:is(.profile-canvas17,.template-drawing-section) .profile-edit-tools [data-switch-profile-end]>.icon{margin:0}
.shell[data-view="profile"] .profile-work17>.profile-canvas17{grid-template-rows:auto minmax(0,1fr) auto}
.measure-workspace60[data-measure-focus60="properties"] .measure-drawing60 .profile-canvas-zoom17{display:none!important}
@media(max-width:360px){:is(.profile-canvas17,.template-drawing-section) .profile-edit-tools>.actions-inline{gap:1px!important}}

#free-area-drawing61{position:relative}
.free-history-tools98{align-items:center;}
.free-history-tools98>.icon-btn{display:grid;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:1px solid #e1e4e8;border-radius:12px;background:#ffffff;color:#505b67;box-shadow:0 1px 2px #2b353f08}
.free-history-tools98 .icon{width:17px;height:17px;margin:0}
.free-history-tools98>.icon-btn:disabled{opacity:.35;box-shadow:none}

/* Match the remove button's right inset to its vertical inset in every profile choice. */
.area-profile-choice:has(>.icon-btn){padding:4px}
.area-profile-choice>.icon-btn{align-self:stretch;height:auto!important;min-height:44px;margin:0!important}
.compact-front-properties .front-window-selection17>.front-window-remove{margin:0!important;padding:8px;color:#9a3b38}

.project-modal98>.modal-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.project-modal98>.modal-footer>.btn{width:100%;min-width:0;margin:0;justify-content:center;text-align:center;white-space:normal}
.project-modal98>.modal-footer:has(>.btn:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
.project-modal98>.modal-footer:not(:has(>.btn:nth-child(2))){grid-template-columns:minmax(0,1fr)}
.project-assignees98{min-width:0;width:100%;margin:0;padding:0;border:0}
.project-assignees98>legend{padding:0;margin:0 0 8px;font-size:13px;font-weight:600;color:#495460}
.project-assignee-control98{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 12px;border:1px solid #dde0e5;border-radius:10px;background:#fdfdfe;color:#242e38;font:inherit;text-align:start;cursor:pointer}
.project-assignee-control98>span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-assignee-control98[aria-expanded=true],.project-assignee-control98:focus-visible{border-color:#929aa3;box-shadow:0 0 0 3px #637a9418;outline:0}
.project-assignee-control98[aria-invalid=true]{border-color:#a6413e}
.project-assignee-count98{flex:none;padding:2px 8px;border-radius:7px;background:#e9ebef;color:#141b23;font-size:12px;font-weight:600}
.project-assignee-menu98{box-sizing:border-box;position:fixed;inset:auto;margin:0;padding:0;border:1px solid #dfe3e7;border-radius:12px;background:#fbfcfd;color:#2c3640;box-shadow:0 12px 34px #212b350f;z-index:10000;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;font-family:inherit;font-size:calc(14px * var(--accessible-scale24,1));line-height:1.4}
.project-assignee-menu98[hidden],.project-assignee98[hidden],.project-assignee-count98[hidden],.project-assignee-empty98[hidden]{display:none!important}
.project-assignee-head98{position:sticky;top:0;z-index:1;display:grid;gap:8px;padding:12px 12px;background:#fbfcfd;border-bottom:1px solid #e7e9ed;font-size:12px;color:#5f6975}
.project-assignee-head98>input{box-sizing:border-box;width:100%;min-height:42px;margin:0;padding:8px 12px;border:1px solid #dde0e5;border-radius:10px;background:#ffffff;color:#242e38;font:inherit;font-size:16px}
.project-assignee-list98{display:grid;gap:4px;padding:8px}
.project-assignee98{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 8px;border:1px solid transparent;border-radius:7px;cursor:pointer;color:#37414c;font-size:15px}
.project-assignee98:hover{background:#f1f3f5}
.project-assignee98:has(input:checked){background:#eff1f3;border-color:#c6cbd1;color:#141b23;font-weight:600}
.project-assignee98>input{flex:none;width:18px;height:18px;min-height:0;margin:0;accent-color:#151c24}
.project-assignee98>span{min-width:0;overflow-wrap:anywhere}
.project-assignee-empty98{margin:0;padding:16px;color:#5f6975}
.project-form-error98{color:#8e3532;font-size:13px;margin:12px 0 0}
.project-form-error98:empty{display:none}
@media(max-width:520px){.project-modal98>.modal-footer>.btn{font-size:13px;padding:12px 8px}}

.account-popover99{position:fixed;z-index:1050;box-sizing:border-box;max-width:calc(100vw - 16px);padding:12px;border:1px solid #dfe3e7;border-radius:0 0 16px 16px;background:#ffffff;color:#26313b;box-shadow:0 12px 30px #242e380f;overflow:auto;overscroll-behavior:contain}
.account-popover-heading99{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.account-popover-heading99>h2{flex:1;min-width:0;margin:0;font-size:15px}
.account-popover-heading99>.icon-btn{width:36px;height:36px;min-width:36px;min-height:36px}
.account-popover99 .account-menu-head{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:8px 2px 12px;border-bottom:1px solid #e9ebef}
.account-popover99 .account-menu-head>div{min-width:0}.account-popover99 .account-menu-head strong{font-size:15px}.account-popover99 .account-menu-head p{margin:4px 0 0;color:#6e7883;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.account-popover99 .avatar{width:38px;height:38px;min-width:38px;font-size:13px}
.account-popover99 .menu-list{display:grid;gap:4px}.account-popover99 .menu-list>.btn{justify-content:flex-start;min-height:44px;padding:8px 12px;font-size:15px;border-color:transparent;box-shadow:none}
.account-popover99 .menu-list>.btn:hover,.account-popover99 .menu-list>.btn:focus-visible{background:#f3f4f6;border-color:#d7dadf}
.account-popover99 .menu-list>.btn>.icon{width:20px;height:20px;flex:none}
@media(prefers-reduced-motion:no-preference){.account-popover99{animation:account-popover99 .15s ease-out;transform-origin:top right}@keyframes account-popover99{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}

.tutorial-welcome100{max-width:610px}.tutorial-welcome100>.modal-footer{display:flex;flex-wrap:wrap;gap:8px}.tutorial-welcome100>.modal-footer>.btn{flex:1;min-width:130px;justify-content:center;font-size:13px}.tutorial-welcome-content100 p{font-size:15px;line-height:1.6}.tutorial-welcome-icon100{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eff1f3;color:#151c24}.tutorial-safe-note100{display:grid;gap:4px;padding:16px;border:1px solid #c9ced3;border-radius:12px;background:#f5f6f8;color:#141b23;line-height:1.5;font-size:15px}
.tutorial-banner100{position:fixed;top:7px;left:8px;z-index:1200;display:flex;align-items:center;gap:8px;max-width:calc(100% - 100px);min-height:40px;box-sizing:border-box;padding:4px 8px;border:1px solid #8a9cb1;border-radius:12px;background:#f7f9fb;color:#364d67;box-shadow:0 2px 8px #344b640f;font-size:12px}.tutorial-banner100>span{font-size:12px}.tutorial-banner100 button{min-height:30px;padding:4px 8px;border:1px solid #c5cfdb;border-radius:7px;background:white;color:inherit;font:inherit;cursor:pointer}
.tutorial-coach100{position:fixed;z-index:1190;box-sizing:border-box;padding:16px;border:1px solid #b3b9c0;border-radius:16px;background:#ffffff;color:#2a343e;box-shadow:0 12px 35px #232d370f;overflow:auto;overscroll-behavior:contain}.tutorial-coach-heading100{display:flex;align-items:center;gap:8px}.tutorial-coach-heading100>small{flex:1;font-size:12px;letter-spacing:.02em;color:#616c77}.tutorial-coach-heading100>.icon-btn{width:30px;height:30px;min-width:30px;min-height:30px}.tutorial-coach100 h2{font-size:17px;line-height:1.3;margin:8px 0}.tutorial-coach100 p{font-size:13px;line-height:1.6;margin:0 0 12px}.tutorial-coach-actions100{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tutorial-coach-actions100 .btn{min-height:40px;font-size:12px;padding:8px 12px;justify-content:center}.tutorial-coach-actions100>span{font-size:12px;color:#151c24;font-weight:600}.tutorial-coach100 .text-btn{font-size:12px;min-height:32px;margin-top:4px;color:#68737e}.tutorial-coach100.is-minimized100 .tutorial-coach-content100,.tutorial-coach100.keyboard-open100 .tutorial-coach-content100{display:none}.tutorial-coach100.is-minimized100 .tutorial-coach-heading100>.icon-btn{transform:rotate(180deg)}
.tutorial-target100{outline:3px solid #5e7690!important;outline-offset:4px;box-shadow:0 0 0 7px #8598ad2c,0 0 22px #45607d38!important}.tutorial-target100:is(g,svg){filter:drop-shadow(0 0 5px #46617d99);outline:none!important}
@media(prefers-reduced-motion:no-preference){.tutorial-target100{animation:tutorial-pulse100 1.8s ease-in-out infinite}@keyframes tutorial-pulse100{50%{box-shadow:0 0 0 10px #8598ad18,0 0 27px #45607d55}}}
@media(max-width:520px){.tutorial-banner100{gap:4px;font-size:12px;max-width:calc(100% - 80px);padding:4px 8px}.tutorial-banner100>span{display:none}.tutorial-banner100 button{font-size:12px;padding-inline:4px}.tutorial-coach100{padding:12px}.tutorial-coach100 h2{font-size:15px}.tutorial-coach100 p{font-size:12px}.tutorial-welcome100>.modal-footer>.btn{min-width:100%;min-height:44px}}

/* The tallest pane determines one common height for this editor at this width. */
.measure-workspace60.measure-arranged65 .measure-properties-body60{overflow-y:auto!important;overscroll-behavior:contain}
.measure-workspace60.measure-arranged65[data-measure-stacked102=true]{grid-template-rows:var(--measure-drawing-height102,260px) var(--measure-properties-height102,auto)!important;height:var(--measure-workspace-height102,auto)!important;flex:none!important}
.measure-workspace60.measure-arranged65[data-measure-stacked102=true]>.measure-properties60{height:var(--measure-properties-height102,auto)!important}
.measure-shell60 .page:has(>.measure-workspace60[data-measure-stacked102=true]){overflow-y:auto!important;overscroll-behavior-y:contain}
.measure-modal60>.modal-body:has(>.measure-workspace60[data-measure-stacked102=true]){overflow-y:auto!important;overscroll-behavior-y:contain}
.measure-modal60 .template-workspace17.measure-workspace60[data-measure-stacked102=true]{flex:none!important}
.measure-shell60.measure-scroll60 .measure-workspace60[data-measure-stacked102=true]{height:auto!important;grid-template-rows:auto var(--measure-properties-height102,auto)!important}
.measure-height-probe102{z-index:-1;contain:layout style;animation:none!important;transition:none!important}
.measure-height-probe102 *{animation:none!important;transition:none!important}
.measure-height-probe102 .measure-workspace60>.measure-properties60{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
.measure-height-probe102 .measure-properties-body60{height:auto!important;min-height:0!important;overflow:visible!important;flex:none!important}
.measure-height-probe102 .measure-properties-body60[hidden]{display:flex!important}

/* Compact geometry and four short profile choices on a wide lower panel. */
.measure-workspace60.measure-arranged65 .front-window-body17>.front-window-dimensions102{width:100%;max-width:440px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.measure-workspace60.measure-arranged65 .front-window-selection17>.front-window-remove{display:grid!important;place-items:center}
.measure-workspace60.measure-refined70 .front-window-profile-choices17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.measure-workspace60.measure-refined70 .front-window-profile-choices17 .area-profile-open{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;min-height:48px!important;gap:2px 8px;padding:8px 8px}
.measure-workspace60.measure-refined70 .front-window-profile-choices17 .measure-profile-art70{display:none!important}
.measure-workspace60.measure-refined70 .front-window-profile-choices17 .area-profile-open>span:not(.measure-profile-art70){grid-column:1!important;grid-row:1!important;align-self:auto;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.measure-workspace60.measure-refined70 .front-window-profile-choices17 .area-profile-open>strong{grid-column:1!important;grid-row:2!important;align-self:auto;font-size:12px;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.measure-workspace60.measure-refined70 .front-window-profile-choices17 .area-profile-open>.icon{grid-column:2!important;grid-row:1/span 2!important}
@container(min-width:620px){.measure-workspace60.measure-refined70 .front-window-profile-choices17{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Keep related fabrication dimensions together in every profile editor. */
.measure-workspace60.measure-arranged65 [data-measure-section60=dimensions] .measure-fields60:has([name=standardLength]):has([name=overlap]){container-type:inline-size;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.measure-workspace60.measure-arranged65 [data-measure-section60=dimensions] .measure-fields60>.field:has([name=standardLength]),.measure-workspace60.measure-arranged65 [data-measure-section60=dimensions] .measure-fields60>.field:has([name=overlap]){grid-column:auto!important}
.measure-workspace60.measure-arranged65 [data-measure-section60=dimensions] .measure-fields60>.field:has([name=meters]){grid-column:1/-1!important}
.measure-workspace60.measure-arranged65 [data-measure-section60=dimensions] .field:has([name=standardLength])>span:first-child,.measure-workspace60.measure-arranged65 [data-measure-section60=dimensions] .field:has([name=overlap])>span:first-child{white-space:normal!important;overflow:visible!important;text-overflow:clip}
@container(max-width:360px){.accessible-text24 .measure-workspace60.measure-arranged65 [data-measure-section60=dimensions] .field:has([name=standardLength])>span:first-child,.accessible-text24 .measure-workspace60.measure-arranged65 [data-measure-section60=dimensions] .field:has([name=overlap])>span:first-child{min-height:2.6em}}
@container(max-width:279px){.measure-workspace60.measure-arranged65 [data-measure-section60=dimensions] .measure-fields60>.field:has([name=standardLength]),.measure-workspace60.measure-arranged65 [data-measure-section60=dimensions] .measure-fields60>.field:has([name=overlap]){grid-column:1/-1!important}}
@container(min-width:440px){.measure-workspace60.measure-refined70 [data-measure-section60=seams] .measure-fields60>.field:has([name=horizontalUnderAllowance]),.measure-workspace60.measure-refined70 [data-measure-section60=seams] .measure-fields60>.field:has([name=horizontalOverAllowance]){grid-column:auto!important}}

/* Feedback has one entry point in the application header, outside all dialogs. */

.header-feedback104{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border:0;border-radius:12px;background:transparent;color:#55606c;cursor:pointer}
.header-feedback104:hover,.header-feedback104[aria-expanded=true]{background:#f1f3f5;color:#141b23}
.header-feedback104>.icon{width:21px;height:21px}
.header-feedback104:focus-visible{outline:2px solid #5d758f;outline-offset:2px}
.header-feedback104>b{position:absolute;right:1px;top:1px;min-width:16px;padding:1px 4px;border-radius:7px;background:#47627f;color:#ffffff;font-size:12px;line-height:14px}
.header-feedback104>b[hidden]{display:none}
#falzwerk-feedback-root .fw-feedback-panel{right:16px;top:var(--feedback-top104,76px);bottom:auto;width:390px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--feedback-top104,76px) - 12px)}
#falzwerk-feedback-root .fw-feedback-footer>[data-fw-action=send]{flex:1 1 100%;min-height:44px;background:#47627f;border-color:#47627f;color:#ffffff}
#falzwerk-feedback-root .fw-feedback-footer>[data-fw-action=inbox]{flex:1 1 100%;min-height:44px}
#falzwerk-feedback-root .fw-feedback-footer[hidden]{display:none!important}
#falzwerk-feedback-root .fw-feedback-editor textarea{font-size:16px!important}
.fw-feedback-received104{border:1px solid #dfe3e7;border-radius:10px;padding:12px;margin-top:12px;color:#3b4651}
.fw-feedback-received104>summary{cursor:pointer;min-height:44px;line-height:1.5;font-size:12px;overflow-wrap:anywhere}
.fw-feedback-received104 small{display:block;color:#68737e;font-size:12px}
.fw-feedback-received104 article{border-top:1px solid #e7e9ed;padding:12px 0;font-size:12px;overflow-wrap:anywhere}
.fw-feedback-received104 p{white-space:pre-wrap;line-height:1.6;margin:8px 0}
.fw-feedback-inbox-tools104{display:flex;justify-content:space-between;gap:12px}
@media(max-width:620px){#falzwerk-feedback-root .fw-feedback-panel{right:12px;width:calc(100vw - 24px)}.topbar-right .header-feedback104{width:40px;min-width:40px;padding:8px}}

.site-workspace105{grid-template-columns:minmax(0,1fr) minmax(270px,304px)}
.site-workspace105 .site-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;align-items:center;border-bottom:1px solid #e3e6ea}
.site-modes105{display:flex;gap:4px;padding:4px;border-radius:12px;background:#f1f3f5}
.site-workspace105 .site-modes105>.btn{min-height:44px;border:1px solid transparent;border-radius:10px;box-shadow:none;background:transparent;gap:4px;padding:8px 12px;color:#616c77}
.site-workspace105 .site-modes105>.btn[aria-pressed=true]{background:#ffffff;color:#141b23;border-color:#dbdee3;box-shadow:0 1px 4px #1319200f}
.site-workspace105 .site-toolbar>.btn{min-height:44px}.site-workspace105 .unit-choice{min-height:44px;margin-inline-start:auto}
.site-workspace105 .site-drawing{padding:0;position:relative;background:#fbfcfd;min-height:320px;touch-action:none}
.site-workspace105 #site-svg-canvas{box-sizing:border-box;padding:60px 8px 12px}
.site-template105{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e5e8ec;min-width:0}
.site-workspace105 .site-upload105{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;overflow:hidden;cursor:pointer;font-size:12px;padding:8px;width:100%;box-sizing:border-box}
.site-upload105 input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.site-template-name105{display:flex;gap:8px;align-items:center;min-width:0;margin-top:8px;font-size:12px;color:#616c77}
.site-template-name105>span{min-width:0;flex:1;overflow-wrap:anywhere}.site-template-name105>.icon-btn{width:36px;height:36px;min-height:36px;min-width:36px;padding:8px}
.site-pdf-page105{display:flex;align-items:flex-end;gap:8px;font-size:12px}.site-pdf-page105>.field{width:90px;margin:0}.site-pdf-page105>span{padding-bottom:16px}.site-pdf-page105>.btn{margin-inline-start:auto;min-height:44px}.site-template105 [role=status]:empty{display:none}
.site-workspace105 .site-measurement-panel .panel-body{overflow:auto}.site-workspace105 .site-inline-editor{z-index:10}
@media(max-width:1100px){.site-workspace105{grid-template-columns:1fr}.site-workspace105>.site-editor-panel{height:max(590px,calc(100dvh - 200px));max-height:920px}.site-workspace105>.site-measurement-panel{height:auto;max-height:none}.site-workspace105 .site-measurement-panel .panel-body{overflow:visible}.site-workspace105 .site-dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.site-workspace105 .site-toolbar .unit-choice{margin-inline-start:auto}}
@media(max-width:620px){.site-workspace105>.site-editor-panel{height:650px;max-height:none}.site-workspace105 .site-dimension-fields{grid-template-columns:1fr}.site-workspace105 .site-modes105{width:100%;box-sizing:border-box}.site-workspace105 .site-modes105>.btn{flex:1;min-width:0;font-size:12px}.site-workspace105 .site-toolbar{gap:4px}.site-workspace105 .site-toolbar>.btn{font-size:12px}.site-workspace105 .site-toolbar .unit-choice>span{display:none}.site-workspace105 .site-toolbar .unit-choice :is(:is(select,.app-select28),.app-select28){width:64px;min-width:64px}}
.workspace-focused .site-workspace105{grid-template-columns:1fr}.workspace-focused .site-workspace105>.site-editor-panel{height:calc(var(--app-viewport-height92,100dvh) - 82px);max-height:none;min-height:430px}.workspace-focused .site-workspace105>.site-measurement-panel{display:none}
.site-workspace105 .unit-choice :is(:is(select,.app-select28),.app-select28){width:80px;min-width:80px}.site-workspace105 .unit-choice .app-select-label28{white-space:nowrap}
@media(max-width:620px){.site-workspace105[data-phone-measure-kind17] .site-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 8px}.site-workspace105[data-phone-measure-kind17] .site-modes105{flex:0 0 100%;width:100%;min-width:0}.site-workspace105[data-phone-measure-kind17] .site-toolbar>.unit-choice{width:auto;flex:none;margin-inline-start:auto}.site-workspace105[data-phone-measure-kind17] .site-toolbar>.unit-choice :is(:is(select,.app-select28),.app-select28){width:80px;min-width:80px;max-width:80px}}

.free-unit106{display:flex;align-items:center;flex:none}.free-unit106 :is(:is(select,.app-select28),.app-select28){width:76px;min-width:76px;min-height:44px;height:44px;padding:8px 8px;font-size:16px}.free-unit106 .app-select-label28{white-space:nowrap}
.free-history-tools98{position:absolute;right:10px;top:10px;display:flex;gap:8px;z-index:5}.free-history-tools98 .icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}.free-alignment-menu106{right:0;top:calc(100% + 7px);width:max-content;max-width:min(300px,calc(100vw - 34px));padding:4px;border:1px solid #e1e4e8;border-radius:12px;background:#ffffff;box-shadow:0 8px 25px #1319200f;}.free-alignment-menu106>button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;border:0;border-radius:7px;padding:8px 12px;background:transparent;color:#47525d;font:inherit;font-size:15px;text-align:left}.free-alignment-menu106>button[aria-checked=true]{color:#141b23;background:#eff1f3}.free-alignment-menu106>button:focus-visible{outline:2px solid #46607d;outline-offset:-2px}.free-alignment-menu106 .small-icon{flex:none}

.free-finish-cards106{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 12px;padding:0;border:0;min-width:0}.free-finish-cards106>legend{padding:0 0 8px;font-size:12px;font-weight:600;color:#4c5762}.free-finish-cards106>label{position:relative;display:grid;grid-template-rows:58px auto;justify-items:center;align-items:center;gap:2px;min-width:0;min-height:82px;padding:4px 4px 8px;border:1px solid #dfe3e7;border-radius:12px;background:#f9fafc;color:#69747f;cursor:pointer}.free-finish-cards106>label:has(input:checked){border-color:#47627f;background:#eff1f3;color:#141b23;box-shadow:0 0 0 1px #171f2740}.free-finish-cards106>label:has(input:focus-visible){outline:2px solid #141b23;outline-offset:2px}.free-finish-cards106 input{position:absolute;opacity:0;width:1px;height:1px;min-height:0!important;min-width:0!important;inset:4px auto auto 4px;padding:0}.free-finish-cards106 svg{display:block;width:100%;height:58px}.free-finish-cards106>label>span{font-size:12px;font-weight:600;text-align:center;line-height:1.25}
#free-panel-form61>.field-row{row-gap:8px;column-gap:12px}#free-panel-form61 .field{margin-bottom:8px}
.modal:has([data-free-next106])>.modal-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;box-sizing:border-box}.modal:has([data-free-next106])>.modal-footer>.btn{width:100%;min-width:0;min-height:44px;justify-content:center;white-space:normal;text-align:center;line-height:1.3}
.modal.free-overall-modal106{display:flex;flex-direction:column;width:min(1200px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:calc(var(--app-viewport-height92,100dvh) - 24px);max-height:calc(var(--app-viewport-height92,100dvh) - 24px);min-height:0;overflow:hidden}.modal.free-overall-modal106>.modal-head{flex:none}.modal.free-overall-modal106>.modal-body{display:flex;flex:1;min-height:0;overflow:hidden;padding:16px}.free-overall-modal106 .free-overall106{display:flex;flex:1;width:100%;min-width:0;min-height:0}.free-overall-modal106 .free-overall106>svg{display:block;flex:1;width:100%;height:100%;max-height:100%;min-width:0;min-height:0}
@media(max-width:620px){.free-summary61{gap:12px;flex-wrap:wrap;overflow:visible}.free-unit106 :is(:is(select,.app-select28),.app-select28){width:66px;min-width:66px}.free-history-tools98{right:7px;top:8px;gap:4px}.modal.free-overall-modal106>.modal-body{padding:8px}}

.free-contour107{width:100%;min-width:0}.free-contour-toggle107{display:flex;align-items:center;gap:8px;min-height:44px;margin-bottom:12px;font-size:13px;font-weight:600;color:#47525d}.free-contour-toggle107 input{width:20px;height:20px;min-height:20px}.free-contour107>.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.free-contour-edges107{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.free-contour-edge107{min-width:0;padding:12px;border:1px solid #dfe3e7;border-radius:12px;background:#f9fafc}.free-contour-edge107 h4{margin:0 0 8px;font-size:15px;color:#141c24}.free-edge-cards107{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:0 0 12px;border:0;min-width:0}.free-edge-cards107 label{position:relative;display:grid;grid-template-rows:46px auto;align-items:center;justify-items:center;gap:4px;min-width:0;min-height:82px;padding:4px;border:1px solid #e1e4e8;border-radius:10px;background:#ffffff;color:#656f7b;cursor:pointer}.free-edge-cards107 input{position:absolute;opacity:0;width:1px;height:1px;min-height:0!important;padding:0;left:3px;top:3px}.free-edge-cards107 label:has(input:checked){border-color:#47627f;background:#eff1f3;box-shadow:0 0 0 1px #171f2730;color:#141b23}.free-edge-cards107 label:has(input:focus-visible){outline:2px solid #141b23;outline-offset:2px}.free-edge-cards107 svg{width:100%;height:46px}.free-edge-cards107 label>span{font-size:12px;text-align:center;line-height:1.2;overflow-wrap:anywhere}.free-contour107 [hidden]{display:none!important}.free-contour-edge107 .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px}.free-contour-edge107 .field{min-width:0}.free-contour-edge107 .field>span:first-child{min-height:30px;display:flex;align-items:end;line-height:1.2}.free-contour-edge107 .input-unit input{min-height:44px}.free-contour-edge107 .free-finish-cards106{gap:4px}.free-contour-edge107 .free-finish-cards106 label{min-height:72px;grid-template-rows:45px auto;padding:4px}.free-contour-edge107 .free-finish-cards106 svg{height:45px}.free-contour-edge107 .free-finish-cards106 label>span{font-size:12px}.free-contour-error107{font-size:12px;line-height:1.45;color:#993b38;margin:8px 0}.free-contour-error107:empty{display:none}
#free-area-drawing61{flex-direction:column}.free-overall107{flex-direction:column}.free-overall107>svg{min-height:0;flex:1 1 0;height:0}
@container(max-width:620px){.free-contour-edges107{grid-template-columns:1fr}.free-contour-edge107{padding:12px}.free-contour-edge107 .free-finish-cards106 label>span{font-size:12px}}
@media(max-width:620px){.free-contour-edges107{grid-template-columns:1fr}.free-contour107>.field-row{gap:8px}.free-contour-edge107{padding:12px}}
.free-contour107 :is(.free-edge-cards107,.free-finish-cards106) input[type=radio]{width:1px!important;max-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important}
.free-area-workspace61:not([data-measure-focus60=properties]) #free-area-drawing61{padding-top:56px;box-sizing:border-box}

/* Shared :is(select,.app-select28) appearance: preserve contextual sizes; keep units on one line. */
button.app-select28[data-select-proxy28]{appearance:none;-webkit-appearance:none;border:1px solid #dbdee3;border-radius:12px;background-color:#fbfcfd;color:#27323c;box-shadow:0 1px 2px #303b4505;gap:8px;transition:border-color .15s,background-color .15s,box-shadow .15s}
button.app-select28[data-select-proxy28]:hover:not(:disabled){background-color:#f8f9fa;border-color:#b6bcc3}
button.app-select28[data-select-proxy28]:focus-visible,button.app-select28[data-select-proxy28][aria-expanded=true]{outline:0;border-color:#47627f;box-shadow:0 0 0 3px #171e2718}
button.app-select28[data-select-proxy28][aria-invalid=true]{border-color:#a6413e}
.app-select28 .app-select-label28{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}
.app-select28 .app-select-chevron28{margin-inline:2px;margin-bottom:4px;color:#616c77}
.app-select28[data-unit-select107]{gap:8px}
.app-select28[data-unit-select107] .app-select-label28{flex:0 0 auto;overflow:visible}
.app-select-menu28{padding:4px;border:1px solid #dfe3e7;border-radius:12px;background:#ffffff;color:#313c46;box-shadow:0 12px 30px #25303a0f,0 2px 6px #25303a0a;backdrop-filter:none;-webkit-backdrop-filter:none}
.app-select-option28{box-sizing:border-box;min-height:max(44px,calc(40px * var(--accessible-scale24,1)));padding:12px 36px 12px 12px;border-radius:10px;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.35}
.app-select-menu28[data-unit-select107] .app-select-option28{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.app-select-option28[aria-selected=true]{background:#eff1f3;color:#141b23;font-weight:600}
.app-select-option28.is-active:not([aria-disabled=true]),.app-select-option28:hover:not([aria-disabled=true]){background:#f3f4f6;box-shadow:inset 0 0 0 1px #d0d5da}
.app-select-option28[aria-selected=true].is-active,.app-select-option28[aria-selected=true]:hover{background:#e9ebef}
.app-select-option28[aria-selected=true]::after{inset-inline-end:12px;font-weight:600}
@media(forced-colors:active){button.app-select28[data-select-proxy28]{border-color:ButtonText;background:ButtonFace;color:ButtonText}.app-select-menu28{background:Canvas;border-color:CanvasText}.app-select-option28[aria-selected=true]{color:Highlight}}
.input-unit>b,.input-unit>span:last-child,.free-summary61 em{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.app-select28[data-unit-select107]{min-inline-size:calc(66px * var(--accessible-scale24,1))!important}

#free-panel-list61{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));column-gap:16px;align-content:start;min-width:0;grid-column:1/-1}
#free-panel-list61>.free-panel-row61{min-width:0;min-height:56px}
#free-panel-list61>.free-page-controls65{grid-column:1/-1}
.free-plan-section109{pointer-events:none}

.free-contour110{container-type:inline-size}
.free-contour-top110{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 210px;align-items:end;gap:12px;margin-bottom:12px}
.free-contour110 .free-contour-top110>.field{margin:0;min-width:0}
.free-contour110 .free-contour-top110>.field>span:first-child{min-height:16px;margin-bottom:4px}
.free-contour110 .free-contour-top110>.free-contour-toggle107{min-height:44px;margin:0;line-height:1.25;font-size:12px}
.free-contour110 .input-unit{display:block;margin:0}
.free-contour-sides110{position:relative}
.free-contour-side-nav110{position:absolute;inset:0 auto auto 0;display:flex;width:160px;min-height:52px;gap:4px;padding:4px;border:1px solid #e3e6ea;border-radius:12px;background:#f1f3f5;box-sizing:border-box}
.free-contour-side-nav110>button{flex:1;min-width:0;min-height:42px;padding:8px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#727c87;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.free-contour-side-nav110>button[aria-selected=true]{background:#ffffff;border-color:#dde0e5;color:#141b23;box-shadow:0 2px 5px #2b353f0c}
.free-contour-side-nav110>button:focus-visible{outline:2px solid #151c24;outline-offset:-2px}
.free-contour110 .free-contour-edges107{display:block}
.free-contour110 .free-contour-edge107{padding:0;border:0;border-radius:0;background:transparent}
.free-contour110 .free-edge-cards107{margin:0 0 12px 172px;gap:8px}
.free-contour110 .free-edge-cards107>label{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto;min-height:52px;gap:4px;padding:4px 8px;align-items:center;justify-items:center}
.free-contour110 .free-edge-cards107 svg{width:32px;height:36px}
.free-contour110 .free-edge-cards107 label>span{font-size:12px;line-height:1.2;overflow-wrap:normal;word-break:normal;hyphens:auto}
.free-contour-details110{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.free-contour110 .free-contour-details110>[data-contour-upstand107]{display:contents}
.free-contour110 .free-contour-details110 .field{min-width:0;margin:0}
.free-contour110 .free-contour-details110 .field>span:first-child{display:flex;align-items:end;min-height:28px;margin-bottom:4px;line-height:1.2}
.free-contour-details110>[data-contour-overhang107],.free-contour-details110 [data-contour-return107]{min-width:0}
.free-contour110 .free-finish-cards106{gap:4px;margin:0;padding:0;align-self:start}
.free-contour110 .free-finish-cards106>legend{box-sizing:border-box;min-height:32px;padding:0 0 4px;font-size:12px;line-height:1.2}
.free-contour110 .free-finish-cards106>label{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto;gap:2px;min-height:44px;padding:4px;align-items:center}
.free-contour110 .free-finish-cards106 svg{width:18px;height:32px}
.free-contour110 .free-finish-cards106>label>span{font-size:12px;line-height:1.2;white-space:nowrap}
@container(max-width:680px){.free-contour-top110{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.free-contour110 .free-contour-top110>.free-contour-toggle107{grid-column:1/-1;min-height:44px}.free-contour-details110{grid-template-columns:repeat(2,minmax(0,1fr))}.free-contour110 .free-finish-cards106{grid-column:1/-1}.free-contour110 .free-finish-cards106>legend{min-height:18px}.free-contour110 .free-finish-cards106>label{grid-template-columns:24px auto;justify-content:center}.free-contour110 .free-finish-cards106 svg{width:24px}.free-contour110 .free-finish-cards106>label>span{font-size:12px}}
@container(max-width:560px){.free-contour-side-nav110{position:static;width:100%;min-height:50px;margin-bottom:8px;padding:4px}.free-contour-side-nav110>button{min-height:42px}.free-contour110 .free-edge-cards107{margin-left:0}.free-contour110 .free-edge-cards107>label{grid-template-columns:25px minmax(0,1fr);min-height:52px;gap:2px;padding:4px}.free-contour110 .free-edge-cards107 svg{width:25px}.free-contour110 .free-edge-cards107 label>span{font-size:12px}}

.field>span.password-input111,.password-input111{display:block;position:relative;width:100%;min-width:0;margin:0;line-height:normal}
.password-input111>input{display:block;width:100%;min-width:0;min-height:44px;padding-inline-end:52px!important}
.password-toggle111{position:absolute;inset-block:0;inset-inline-end:1px;display:grid;place-items:center;width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:#656f7b;cursor:pointer;touch-action:manipulation}
.password-toggle111:hover,.password-toggle111[aria-pressed=true]{color:#141b23;background:#eff1f3}
.password-toggle111:focus-visible{outline:2px solid #151c24;outline-offset:-4px}
.password-toggle111 .icon{width:20px;height:20px;pointer-events:none}
.password-input111>input::-ms-reveal,.password-input111>input::-ms-clear{display:none}
.keyboard-accessory-slot92>.password-input111{height:100%}
.keyboard-accessory92 .password-input111>.keyboard-editor93{padding-inline-end:52px!important}
[dir=rtl] .password-input111>input{direction:ltr;padding-inline-start:52px!important;padding-inline-end:12px!important}

.measure-shell60 .page:has(>.measure-workspace60[data-surface-layout112=true]){overflow:hidden!important}
.measure-workspace60.measure-arranged65[data-surface-layout112=true]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:var(--measure-drawing-height102) var(--measure-properties-height102)!important;height:var(--measure-workspace-height102)!important;gap:12px!important;flex:none!important}
.measure-workspace60.measure-arranged65[data-surface-layout112=true]>.measure-drawing60{height:var(--measure-drawing-height102)!important;min-height:0!important}
.measure-workspace60.measure-arranged65[data-surface-layout112=true]>.measure-properties60{height:var(--measure-properties-height102)!important;min-height:0!important}
.measure-workspace60[data-surface-layout112=true] .measure-properties-body60{flex:1!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-padding-block:16px}
.measure-workspace60[data-surface-layout112=true] :is(#free-area-drawing61,#front-svg,#area-drawing){min-height:0!important}
.measure-workspace60.measure-refined70 .area-break-integrated112{grid-column:1/-1;border-top:1px solid #e7e9ed;margin-top:8px;padding-top:12px;min-width:0}
.measure-workspace60.measure-refined70 .area-break-integrated112>.measure-fields60{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.area-break-integrated112 .area-break-button{grid-column:1/-1;min-height:44px!important;justify-content:flex-start!important;background:#f7f8f9!important;border:1px solid #e1e4e8!important;color:#141b23!important}
.area-break-integrated112[data-active112=true] .area-break-button{background:#edeff1!important}
.measure-workspace60.measure-arranged65[data-surface-layout112=true][data-surface-orientation112=landscape]{grid-template-columns:var(--surface-columns112)!important;grid-template-rows:var(--surface-header-height112) minmax(0,1fr)!important;grid-template-areas:"surface-head surface-head" "surface-drawing surface-properties"!important;align-items:stretch!important}
.measure-workspace60[data-surface-orientation112=landscape]>.surface-header112{grid-area:surface-head;min-width:0;min-height:50px;max-height:80px;background:#ffffff;border:1px solid #dfe3e7;border-radius:12px;padding:8px 12px;display:flex;gap:12px}
.measure-workspace60[data-surface-orientation112=landscape]>.surface-header112 h2{font-size:15px;margin:0;min-width:0}.surface-header112 .actions-inline{flex-wrap:nowrap;min-width:0;gap:8px}.surface-header112 .measure-focus-button60{max-width:100%;font-size:15px}.surface-header112 .measure-focus-button60>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.measure-workspace60[data-surface-orientation112=landscape]>.measure-drawing60{grid-area:surface-drawing;min-width:0!important;margin:0!important}.measure-workspace60[data-surface-orientation112=landscape]>.measure-properties60{grid-area:surface-properties;min-width:0!important;margin:0!important}
.measure-workspace60[data-surface-orientation112=landscape]>.surface-header112{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;overflow:hidden}.surface-header112>.measure-inline-save68{flex:none}.surface-header112 h2{flex:1;text-align:start}

.free-editor112 .measure-property-sections60{display:block!important;column-count:auto!important}
.free-editor112 .measure-property-lane65{display:contents!important}
.free-editor112 .measure-property-section60{width:100%!important;grid-column:1/-1!important}
.free-editor112 .measure-property-section60>.measure-fields60{display:block!important}
.free-editor112 .measure-property-section60>h3{display:none!important}
.free-editor112 .measure-properties-body60>.measure-property-tabs60{position:sticky;top:0;z-index:3;background:#f7f8f9;flex:none}
.free-editor112 .measure-property-tabs60>button{min-height:40px;font-size:13px;padding-inline:16px}
.free-unit-control112{display:block;flex:none;width:80px;margin:0!important}.free-unit-control112>.app-select28{width:100%;min-height:42px!important}
.free-general112{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.free-general112 .field{margin:0!important;min-width:0}
.free-seams112{grid-column:1/-1;border-top:1px solid #e5e8ec;padding-top:12px}
.free-seams112>summary{min-height:44px;display:flex;align-items:center;color:#151c24;font-weight:600;cursor:pointer}
.free-seams112>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:8px}
.free-controls112{display:flex;flex-direction:column;gap:12px;min-width:0;container-type:inline-size}
.free-controls112 .field{margin:0!important;min-width:0}
.free-controls112 .field>span:first-child{font-size:12px;line-height:1.25;min-height:16px;margin-bottom:4px;color:#4a5561}
.free-controls112 .input-unit{position:relative;display:block;margin:0}
.free-controls112 input{width:100%;min-width:0;min-height:44px;height:44px;border:1px solid #dde0e5;border-radius:10px;background:#ffffff;font:inherit;font-size:16px;padding:8px 12px;color:#26313b;box-sizing:border-box}
.free-controls112 .input-unit input{padding-inline-end:44px}
.free-controls112 .input-unit b{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;color:#7a848e;pointer-events:none}
.free-controls112 input[readonly]{background:#f5f6f8;color:#717b85}
.free-group-title112{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;margin-bottom:8px;color:#3f4954}
.free-group-title112>strong{font-size:13px}.free-group-title112>small{font-size:12px;color:#747e89}
.free-standard112{border-bottom:1px solid #e5e8ec;padding-bottom:12px}
.free-standard-fields112{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px}
.free-structure112{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px}
.free-layout-modes112{display:flex;align-self:stretch;gap:4px;padding:4px;border:1px solid #e5e8ec;border-radius:12px;background:#f3f4f6}
.free-layout-modes112>button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:8px;min-height:44px;font:inherit;font-size:12px;line-height:1.25;background:transparent;color:#78818c}
.free-layout-modes112>button[aria-pressed=true]{color:#141b23;background:white;border-color:#dde0e5;box-shadow:0 2px 5px #2e38430f;font-weight:600}
.free-width112{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end}
.free-center112{font-size:12px!important;min-height:44px!important;padding:4px 8px!important;color:#141b23!important}
.free-center112>span{display:flex;flex-direction:column;align-items:start;gap:2px}.free-center112 small{font-size:12px;font-weight:400;color:#7a848e;white-space:nowrap}
.free-add-actions112{display:flex;gap:8px}.free-add-actions112>.btn{flex:1;min-height:44px;padding:8px;font-size:12px;color:#151c24}
.free-error112:empty{display:none}.free-error112{margin:0;padding:8px 12px;background:#f3f4f6;color:#8c3532;border-radius:10px;font-size:12px;line-height:1.4}
.free-schar-workbench112{min-width:0;border:1px solid #d9dde1;border-radius:12px;overflow:hidden;background:#ffffff}
.free-schar-selector112{display:flex;gap:0;overflow-x:auto;min-width:0;padding:0;scroll-snap-type:x proximity;overscroll-behavior-x:contain;border-bottom:1px solid #e1e4e8;background:#f7f8f9;flex:none;scrollbar-width:thin}
.free-schar-selector112>button{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:65px;min-width:140px;max-width:230px;padding:12px 12px;border:0;border-right:1px solid #e3e6ea;border-radius:0;background:transparent;color:#68737e;font:inherit;text-align:start;scroll-snap-align:start;cursor:pointer}
.free-schar-selector112>button>svg{color:#7a848e}
.free-schar-selector112>button>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.free-schar-selector112 strong{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;line-height:1.2;color:inherit;white-space:nowrap}.free-schar-selector112 small{font-size:12px;line-height:1.25;white-space:nowrap}.free-schar-selector112 i{font-size:13px;font-style:normal;color:#bb845e}
.free-schar-selector112>button[aria-pressed=true]{background:#eff1f3;color:#141b23;box-shadow:inset 0 -3px #182028}.free-schar-selector112>button[aria-pressed=true]>svg{color:#151d25}.free-schar-selector112>button:focus-visible{outline:2px solid #182028;outline-offset:-3px}
#free-selected112{padding:12px 12px 2px}
.free-individual-fields112{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.free-individual-note112{justify-content:space-between;align-items:center;gap:8px;margin:8px 0 12px;min-height:30px}
.free-individual-note112 small{color:#7f8892;font-size:12px}.free-individual-note112 button{border:0;background:none;font:inherit;font-size:12px;color:#161e26;min-height:30px;padding:4px 0}
.free-kind-cards112{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.free-kind-cards112>button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:66px;min-width:0;padding:8px;border:1px solid #dfe3e7;border-radius:12px;background:#fdfdfe;color:#78818c;font:inherit;cursor:pointer}
.free-kind-cards112 svg{width:70px;height:40px;min-width:0;flex:0 1 70px}.free-kind-cards112 span{font-size:12px;line-height:1.25;color:inherit}
.free-kind-cards112>button[aria-pressed=true]{background:#eff1f3;border-color:#46617d;color:#151c24;box-shadow:inset 0 0 0 1px #46617d17}
.free-kind-cards112>button:disabled{opacity:.35;cursor:default}
.free-starter-cards112{grid-template-columns:repeat(5,minmax(0,1fr))}.free-starter-cards112>button{flex-direction:column;gap:4px;min-height:74px}.free-starter-cards112 svg{height:35px;flex:auto;width:100%;max-width:90px}
.free-edge-fields112{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.free-upstand112{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end}.free-upstand112 .free-kind-cards112{margin:0}.free-upstand112 .free-kind-cards112>button{min-height:65px;flex-direction:column;gap:2px;padding:4px}.free-upstand112 .free-kind-cards112 svg{width:100%;height:32px;flex:auto}
.free-delete112{display:block;min-height:44px;margin:12px 0 0 auto;padding:8px 12px;border:0;background:none;color:#9f3e3b;font:inherit;font-size:12px}
.free-composer112{padding:12px;border:1px solid #d3d7dc;background:#f8f9fa;border-radius:12px}.free-composer112 .free-group-title112>button{display:grid;place-items:center;min-width:36px;min-height:36px;padding:8px;border:0;background:none;color:#69747f}
.free-compose-fields112{display:grid;grid-template-columns:.65fr 1.2fr auto;gap:12px;align-items:end}.free-compose-fields112>.btn{min-height:44px}
.free-canvas-add112{position:absolute;z-index:2;inset-inline:12px;bottom:12px;display:flex;justify-content:space-between;pointer-events:none}
.free-canvas-add112>button{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;border:1px solid #dbdee3;border-radius:12px;background:#ffffffed;color:#161d26;font:inherit;font-size:12px;font-weight:500;box-shadow:0 2px 6px #2d374209;pointer-events:auto}
.free-canvas-add112>button:hover{border-color:#697f98;background:#f3f4f6}.free-canvas-add112>button .icon{width:17px;height:17px}

#free-metrics112{min-width:0}




.free-editor112[data-measure-focus60=properties] .free-summary61{padding-block:4px!important;min-height:44px;max-height:56px}.free-editor112[data-measure-focus60=properties] .free-summary61 strong{font-size:15px}.free-editor112 #free-area-drawing61{padding-bottom:52px!important}
.free-overall-modal112 .modal-body{display:flex!important;flex-direction:column;overflow:hidden!important;gap:8px}.free-overall-modal112 .overall-zoom{flex:1!important;min-height:0!important;height:auto!important}
.free-schar-measures112 text{pointer-events:none}
[data-free-gesture112]{touch-action:none;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}[data-free-gesture112]>svg{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important}#free-area-drawing61.touch-canvas47>svg{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;flex-shrink:0}
@container(max-width:620px){.free-structure112{grid-template-columns:1fr}.free-kind-cards112>button{flex-direction:column;gap:4px;min-height:74px}.free-kind-cards112 svg{flex:auto;width:100%;height:35px}.free-upstand112{grid-template-columns:1fr}.free-individual-fields112{grid-template-columns:repeat(2,minmax(0,1fr))}.free-starter-cards112{grid-template-columns:repeat(3,minmax(0,1fr))}.free-group-title112>small{max-width:48%;font-size:12px;text-align:end}.free-individual-note112{flex-wrap:wrap}.free-compose-fields112{grid-template-columns:.7fr 1.3fr}.free-compose-fields112>.btn{grid-column:1/-1}}
@media(max-width:620px){.free-general112{grid-template-columns:repeat(2,minmax(0,1fr))}.free-general112>.field:first-child,.free-general112>.field:nth-child(2){grid-column:1/-1}.free-editor112 .free-summary61 small{font-size:12px}.free-editor112 .free-summary61 strong{font-size:15px}}
.free-selection-readout112{position:absolute;z-index:4;display:grid;grid-template-columns:auto auto;gap:4px 16px;max-width:calc(100% - 16px);padding:8px 12px;border:1px solid #d9dde1;border-radius:10px;background:#fffffff2;box-shadow:0 3px 12px #1319210f;font-size:12px;color:#535e69;pointer-events:none}.free-selection-readout112>strong{grid-column:1/-1;font-size:12px}.free-selection-readout112 b{font-weight:600}.free-selection-readout112>.surface-top112{color:#445e7a}.free-selection-readout112>.surface-bottom112{color:#b9805a}

.surface-list-title112{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.surface-list-title112 h4{font-size:13px;margin:0;color:#141c24}.surface-list-title112>span{font-size:12px;color:#7a848e}
.surface-schar-row112{border:1px solid #e1e4e8;border-radius:10px;background:#ffffff;margin:8px 0;overflow:hidden}
.surface-schar-row112>summary{list-style:none;display:grid;grid-template-columns:48px minmax(0,1fr) auto auto 16px;align-items:center;gap:8px;min-height:76px;padding:8px 8px;cursor:pointer}
.surface-schar-row112>summary::-webkit-details-marker{display:none}.surface-schar-row112[open]>summary{background:#f7f8f9;border-bottom:1px solid #e5e8ec}

.surface-schar-name112{display:flex;flex-direction:column;gap:4px;min-width:0}.surface-schar-name112>strong{font-size:12px;color:#141b23;overflow-wrap:anywhere}.surface-schar-name112>small{font-size:12px;color:#7c858f;line-height:1.3}
.surface-schar-cut112{display:flex;flex-direction:column;align-items:end;gap:4px;white-space:nowrap}.surface-schar-cut112>small{font-size:12px;color:#878f99}.surface-schar-cut112>strong{font-size:12px;color:#141c24;font-variant-numeric:tabular-nums}
.surface-count112{display:grid;place-items:center;min-width:26px;min-height:26px;padding:4px;background:#f1f3f5;color:#545f6b;border-radius:7px;font-size:12px;font-weight:500}
.surface-schar-row112>summary>.icon{width:15px;height:15px;color:#878f99}.surface-schar-row112[open]>summary>.icon{transform:rotate(180deg)}
.surface-schar-detail112{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:12px}
.surface-strip-dimensions112{width:100%;max-height:330px;min-width:0;display:block}
.surface-schar-metrics112{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;align-content:center}
.surface-schar-metrics112>div{display:flex;flex-direction:column;gap:4px;min-width:0}.surface-schar-metrics112 small{font-size:12px;color:#7f8892}.surface-schar-metrics112 strong{font-size:12px;font-weight:600;color:#141b23;white-space:nowrap}.surface-schar-metrics112 em{font-size:12px;font-weight:400;font-style:normal}
.surface-schar-metrics112>.surface-top112 :is(small,strong){color:#445e7a}.surface-schar-metrics112>.surface-bottom112 :is(small,strong){color:#b9805a}
.surface-schar-metrics112>.surface-cut-metric112{background:#f5f6f8;border:1px solid #e7e9ed;border-radius:7px;margin-bottom:4px}.surface-schar-metrics112>.surface-cut-metric112 small{color:#69747f}.surface-schar-metrics112>.surface-cut-metric112 strong{font-size:15px;font-weight:600;letter-spacing:.1px}.surface-schar-metrics112>.surface-cut-metric112 em{font-size:12px}





.surface-zoom-legend112{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;color:#7e8791;margin-bottom:12px}.surface-zoom-legend112>span{display:flex;align-items:center;gap:8px}.surface-zoom-legend112 i{width:10px;height:10px;border-radius:3px}.surface-top-swatch112{background:#445e7a}.surface-bottom-swatch112{background:#b9805a}
.surface-workshop-zoom112{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:20px}
.surface-workshop-zoom112>figure{position:sticky;top:0;min-width:0;margin:0;display:grid;place-items:center;gap:12px}.surface-workshop-zoom112>figure>svg{width:100%;max-height:65dvh}.surface-workshop-zoom112 figcaption{font-size:12px;color:#838c96}
.surface-zoom-schar112{border:1px solid #e3e6ea;border-radius:12px;overflow:hidden;margin-bottom:12px}.surface-zoom-schar112>h3{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 12px;margin:0;background:#f8f9fa;font-size:13px;color:#141b23}.surface-zoom-schar112>h3>small{font-size:12px;font-weight:400;color:#7f8892}
@media(max-width:900px){.surface-workshop-zoom112{grid-template-columns:1fr}.surface-workshop-zoom112>figure{position:static}.surface-workshop-zoom112>figure>svg{max-height:40dvh}.surface-zoom-schar112 .surface-strip-dimensions112{max-height:300px}}
@media(max-width:620px){.surface-schar-row112>summary{grid-template-columns:40px minmax(0,1fr) auto 15px;gap:8px;padding:8px}.surface-count112{grid-column:3;grid-row:2;justify-self:end;min-height:22px}.surface-schar-row112>summary>.icon{grid-column:4;grid-row:1/span 2}.surface-schar-cut112>strong{font-size:12px}.surface-schar-name112>strong{font-size:12px}.surface-schar-detail112{gap:8px;padding:8px}.surface-schar-metrics112{gap:12px 4px}.surface-schar-metrics112 strong{font-size:12px}.surface-schar-metrics112 small{font-size:12px}.surface-list-title112>span{font-size:12px}}

.material-formats112{display:grid;gap:16px}.material-format112{border:1px solid var(--line,#dfe3e7);border-radius:12px;overflow:hidden}.material-format112>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f8f9fa}.material-format112 h3{margin:0;font-size:16px}.material-format112 h3 span{font-weight:500;color:var(--muted);margin-left:8px;white-space:nowrap}.material-format112>header>span{font-size:12px;color:var(--muted);white-space:nowrap}.material-format112 .stock-formats{padding:12px 16px;gap:20px}.material-format112 fieldset{min-width:0;margin:0;padding:0;border:0}.material-format112 legend{font-size:13px;font-weight:600;margin-bottom:8px}.material-format112 .field-row{gap:12px}.material-format112 .field{margin:0;min-width:0}.material-assign112{border-top:1px solid var(--line,#dfe3e7)}.material-assign112>summary{display:flex;align-items:center;gap:16px;padding:12px 16px;cursor:pointer;list-style:none}.material-assign112>summary::-webkit-details-marker{display:none}.material-assign112>summary strong{font-size:13px}.material-assign112>summary span{margin-left:auto;font-size:12px;color:var(--muted)}.material-assign112[open]>summary>svg{transform:rotate(180deg)}.material-assign-tools112{padding:0 16px 12px;max-width:300px}.material-assign-list112{max-height:360px;overflow:auto;padding:0 16px 12px;overscroll-behavior:contain}.material-assign-list112>label{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:16px;align-items:center;padding:8px 0;border-top:1px solid #eff1f3}.material-assign-list112>label>span{display:flex;gap:8px;min-width:0;overflow-wrap:anywhere;font-size:13px}.material-assign-list112 b{font-weight:500;color:var(--muted)}.material-assign112 :is(select,.app-select28){width:100%;min-height:42px}.material-summary112{grid-template-columns:repeat(4,minmax(0,1fr))}.prepare-coil-card17>small{display:block;padding:8px 12px}.prepare-stock-format112{font-size:12px;color:var(--muted);align-self:center}@media(max-width:600px){.material-format112 .stock-formats{grid-template-columns:1fr;gap:16px}.material-format112>header{align-items:flex-start}.material-format112 h3 span{display:block;margin:4px 0 0}.material-summary112{grid-template-columns:repeat(2,minmax(0,1fr))}.material-assign-list112>label{grid-template-columns:minmax(0,1fr) 118px;gap:8px}}
.shell[data-view="profile"] .profile-header-strip .profile-context-name17{font-size:15px;font-weight:600;color:#313c46;line-height:1.3;flex:1}.shell[data-view="profile"] .profile-header-strip .profile-context-title17{flex-wrap:nowrap;gap:12px}.shell[data-view="profile"] .profile-header-strip .context-number{font-size:12px;font-weight:500;white-space:nowrap;color:#5a6571}.shell[data-view="profile"] .profile-header-strip .profile-context-status112{font-size:12px;line-height:1.25;min-height:0;padding:4px 8px;border-radius:7px;justify-self:start;max-width:100%}
.optimization-panel #stock-form.material-formats112{max-width:none;width:100%;margin-bottom:0}

.measure-shell60 .page:has(>.free-triple113){overflow:hidden!important}
.free-triple113.measure-workspace60.measure-arranged65[data-surface-layout112=true]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;grid-template-rows:var(--free-header-height113) var(--free-section-height113) var(--free-lower-height113)!important;grid-template-areas:"free-header free-header" "free-section free-section" "free-plan free-properties"!important;gap:12px!important;height:var(--free-workspace-height113)!important;min-height:0!important;align-items:stretch!important}
.free-triple113>.free-page-header113{grid-area:free-header;display:flex;gap:20px;min-width:0;min-height:48px;padding:8px 12px;margin:0!important}
.free-page-header113 h2{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.free-page-header113>.btn{flex:none;min-height:42px;padding:8px 12px;font-size:12px}
.free-page-summary113{display:flex;align-items:center;gap:20px;min-width:0;overflow:hidden}.free-page-summary113>span{flex:none;white-space:nowrap}.free-page-summary113 small{display:block;font-size:12px;color:#76808b}.free-page-summary113 strong{font-size:13px}.free-page-summary113 em{font-style:normal;font-size:12px;font-weight:400}.free-page-summary113 .free-open61{font-size:12px;color:#45607c}
.free-triple113.measure-arranged65[data-surface-layout112=true]>.free-section-panel113{grid-area:free-section!important;height:var(--free-section-height113)!important;min-width:0;min-height:0!important;margin:0!important}
.free-triple113.measure-arranged65[data-surface-layout112=true]>.free-plan-panel113{grid-area:free-plan!important;height:var(--free-lower-height113)!important;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;margin:0!important}
.free-triple113.measure-arranged65[data-surface-layout112=true]>.measure-properties60{grid-area:free-properties!important;height:var(--free-lower-height113)!important;min-width:0!important;min-height:0!important;margin:0!important}
.free-triple113 :is(.free-section-panel113,.free-plan-panel113)>.panel-head{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px!important;min-height:44px;flex:none;box-sizing:border-box}.free-triple113 :is(.free-section-panel113,.free-plan-panel113)>.panel-head h2{font-size:12px;margin:0;color:#141c24;white-space:nowrap}
#free-section-tools113{display:flex;align-items:center;gap:12px;min-width:0}.free-section-history113{display:flex;gap:4px;align-items:center}.free-triple113 .small-icon{width:16px;height:16px}
.free-triple113 #free-area-drawing61,.free-triple113 #free-area-plan113{display:flex!important;position:relative;flex:1 1 0!important;min-height:0!important;height:0!important;min-width:0;overflow:hidden;box-sizing:border-box;padding:8px 12px 12px!important;touch-action:none;user-select:none;background:radial-gradient(ellipse at center,#f7f8f9 0%,#fbfcfd 80%)}
.free-triple113 :is(#free-area-drawing61,#free-area-plan113)>svg{display:block;flex:none!important;min-height:0!important;height:100%!important;width:100%!important;max-width:none!important;max-height:none!important}
.free-triple113 .measure-properties60>.panel-head{min-height:44px;padding:4px 12px!important}.free-triple113 .measure-properties60>.panel-head h2{font-size:13px}.free-triple113 .measure-properties-body60{padding:0!important;overflow-y:auto!important;flex:1;min-height:0}.free-triple113 .measure-property-sections60{padding:12px!important}.free-triple113 .measure-property-tabs60{position:sticky;top:0;min-height:40px}.free-triple113 .free-controls112{gap:12px}.free-triple113 .free-standard112{padding-bottom:12px}.free-triple113 .free-unit-control112>.app-select28{min-height:34px!important;height:34px!important}.free-triple113 .free-standard-fields112{gap:8px}
@media(max-width:900px){.free-page-header113{gap:12px!important}.free-page-summary113{gap:12px}.free-page-summary113 .free-open61{display:none}.free-page-header113>.btn{font-size:12px;padding:8px 12px}.free-triple113 .measure-property-sections60{padding:12px!important}}
@media(max-width:620px){.free-page-summary113{display:none}.free-triple113 :is(.free-section-panel113,.free-plan-panel113)>.panel-head{padding-inline:8px!important;gap:4px}#free-section-tools113{gap:4px}.free-triple113 .free-standard-fields112{grid-template-columns:1fr 1fr}.free-triple113 .free-standard-fields112>.field:first-child{grid-column:1/-1}.free-triple113 .free-kind-cards112{grid-template-columns:1fr}.free-triple113 .free-seams112>div{grid-template-columns:1fr}}
.free-triple113>.free-page-header113{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;max-height:54px;box-sizing:border-box}.free-page-header113 h2{font-size:15px!important;line-height:1.25!important;text-align:start!important;flex:1}.free-page-header113>.btn{margin-left:0}.free-triple113 .free-page-summary113{flex-direction:row!important}.free-triple113 .free-page-summary113>span{display:block!important}
.free-seams112>div{grid-template-columns:repeat(4,minmax(0,1fr))}@container(max-width:460px){.free-seams112>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
.free-triple113 .free-add-actions112{display:none}.free-triple113 .free-structure112:has(.free-add-actions112){grid-template-columns:1fr}.free-triple113 :is(.free-section-history113,.free-plan-panel113>.panel-head)>.icon-btn{width:44px;min-width:44px;height:44px;min-height:44px}
.free-plan-panel113{container-type:inline-size;container-name:free-plan122}#free-plan-tools122{display:flex;gap:4px;align-items:center;flex:none}#free-plan-tools122>.icon-btn{width:44px;min-width:44px;height:44px;min-height:44px}@container free-plan122 (max-width:185px){.free-plan-panel113>.panel-head h2{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.free-plan-panel113>.panel-head{justify-content:flex-end!important}}
.free-alignment-menu106{position:fixed;inset:auto;margin:0;box-sizing:border-box;z-index:10000;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.free-alignment-menu106>button{cursor:pointer}.free-alignment-menu106>button>span{overflow-wrap:anywhere}

.prepare-surface-pictures116{min-width:0;align-self:start;width:100%}.surface-drawing-stack116{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;align-content:start}
.surface-drawing-button116{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;padding:12px;border:1px solid #e1e4e8;border-radius:12px;background:linear-gradient(145deg,#fbfcfd,#f7f8f9);color:#141b23;font:inherit;cursor:pointer;appearance:none;text-align:start;touch-action:manipulation;overflow:hidden}
.surface-drawing-button116:hover{border-color:#9ba3ab}.surface-drawing-button116:focus-visible{outline:2px solid #435e7a;outline-offset:2px}.surface-drawing-caption116{font-size:12px;line-height:1.4;color:#6c7681;margin-bottom:8px;font-weight:500}.surface-drawing-button116>svg{display:block;width:100%;min-height:0;flex:none}.surface-drawing-button116>.surface-section-svg116{height:114px}.surface-drawing-button116>.surface-plan-svg116{height:clamp(220px,32vh,340px)}
.surface-schar-row116>summary{grid-template-columns:82px minmax(0,1fr) auto 16px;gap:8px;min-height:84px;padding:8px 12px}.surface-schar-row116>summary:has(.surface-count112){grid-template-columns:82px minmax(0,1fr) auto auto 16px}.surface-schar-row116 .surface-drawing-button116.is-mini116{width:82px;height:60px;padding:2px 0;justify-content:center;border:0;border-radius:7px;background:#f3f4f6}.surface-drawing-button116.is-mini116>svg{height:56px;max-height:none}.surface-schar-row116 .surface-schar-cut112{display:grid;gap:4px;min-width:0;white-space:normal;align-items:start}.surface-schar-cut112>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.surface-schar-cut112>span>small{font-size:12px;color:#78818c}.surface-schar-cut112>span>strong{font-size:12px;font-weight:600;color:#141b23;font-variant-numeric:tabular-nums;white-space:nowrap}.surface-schar-row116 .surface-schar-name112>strong{font-size:13px}.surface-schar-row116 .surface-schar-name112>small{font-size:12px}
.surface-schar-detail116{grid-template-columns:minmax(140px,1fr) minmax(0,1fr);align-items:start;gap:16px;padding:16px;container-type:inline-size}.surface-schar-detail116 .surface-drawing-stack116{gap:8px}.surface-schar-detail116 .surface-drawing-button116{padding:8px}.surface-schar-detail116 .surface-section-svg116{height:98px}.surface-schar-detail116 .surface-plan-svg116{height:230px}.surface-schar-detail116 .surface-schar-metrics112{gap:16px 12px;align-content:start;padding-top:0}.surface-schar-metrics112>div>small{font-size:12px;line-height:1.4;overflow-wrap:anywhere;hyphens:auto;white-space:normal}.surface-schar-metrics112>div>strong{font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.surface-schar-metrics112>.surface-cut-metric112{padding:8px 12px;min-width:0;margin:0}.surface-schar-metrics112>.surface-cut-metric112>strong{font-size:16px;letter-spacing:0;line-height:1.5}.surface-schar-metrics112>.surface-cut-metric112 em{display:inline-block}
.surface-drawing-overlay116{z-index:1600}.surface-drawing-overlay116>.surface-drawing-modal116{width:96vw;max-width:1580px;height:94dvh;max-height:94dvh;display:flex;flex-direction:column;overflow:hidden}.surface-drawing-modal116>.modal-head{flex:none;gap:12px}.surface-drawing-modal116 h2{font-size:17px;overflow-wrap:anywhere}.surface-drawing-modal116>.modal-body{display:flex;flex:1;min-height:0;padding:16px;overflow:hidden}.surface-drawing-full116{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;background:#fbfcfd;border:1px solid #e3e6ea;border-radius:12px;touch-action:none;overflow:hidden}.surface-drawing-full116>svg{display:block;width:100%;height:100%;max-height:none}
.surface-schar-list116{container-type:inline-size;min-width:0}
@container(max-width:360px){.surface-schar-row116>summary,.surface-schar-row116>summary:has(.surface-count112){grid-template-columns:58px minmax(58px,1fr) auto 12px;gap:8px;padding:8px}.surface-schar-row116 .surface-drawing-button116.is-mini116{width:58px;grid-column:1;grid-row:1/span 2}.surface-schar-row116 .surface-schar-name112{grid-column:2;grid-row:1}.surface-schar-row116 .surface-schar-name112>strong{font-size:12px;white-space:nowrap}.surface-schar-row116 .surface-schar-name112>small{font-size:12px}.surface-schar-row116 .surface-schar-cut112{grid-column:3;grid-row:1/span 2}.surface-schar-row116 .surface-schar-cut112>span{gap:4px}.surface-schar-row116 .surface-schar-cut112>span>strong{font-size:12px}.surface-schar-row116 .surface-count112{display:inline-grid;grid-column:2;grid-row:2;justify-self:start;min-height:20px;padding:2px 4px;font-size:12px}.surface-schar-row116>summary>.icon{grid-column:4;grid-row:1/span 2}}
@container(max-width:500px){.surface-schar-detail116 .surface-cut-metric112{grid-column:1/-1;padding:8px 12px}.surface-schar-detail116 .surface-cut-metric112>strong{font-size:15px}}
@container(max-width:350px){.surface-schar-detail116 .surface-schar-metrics112{grid-template-columns:minmax(0,1fr);gap:12px}}
@media(max-width:700px){.surface-schar-row116>summary,.surface-schar-row116>summary:has(.surface-count112){grid-template-columns:70px minmax(0,1fr) auto 14px;gap:8px;padding:8px}.surface-schar-row116 .surface-drawing-button116.is-mini116{width:70px}.surface-schar-row116 .surface-count112{display:none}.surface-schar-row116>summary>.icon{grid-column:auto;grid-row:auto}.surface-schar-row116 .surface-schar-cut112{grid-column:auto;grid-row:auto}.surface-schar-row116 .surface-schar-name112>strong{font-size:12px}.surface-schar-cut112>span{gap:8px}.surface-schar-cut112>span>strong{font-size:12px}.surface-schar-detail116{grid-template-columns:minmax(115px,1fr) minmax(0,1fr);padding:12px;gap:12px}.surface-schar-detail116 .surface-drawing-caption116{font-size:12px}.surface-schar-detail116 .surface-section-svg116{height:90px}.surface-schar-detail116 .surface-plan-svg116{height:210px}.surface-drawing-modal116 h2{font-size:15px}}

.plan-layout48{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.plan-selected115{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e3e6ea;min-width:0}.plan-record115{min-width:0;border:0;margin:0 0 12px}.plan-record115>summary{display:flex;gap:8px;align-items:center;list-style:none;padding:8px 2px 12px;min-height:44px;color:#141b22;cursor:pointer}.plan-record115>summary::-webkit-details-marker{display:none}.plan-record115>summary>strong{flex:1;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.plan-record115>summary>span{font-size:12px;white-space:nowrap;padding:4px 8px;border-radius:7px;background:#edeff1;color:#5f6975}.plan-record115>summary>.icon{width:14px;height:14px}.plan-record115[open]>summary>.icon{transform:rotate(180deg)}.plan-record-body115{min-width:0}.plan-record-body115>.surface-drawing-stack116{gap:8px}.plan-record-body115 .surface-section-svg116{height:100px}.plan-record-body115 .surface-plan-svg116{height:210px}.plan-record-body115 .surface-drawing-button116{padding:12px}.plan-schar-list115{margin-top:16px}.plan-schar-list115 .surface-list-title112 h4{font-size:13px}.plan-schar-list115 .surface-schar-row116>summary{grid-template-columns:62px minmax(0,1fr) auto 12px;gap:8px;padding:8px}.plan-schar-list115 .surface-drawing-button116.is-mini116{width:62px;height:54px;padding:0}.plan-schar-list115 .surface-schar-name112>strong{font-size:12px}.plan-schar-list115 .surface-schar-name112>small{font-size:12px}.plan-schar-list115 .surface-schar-cut112>span{gap:4px}.plan-schar-list115 .surface-schar-cut112>span>strong{font-size:12px}.plan-schar-list115 .surface-schar-detail116{grid-template-columns:minmax(115px,1.1fr) minmax(0,1fr);padding:8px;gap:8px}.plan-schar-list115 .surface-schar-metrics112{grid-template-columns:minmax(0,1fr);gap:12px}.plan-schar-list115 .surface-schar-metrics112 small{font-size:12px}.plan-schar-list115 .surface-schar-metrics112 strong{font-size:12px}.plan-schar-list115 .surface-cut-metric112{padding:8px 8px}.plan-schar-list115 .surface-section-svg116{height:84px}.plan-schar-list115 .surface-plan-svg116{height:180px}.plan-schar-list115 .surface-drawing-caption116{font-size:12px}
.plan-symbol-controls115{border:1px solid #e3e6ea;border-radius:10px;margin:0 0 12px}.plan-symbol-controls115>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:8px 12px;font-size:12px;color:#5d6874;cursor:pointer;list-style:none}.plan-symbol-controls115>summary::-webkit-details-marker{display:none}.plan-symbol-controls115>summary>.icon{width:14px;height:14px}.plan-symbol-controls115[open]>summary>.icon{transform:rotate(180deg)}.plan-symbol-controls115 .plan-inspector57{border:0;margin:0;padding:0 12px 8px;background:#fbfcfd;box-shadow:none;border-radius:0 0 10px 10px}.plan-selected115>.plan-inspector-actions57{margin-top:12px}.plan-read-details77.plan-details115{width:min(390px,44%);padding:12px}.plan-details115 .plan-read-head77{position:sticky;top:-12px;margin:-12px -12px 4px;padding:12px;background:#fffffff5;z-index:2;border-bottom:1px solid #e7e9ed}.plan-details115 .plan-record115:only-of-type>summary{display:none}.plan-no-surfaces48{font-size:12px}.plan-sidebar-title48>strong{font-size:15px}
.plan-record-body115>.surface-drawing-stack116 .surface-section-svg116{height:76px}.plan-record-body115>.surface-drawing-stack116 .surface-plan-svg116{height:155px}
@media(max-width:760px){.plan-read-details77.plan-details115{width:100%;max-height:56%;padding:12px}.plan-details115 .plan-read-head77{top:-10px;margin:-12px -12px 4px;padding:12px}.plan-record-body115>.surface-drawing-stack116{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.plan-record-body115>.surface-drawing-stack116 .surface-section-svg116,.plan-record-body115>.surface-drawing-stack116 .surface-plan-svg116{height:160px}.plan-schar-list115 .surface-schar-detail116>.surface-drawing-stack116{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.plan-layout48{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr) minmax(160px,42%)}.plan-sidebar48{padding:12px}.plan-read-details77.plan-details115{max-height:57%}.plan-record-body115>.surface-drawing-stack116 .surface-section-svg116,.plan-record-body115>.surface-drawing-stack116 .surface-plan-svg116{height:140px}}

.measure-dimension-modes70>.area-input-switch117{display:flex!important;flex-direction:column;gap:8px;align-items:stretch;padding:8px!important;border:1px solid #dfe3e7;background:#fbfcfd;min-height:68px;width:100%;box-sizing:border-box;border-radius:12px;color:#141b23}
.area-input-switch117>small{font-size:12px;line-height:1.3;color:#76808b;text-align:start}
.area-input-options117{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:4px;align-items:center}
.area-input-options117>button{min-width:0;padding:8px 4px;border:1px solid transparent;border-radius:7px;font:inherit;font-size:12px;line-height:1.3;color:#76808b;text-align:center;background:transparent;min-height:35px;touch-action:manipulation}
.area-input-options117>button[aria-pressed=true]{background:#e7e9ed;color:#141b22;border-color:#c3c8ce}
.area-input-switch117:not([data-area-input-mode117=side]){background:#f8f9fa;border-color:#bdc2c8}
.area-input-options117>.icon{width:15px;height:15px;color:#7a848e;pointer-events:none}
.area-input-options117>button:focus-visible{outline:2px solid #47627e;outline-offset:2px}
.area-angle-chip[data-area-angle-active117] rect{stroke:var(--area-angle-color117)!important;stroke-width:2.4!important;fill:#fdfdfe!important}
.area-angle-chip[data-area-angle-active117] :is(text,tspan){fill:var(--area-angle-color117)!important}
.area-angle-chip[data-area-angle-active117] .corner-leader{stroke:var(--area-angle-color117)!important;stroke-width:1.5}

.area-side-correction118{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;border-top:1px solid #e1e4e8;padding-top:16px;margin-top:2px;min-width:0}
.area-side-correction118[hidden]{display:none!important}
.area-break-integrated112[hidden]{display:none!important}
.area-tilt-heading118{font-size:12px;font-weight:600;color:#414c57}
.area-side-correction118 .field{margin:0!important;min-width:0}
.area-tilt-direction118{display:grid;gap:8px;min-width:0}
.area-tilt-direction118>span{font-size:12px;color:#4d5863}
.area-tilt-direction118>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.area-tilt-direction118 button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px;border:1px solid #dbdee3;border-radius:10px;background:#ffffff;color:#505b67;font:inherit;font-size:12px;touch-action:manipulation}
.area-tilt-direction118 button[aria-pressed=true]{color:#141b23;background:#e7e9ed;border-color:#a8b6c6}
.area-tilt-direction118 button:focus-visible{outline:2px solid #445e7b;outline-offset:2px}
.area-tilt-direction118 svg{width:21px;height:21px;flex-shrink:0}
.area-tilt-summary118{font-size:12px;line-height:1.5;color:#68737e;overflow-wrap:anywhere}
@container(min-width:440px){.measure-refined70 .measure-fields60>.area-side-correction118{grid-column:2/-1!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.area-side-correction118>.area-tilt-heading118,.area-side-correction118>.area-tilt-summary118{grid-column:1/-1}.measure-refined70[data-measure-focus60=properties] .measure-fields60>.area-side-correction118{grid-column:1/-1!important}}

/* Use the available section width, including the expanded properties view. */
.measure-workspace60[data-measure-workspace60=front][data-measure-focus60=properties][data-expanded-pane70=general] #front-form .measure-property-sections60{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.measure-workspace60[data-measure-workspace60=front][data-measure-focus60=properties][data-expanded-pane70=general] #front-form .measure-property-lane65:has(>[data-measure-section60=seams]){grid-column:1/-1;padding:0!important;border:0!important}
#front-form [data-measure-section60=seams]{container:front-seams119/inline-size}
.measure-workspace60.measure-refined70 #front-form [data-measure-section60=seams] .measure-fields60{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important}
.measure-workspace60.measure-refined70 #front-form [data-measure-section60=seams] .measure-fields60>.field{grid-column:auto!important}
.measure-workspace60.measure-refined70 #front-form [data-measure-section60=seams] .measure-fields60>.field:has([name=deckCorrection114]){grid-column:1/-1!important}
.measure-workspace60.measure-refined70 #front-form [data-measure-section60=seams] .measure-fields60>.field>span:first-child{min-height:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.3;margin-bottom:4px!important}
@container front-seams119 (min-width:580px){.measure-workspace60.measure-refined70 #front-form [data-measure-section60=seams] .measure-fields60{grid-template-columns:repeat(4,minmax(0,1fr))!important}.measure-workspace60.measure-refined70 #front-form [data-measure-section60=seams] .measure-fields60>.field:has([name=deckCorrection114]){grid-column:span 2!important}}
@container front-seams119 (max-width:280px){.measure-workspace60.measure-refined70 #front-form [data-measure-section60=seams] .measure-fields60{grid-template-columns:minmax(0,1fr)!important}}

.free-triple113 #free-area-drawing61>.free-section-edge120{position:absolute;z-index:3;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;transform:translate(-50%,-50%);border:1px solid #c6cbd1;border-radius:16px;background:#ffffff;color:#151d25;box-shadow:0 2px 6px #131a210d;cursor:pointer;touch-action:manipulation;visibility:hidden}
.free-triple113 #free-area-drawing61>.free-section-edge120.is-positioned120{visibility:visible}
.free-section-edge120>.icon{width:20px;height:20px;pointer-events:none}
.free-triple113 #free-area-drawing61>.free-section-edge120:focus-visible{outline:2px solid #445e7b;outline-offset:3px}
.free-triple113 #free-area-drawing61>.free-section-edge120:disabled{opacity:.35;cursor:default;box-shadow:none}
.free-triple113 #free-area-drawing61>.free-section-edge120[aria-pressed=true]{background:#e9ebef;border-color:#171f27;color:#141b23;box-shadow:0 0 0 1px #171f271a,0 3px 8px #131a210f}

.plan-item-halo48{filter:drop-shadow(0 2px 3px #344b6420)}
.plan-transforming130>.plan-item-halo48{fill:#edf1f6;stroke:#3e5772;stroke-width:2}
.plan-transform-hud130{position:absolute;z-index:5;bottom:14px;left:50%;transform:translateX(-50%);padding:8px 16px;border:1px solid #abb2b9;border-radius:12px;background:#f5f6f8f5;color:#141a22;box-shadow:0 3px 12px #1219200f;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}
.plan-touch-hint130{margin:0 0 12px;color:#616c77;font-size:12px;line-height:1.6}

.free-triple113 #free-area-drawing61{padding-bottom:2px!important}
.free-triple113 #free-area-drawing61>svg>g[data-free-panel61]>rect{fill:transparent!important}
.free-section-measures124{position:relative;flex:none;box-sizing:border-box;width:100%;padding:8px 12px 8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;background:#fbfcfd;border-top:1px solid #eff1f3}
.free-section-card-track124{gap:8px;width:max-content;margin-inline:auto;padding:0 2px}
.free-section-card124{position:relative;display:block;flex:none;box-sizing:border-box;width:196px;min-width:196px;height:88px;padding:8px 12px;border:1px solid #dfe3e7;border-radius:12px;background:#ffffff;box-shadow:0 2px 5px #131a2206;color:#3b4651;font-family:inherit;text-align:left;cursor:pointer;touch-action:pan-x}
.free-section-card124.is-selected124{border-color:#647c95;background:#f5f6f8;box-shadow:0 0 0 1px #647c9512,0 3px 9px #131a220b}
.free-section-card124:focus-visible{outline:2px solid #445e7b;outline-offset:2px}
.free-section-card-number124{position:absolute;top:-9px;left:12px;display:grid;place-items:center;min-width:22px;height:18px;padding:2px 5px 0;line-height:1;border:1px solid #dfe3e7;border-radius:7px;background:#ffffff;color:#66707c;font-size:12px;font-weight:600;box-sizing:border-box}
.is-selected124>.free-section-card-number124{border-color:#647c95;background:#47627f;color:#ffffff}
.free-section-card-row124{display:grid;grid-template-columns:minmax(0,1fr) max-content 17px;align-items:baseline;height:18px;line-height:18px;white-space:nowrap}
.free-section-card-row124>span{color:#6e7883}.free-section-card-row124>strong{font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-align:right}.free-section-card-row124>small{color:#7f8892;text-align:right}
.free-section-card-row124[data-measure124=top]>strong{color:#47627f}.free-section-card-row124[data-measure124=bottom]>strong{color:#b9805a}
.free-section-full124{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%}.free-section-full124>.free-overall106{flex:1;min-height:0;height:0}.free-section-full124 .free-section-measures124{border-radius:12px;background:#fbfcfd}.free-section-full124 .free-section-card124{cursor:default}

.free-plan-allowances125{flex:none;min-width:0;padding:8px 8px 8px;border-top:1px solid #eaecef;background:#fbfcfd;box-sizing:border-box;width:100%}
.free-plan-allowance-row125{display:flex;gap:8px;align-items:center;min-width:0;min-height:28px}.free-plan-allowance-row125>span{width:32px;flex:none;font-size:12px;color:#4c6783}.free-plan-allowance-row125>div{display:flex;gap:4px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;padding-block:2px}
.free-plan-allowance-chip125{display:flex;align-items:baseline;gap:4px;flex:none;padding:4px 8px;border:1px solid #e5e8ec;border-radius:7px;background:#f6f7f9;color:#405a75;font-size:12px;white-space:nowrap}.free-plan-allowance-chip125>small{font-size:12px;color:#4e6985;padding-right:4px;border-right:1px solid #dde3eb}.free-plan-allowance-chip125>b{font-weight:600;font-variant-numeric:tabular-nums}.free-plan-allowance-chip125>em{font-style:normal;font-size:12px;opacity:.8}.free-plan-allowance-row125[data-allowance125=bottom] small{color:#b9805a;border-color:#e6c9b1}
.free-section-card-row124>span{font-size:12px}.free-section-card-row124>strong{font-size:13px}.free-section-card-row124>small{font-size:12px}
.free-edge-fields112>.field:only-child,.free-contour-details110>[data-contour-overhang107]:not([hidden]){grid-column:1/-1}.free-contour-details110>[data-contour-gap126][hidden]{display:none!important}.free-schar-selector112>button>svg{width:42px!important;height:30px!important;flex:none}.free-kind-cards112>button>svg{max-width:66px}

.free-width112{align-items:stretch!important}.free-width112>.field,.free-center-control129{display:grid!important;grid-template-rows:16px 44px;gap:4px;align-content:start;margin:0!important;min-width:0}.free-width112>.field>span:first-child,.free-center-control129>span{font-size:12px;font-weight:600;line-height:16px;color:#495460;margin:0!important;white-space:nowrap}.free-width112 .input-unit,.free-width112 .input-unit>input{box-sizing:border-box;height:44px!important;min-height:44px!important}
.free-width112>.field{row-gap:4px!important}.free-width112 .input-unit{margin:0!important}
.free-structure112:has(.free-width112){grid-template-columns:1fr}
.free-center-control129>.free-center112{display:flex;justify-content:center;gap:8px;box-sizing:border-box;width:100%;height:44px!important;min-height:44px!important;padding:4px 8px!important;overflow:hidden;background:#fbfcfd;border-color:#d3d7dc;border-radius:10px;cursor:pointer}
.free-center-preview129{width:140px;height:36px;flex:0 1 140px;min-width:70px;overflow:visible}.free-center-caption129{display:flex!important;flex-direction:column;align-items:flex-start;gap:1px!important;white-space:nowrap;font-size:12px;font-weight:600;line-height:14px;flex:none}.free-center-caption129>small{font-size:12px;line-height:11px}
.free-center-slide129{transform:translateX(0)}[data-center129=seam] .free-center-slide129{transform:translateX(-34px)}[data-center129=seam] .free-center-left-pair129{opacity:0}
.is-moving129.from-starter129 .free-center-slide129{animation:free-center-to-seam129 .72s cubic-bezier(.22,.75,.25,1) both}.is-moving129.from-seam129 .free-center-slide129{animation:free-center-to-schar129 .72s cubic-bezier(.22,.75,.25,1) both}.is-moving129.from-starter129 .free-center-left-pair129{animation:free-center-pair-out129 .72s ease both}.is-moving129.from-seam129 .free-center-left-pair129{animation:free-center-pair-in129 .72s ease both}.free-center-line129{animation:free-center-guide129 3s linear infinite}
@keyframes free-center-to-seam129{from{transform:translateX(0)}to{transform:translateX(-34px)}}@keyframes free-center-to-schar129{from{transform:translateX(-34px)}to{transform:translateX(0)}}@keyframes free-center-pair-out129{0%,15%{opacity:1}75%,100%{opacity:0}}@keyframes free-center-pair-in129{0%,20%{opacity:0}85%,100%{opacity:1}}@keyframes free-center-guide129{to{stroke-dashoffset:-12}}
@media(prefers-reduced-motion:reduce){.free-center-preview129 *{animation:none!important}}
@container(max-width:430px){.free-width112{grid-template-columns:1fr}.free-center-control129>.free-center112{justify-content:space-between}}

.free-triple113 #free-area-drawing61>.free-section-measures124,.free-section-full124 .free-overall106>.free-section-measures124{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;overflow:hidden;pointer-events:none}
.free-section-card-track124{display:contents}
.free-section-measures124 .free-section-card124{position:absolute;min-width:0;width:196px;transform:translateX(-50%);visibility:hidden;pointer-events:auto;touch-action:manipulation;container-type:inline-size;container-name:free-measure132;transition:left .24s cubic-bezier(.2,.75,.3,1),top .24s cubic-bezier(.2,.75,.3,1),width .24s cubic-bezier(.2,.75,.3,1),background .18s,border-color .18s}
.free-section-measures124 .free-section-card124.is-positioned132{visibility:visible;animation:free-card-enter132 .2s .24s ease-out both}
.free-section-measures124.is-moving132 .free-section-card124{transition:background .18s,border-color .18s}
.free-section-card-row124{grid-template-columns:minmax(0,1fr) max-content 17px;gap:4px}
.free-card-short132{display:none;text-decoration:none}.is-compact132 .free-card-full132{display:none}.is-compact132 .free-card-short132{display:inline}
.free-section-card-row124>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
@container free-measure132 (max-width:146px){.free-card-full132{display:none}.free-card-short132{display:inline}}
.free-section-card124.is-compact132{padding-inline:8px}.is-compact132 .free-section-card-row124{gap:2px;grid-template-columns:minmax(15px,1fr) max-content 17px}.is-compact132 .free-section-card-row124>span{font-size:12px}.is-compact132 .free-section-card-row124>strong{font-size:12px}.is-compact132 .free-section-card-row124>small{font-size:12px}
.free-section-full124>.free-overall106{position:relative;overflow:hidden}
@keyframes free-card-enter132{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.free-section-measures124 .free-section-card124{transition:none;animation:none!important}}
.free-plan-panel113>.free-plan-allowances125,.free-section-full124>.free-plan-allowances125{padding:4px 8px;border:0;background:#fbfcfd}
.free-plan-allowance-row125[data-allowance125=top] .free-plan-allowance-chip125{color:#47627f;background:#f5f6f8;border-color:#e2e7ee}
.free-plan-allowance-row125[data-allowance125=bottom] .free-plan-allowance-chip125{color:#b9805a;background:#f5f6f8;border-color:#ead1bb}
.free-plan-allowance-row125>span{font-weight:600}.free-plan-allowance-row125[data-allowance125=top]>span{color:#47627f}.free-plan-allowance-row125[data-allowance125=bottom]>span{color:#b9805a}
.free-individual-note112{display:block!important}.free-individual-note112>small{display:block;margin-bottom:8px}
.free-individual-actions134{display:flex;align-items:stretch;gap:8px;width:100%}.free-individual-actions134>button{display:flex!important;align-items:center;justify-content:center;flex:1;min-width:0;min-height:42px;margin:0!important;padding:8px 12px!important;border:1px solid #d5d9de!important;border-radius:10px;background:#f8f9fa!important;color:#141b23;line-height:1.3;text-align:center;font-size:12px;cursor:pointer;transition:background .18s,border-color .18s}
.free-individual-actions134>button.free-delete112{color:#9e3d3a;background:#f9fafb!important;border-color:#eed2d0!important}.free-individual-actions134>button:focus-visible{outline:2px solid #445e7b;outline-offset:2px}

.surface-section-scroll136{display:block;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}
.surface-section-scroll136>.surface-section-svg116{display:block;width:100%;min-width:var(--surface-section-min136,0);height:114px;max-width:none}
.surface-schar-detail116 .surface-section-scroll136>.surface-section-svg116{height:98px}
@media(max-width:700px){.surface-schar-detail116 .surface-section-scroll136>.surface-section-svg116{height:90px}}

.strip-stage137{display:flex;gap:4px;align-items:center}
.strip-stage-button137{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:32px;height:32px;box-sizing:border-box;border:1px solid #dce2ea;border-radius:10px;background:#ffffff;color:#45607c;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.strip-stage-button137>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}
.strip-stage-button137>span{display:none}
.strip-stage-button137.is-done{background:#eaecef;border-color:#627a94;color:#39516b}
.strip-stage-button137.is-disabled:not(.is-done){opacity:.45;cursor:default}
.strip-stage-button137:has(input:focus-visible){outline:2px solid #3b546e;outline-offset:3px}
.strip-stage-dock137{grid-column:1/-1;min-width:0}
.strip-stage137.is-expanded137{width:100%;padding-top:4px}
.strip-stage137.is-expanded137>.strip-stage-button137{width:auto;height:42px;font-size:12px;font-weight:600}
.strip-stage137.is-expanded137>.strip-stage-button137>span{display:inline}
.surface-schar-row116>summary:has(>.strip-stage137){grid-template-columns:70px minmax(65px,1fr) auto 69px 12px;gap:8px}
@media(max-width:900px){.surface-schar-row116>summary:has(>.strip-stage137){grid-template-columns:58px minmax(55px,1fr) auto 12px;gap:4px 8px}.surface-schar-row116>summary:has(>.strip-stage137)>.surface-drawing-button116,.surface-schar-row116>summary:has(>.strip-stage137)>.surface-schar-name112{grid-row:1/3}.surface-schar-row116>summary:has(>.strip-stage137)>.surface-schar-cut112{grid-column:3;grid-row:1}.surface-schar-row116>summary:has(>.strip-stage137)>.strip-stage137{grid-column:3;grid-row:2;justify-content:flex-end}.surface-schar-row116>summary:has(>.strip-stage137)>.small-icon{grid-column:4;grid-row:1/3}}
@media(prefers-reduced-motion:reduce){.strip-stage-button137{transition:none}}

.surface-schar-row116>summary:has(>.strip-stage137)>.is-mini116{width:100%;min-width:0}
.surface-schar-row116>summary:has(>.strip-stage137)>.small-icon{width:12px}
@media(max-width:620px){
 .prepare-item.enhanced.prepare-item16:has([data-strip-row137]){grid-template-columns:minmax(0,1fr)}
 .prepare-item17:has([data-strip-row137])>.prepare-disclosure{grid-column:1;grid-row:1}
 .prepare-item17:has([data-strip-row137])>.workshop-steps17{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:44px;border-inline-start:0;border-top:1px solid #e3e6ea}
 .prepare-item17:has([data-strip-row137])>.workshop-steps17>.workshop-step17{font-size:12px;justify-content:center;border-bottom:0}
 .surface-schar-row116[data-strip-row137]>summary{grid-template-columns:58px minmax(0,1fr) auto 12px}
 .surface-schar-row116[data-strip-row137]>summary>.is-mini116{width:58px}
 .surface-schar-row116[data-strip-row137] .surface-schar-metrics112 strong{white-space:nowrap}
}
.strip-stage137.is-expanded137>.strip-stage-button137{flex:1 1 0;min-width:0}
/* Vorrichtmodus: Knopf über der Scharenliste von Gaubenwange und Walmfläche öffnet den Zuschnittplan. */
.surface-cutplan-buttons{display:grid;gap:8px;margin:0 0 8px}
.surface-cutplan-button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin:0;justify-content:flex-start;border-color:#d0d8e1;background:#f3f5f8;color:#344b64;font-weight:500}
.surface-cutplan-button:hover{background:#e9edf2;border-color:#47627f}
.surface-cutplan-button>span{flex:1;text-align:left}
.surface-cutplan-button>small{font-size:12px;color:#5b6672;font-weight:400;white-space:nowrap}
/* Kantteil-Kopfzeile: Zähler "Kantteil x von y" sitzt als ruhige Zusatzzeile neben dem Status statt oben rechts zu schweben. */
.shell[data-view="profile"] #profile-context .profile-context-copy{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;align-content:center;column-gap:8px;row-gap:2px;min-width:0}
.shell[data-view="profile"] #profile-context .profile-context-title17{display:contents}
.shell[data-view="profile"] #profile-context .profile-context-name17{grid-column:1/-1;grid-row:1;flex:none}
.shell[data-view="profile"] #profile-context .profile-context-status112{grid-column:1;grid-row:2;justify-self:start}
.shell[data-view="profile"] #profile-context .context-number{grid-column:2;grid-row:2;justify-self:start;margin:0;font-size:12px;font-weight:500;line-height:1.25;color:#5a6571;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* Gaubenwange und Walmfläche auf dem Handy: Kennzahlen in zwei Reihen (3 + 2) statt übereinander,
   Knopf „Scharenliste“ in voller Textbreite. */
@media(max-width:620px){
 .shell[data-view="area"] .measure-workspace60 .measure-drawing60 .area-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px 12px;overflow-x:visible}
 .shell[data-view="area"] .measure-workspace60 .measure-drawing60 .area-summary>div{grid-column:span 2!important;min-width:0}
 .shell[data-view="area"] .measure-workspace60 .measure-drawing60 .area-summary>div:nth-child(n+4){grid-column:span 3!important}
 .shell[data-view="area"] .measure-workspace60 .measure-drawing60 .area-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .shell[data-view="area"] .area-work-grid17 .area-bottom-tools{grid-template-columns:max-content minmax(0,1fr)}
 .shell[data-view="area"] .area-work-grid17 .area-bottom-tools>.measure-list-button60{white-space:nowrap;padding:4px 12px}
}
/* Freie Fläche auf dem Handy: Zugaben-Leiste unter der Draufsicht. Bezeichnung über die Chips,
   damit „Alle +30 mm“ in der schmalen Spalte ganz sichtbar bleibt. */
@media(max-width:620px){
 .free-plan-panel113 .free-plan-allowance-row125{flex-direction:column;align-items:stretch;gap:2px}
 .free-plan-panel113 .free-plan-allowance-row125>span{width:auto}
}
/* iPad (feste Höhe der Zeichenfläche): Ist die Einzelschar aufgeklappt, scrollt die Zeichenfläche,
   damit Querschnitt und Scharzeichnung darunter erreichbar bleiben. */
.measure-workspace60[data-surface-layout112=true]>.measure-drawing60:has(.area-strip-details[open]){overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
/* Vorrichtmodus, schmale Scharenliste (iPad hochkant): Name und Zuschnitt links, Pfeil rechts mittig,
   Zugeschnitten und Vorgerichtet als eigene Zeile mit Beschriftung. */
@container(max-width:320px){
 .surface-schar-list116 .surface-schar-row116[data-strip-row137]>summary{grid-template-columns:58px minmax(0,1fr) 16px;grid-template-areas:"pic name chev" "pic cut chev" "steps steps steps";gap:4px 8px;padding:8px}
 .surface-schar-list116 .surface-schar-row116[data-strip-row137]>summary>.surface-drawing-button116{grid-area:pic;width:58px}
 .surface-schar-list116 .surface-schar-row116[data-strip-row137]>summary>.surface-schar-name112{grid-area:name;align-self:end}
 .surface-schar-list116 .surface-schar-row116[data-strip-row137]>summary>.surface-schar-cut112{grid-area:cut;align-items:start;align-self:start}
 .surface-schar-list116 .surface-schar-row116[data-strip-row137]>summary>.strip-stage137{grid-area:steps;justify-content:stretch;padding-top:4px}
 .surface-schar-list116 .surface-schar-row116[data-strip-row137]>summary>.strip-stage137>.strip-stage-button137{flex:1 1 0;width:auto;min-width:0;height:36px;font-size:12px;font-weight:600}
 .surface-schar-list116 .surface-schar-row116[data-strip-row137]>summary>.strip-stage137>.strip-stage-button137>span{display:inline}
 .surface-schar-list116 .surface-schar-row116[data-strip-row137]>summary>.small-icon{grid-area:chev;justify-self:end;align-self:center;width:16px}
 .surface-schar-list116 .surface-schar-row116[data-strip-row137]>.surface-schar-detail116{grid-template-columns:minmax(0,1fr);padding:8px;gap:8px}
 .surface-schar-list116 .surface-schar-row116[data-strip-row137]>.surface-schar-detail116>.surface-schar-metrics112{grid-template-columns:repeat(2,minmax(0,1fr))}
 .surface-schar-list116 .surface-schar-row116[data-strip-row137] .strip-stage-button137{gap:4px;padding:0 4px}
}
/* Coil-Zuschnitt als eigene Seite (kein Pop-up): ganzer Bildschirm, kompakter Kopf mit Draufsicht und
   Querschnitt der Fläche, eigene Menüleiste, Zoom unten links im Coilfeld wie beim Kantteil. */
.modal-overlay:has(>.coil-plan-page17){padding:0!important;align-items:stretch;justify-content:stretch;backdrop-filter:none;-webkit-backdrop-filter:none}
.modal.coil-plan-page17{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.coil-plan-page17>.modal-head{flex-direction:row-reverse;justify-content:flex-end;gap:12px;padding-top:max(8px,env(safe-area-inset-top))}
.coil-plan-page17>.modal-body{flex:1;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
.coil-page-head17{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px) minmax(0,1.6fr);gap:12px;margin:0 0 12px}
.coil-head-facts17{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.coil-head-name17{font-size:17px;font-weight:600;line-height:1.25;color:#141c24}
.coil-head-facts17>strong{font-size:13px;line-height:1.3;color:#141c24}
.coil-head-facts17>small{font-size:12px;line-height:1.3;color:#5b6672}
.coil-head-figure17{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;padding:8px 12px;border:1px solid #e1e4e8;border-radius:10px;background:#f9fafb}
.coil-head-figure17>figcaption{font-size:12px;line-height:1.3;color:#5b6672}
.coil-head-figure17>svg{display:block;width:100%;height:112px;min-height:0}
.coil-head-figure17 .is-selected17>path:first-of-type{fill:#d9b498}
.coil-toolbar17{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 12px;padding:8px 12px;border:1px solid #e1e4e8;border-radius:12px;background:#ffffff}
.coil-toolbar17 .coil-face{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:#5b6672}
.coil-toolbar17 .coil-face>:is(select,.app-select28){width:auto;height:36px;min-height:36px;padding:4px 28px 4px 12px;font-size:12px;border-radius:7px}
.coil-field17{position:relative;min-width:0;margin:0 0 12px;padding:12px;border:1px solid #e1e4e8;border-radius:12px;background:#f9fafb}
.coil-overview-field17>.coil-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 8px;font-size:12px}
.coil-overview-field17>.coil-overview{margin:0!important;padding:0;border:0;background:transparent}
.coil-overview-field17>.coil-overview>svg{display:block;width:100%;height:auto}
.coil-overview-field17 [data-coil-cut]{cursor:pointer}.coil-overview-field17 [data-coil-cut]:focus-visible{outline:none;stroke:#151d25;stroke-width:2}
.coil-canvas-field17{padding:0;overflow:hidden}
.coil-plan-page17 .coil-canvas-field17>.stock-pan{max-height:none!important;margin:0;padding-bottom:56px;border:0;border-radius:0;background:transparent}
.coil-canvas-zoom17{position:absolute;left:8px;bottom:8px;z-index:2;display:flex;align-items:center;gap:2px;padding:1px 4px;border:1px solid #e3e6ea;border-radius:12px;background:#fbfcfdf2;box-shadow:0 1px 3px #242e3808}
.coil-canvas-zoom17>.icon-btn{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;box-shadow:none;font-size:20px;background:transparent}
.coil-canvas-zoom17>.stock-zoom-value17{min-width:38px;height:auto;min-height:0;border:0;background:none;text-align:center;font-size:12px}
.coil-schar17{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:16px;align-items:start;padding:16px;background:#ffffff}
.coil-schar-facts17>h3{margin:0;font-size:17px;line-height:1.25}
.coil-schar-facts17>small{display:block;margin:4px 0 12px;font-size:12px;line-height:1.4;color:#5b6672}
.coil-schar-detail17{min-width:0}.coil-schar-detail17>.detail-box{margin:0;padding:0;border:0;background:transparent}
@media(max-width:900px){
 .coil-page-head17{grid-template-columns:minmax(120px,.7fr) minmax(0,1.6fr)}
 .coil-head-facts17{grid-column:1/-1}
 .coil-schar17{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
 .coil-plan-page17>.modal-body{padding:12px}
 .coil-head-figure17{padding:8px}.coil-head-figure17>svg{height:72px}
 .coil-toolbar17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}
 .coil-toolbar17 .coil-face{display:grid;gap:4px;min-width:0}
 .coil-toolbar17 .coil-face>:is(select,.app-select28){width:100%;min-width:0;box-sizing:border-box;padding-inline:8px 24px}
 .coil-schar17{padding:12px}
}
/* Zugeschnitten/Vorgerichtet mit Beschriftung: auf Nils' Wunsch kleinere, gleiche Schrift (11 px) und Luft zum Rand. */
.strip-stage137 .strip-stage-button137:has(>span){gap:4px!important;padding:0 6px!important;font-size:11px!important;font-weight:500!important;flex:1 1 auto!important}
.strip-stage137 .strip-stage-button137:has(>span)>.icon{width:14px;height:14px;flex:none}
.strip-stage137 .strip-stage-button137>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Freie Fläche: Feld des Querschnitts trägt Rückgängig/Wiederholen oben rechts (siehe .canvas-tools). */
.free-section-field133{position:relative;display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0}
.free-triple113 .free-section-field133>#free-area-drawing61{padding-top:52px!important}