/* Habillage de l’espace client. Les conventions du bon imprimé restent dans atelier.css. */
@media screen{
 :root{--ink:#16324b;--muted:#6b7e91;--green:#1766ad;--line:#dce5ee;--paper:#f2f6fa;--pale:#eaf3fc}
 body{background:#f2f6fa;color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
 header{height:76px;padding:0 max(28px,calc((100vw - 1696px)/2));background:#122e49;border:0;color:white;box-shadow:0 2px 8px #102c4917}
 header .brand strong{color:#fff;font-size:25px;letter-spacing:-1px}
 header .brand .mark{background:#268bd3;border-radius:12px;width:42px;height:42px;box-shadow:inset 0 1px #ffffff44}
 header .brand small{color:#a6c0d8;letter-spacing:2px;font-size:9px}
 header .textbtn{color:#dceafa;font-size:12px}
 header .outline{background:#ffffff12;border-color:#ffffff36;color:white;border-radius:8px}
 header>div:last-child{gap:20px}
 .demo{font-size:11px;letter-spacing:.1px;padding:8px 16px;background:#e9f1f8;border-color:#d6e3ef;color:#5e7690}
 main{max-width:1752px;padding:30px 28px 20px}
 .intro{margin-bottom:28px;align-items:center}
 .intro h1{font-size:34px;letter-spacing:-1.15px;font-weight:650;line-height:1.2;color:#163551;margin-bottom:10px}
 .intro .eyebrow{font-size:10px!important;letter-spacing:1.8px;color:#2877ae!important;margin-bottom:10px!important}
 .intro p{font-size:13px;color:#637c92;line-height:1.65}
 .trust{display:block;font-size:11px;line-height:1.9;text-align:left;padding:13px 17px;border:1px solid #d9e6f1;border-radius:10px;background:#ffffffb0}
 .trust b{color:#3d5c72;font-size:12px}
 .saveDot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#41a991;margin-right:8px;vertical-align:2px}
 .workspace{grid-template-columns:minmax(0,1fr) 292px;gap:24px}
 .steps{gap:25px;margin:0 0 19px;padding-left:3px}
 .steps button{font-size:12px;color:#8495a5;gap:8px}
 .steps b{width:24px;height:24px;font-size:10px;background:#e8eef4;border-color:#d4e0eb}
 .steps .active{color:#1b5b90}.steps .active b{background:#1c6aab;border-color:#1c6aab;box-shadow:0 0 0 4px #e2edf7}
 .panel{border:1px solid #dae4ee;border-radius:13px;background:white;box-shadow:0 4px 18px #254c7405}
 #page0{border:0;background:transparent;overflow:visible;box-shadow:none}
 .studioTabs{display:flex;gap:5px;padding:5px;border:1px solid #dce5ee;background:#e7eef5;border-radius:12px;margin-bottom:20px}
 .studioTabs button{flex:1;min-width:0;border:1px solid transparent;border-radius:9px;background:none;padding:12px 14px;display:flex;align-items:center;gap:11px;text-align:left;color:#6a8094}
 .studioTabs button>svg{width:24px;height:24px;flex-shrink:0}
 .studioTabs button>span{flex:1}.studioTabs strong{display:block;font-size:13px;font-weight:650}
 .studioTabs small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#8394a3}
 .studioTabs button>b{border-radius:6px;background:#dbe6f0;color:#698198;font-size:10px;min-width:22px;text-align:center;padding:4px}
 .studioTabs button[aria-selected=true]{color:#165d96;background:white;border-color:#d8e3ed;box-shadow:0 2px 5px #173a5610}
 .studioTabs button[aria-selected=true]>b{background:#e6f2fd;color:#216ba5}
 .studioTabs button:hover{background:#f6faff}
 #configPane{background:#fff;border:1px solid #dae4ee;border-radius:12px;overflow:hidden}
 .panelhead,#configPane>.panelhead{background:white;padding:23px 25px 18px;border-bottom:1px solid #edf1f5}
 .panelhead h2{font-size:18px;letter-spacing:-.25px;color:#1c3f5e}
 .tag{background:#edf4fb;border:1px solid #dbe8f4;border-radius:20px;color:#67819a;font-size:10px;padding:5px 9px;white-space:nowrap}
 .types{grid-template-columns:repeat(5,minmax(0,1fr));padding:18px 24px;gap:8px;background:#fbfcfe;border-bottom:1px solid #e4ecf3}
 .type{min-height:70px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;padding:9px 5px;border:1px solid #e1e8ef;border-radius:8px;font-size:11px;background:white;color:#688095;transition:border-color .12s,background .12s}
 .type svg{width:27px;height:27px;margin:0}
 .type.selected{color:#1968a6;background:#eef6ff;border-color:#6ea7d4;box-shadow:0 0 0 1px #bed8ed}
 .type:hover{border-color:#84b3d6;background:#f2f8fe}
 .config{display:grid;grid-template-columns:minmax(360px,1.25fr) minmax(270px,1fr);align-items:start}
 .fieldsarea{padding:25px;border-right:1px solid #e4ecf4}
 .fieldsarea>h3{font-size:16px;font-weight:650;text-transform:none;letter-spacing:-.2px;margin-bottom:21px;color:#264a69}
 #dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 14px}
 .fields{gap:17px 14px}.fields label{font-size:11px;color:#63798e;font-weight:600}
 .unitinput{height:42px;border:1px solid #d4dfea;border-radius:7px;background:#fff;box-shadow:0 1px 3px #25445d04}
 .unitinput input{height:40px;font-size:14px;font-weight:600;border:0!important;outline:0!important;color:#1d4668}
 .unitinput:focus-within{border-color:#488ec6;box-shadow:0 0 0 3px #2586d212}
 .unitinput em{color:#98aaba;font-size:10px}
 .fields select,.fields input:not(.unitinput input),.fields textarea{border-color:#d4dfea;border-radius:7px;min-height:41px;font-size:12px;color:#244967}
 input:focus,select:focus,textarea:focus{outline:2px solid #73abd5;outline-offset:1px}
 .geometryhelp{font-size:11px;line-height:1.65;margin-top:19px;padding:11px 13px;border-radius:7px;border-left:2px solid #80b7df;background:#f2f7fc;color:#65819a}
 hr{border-color:#e7edf3;margin:22px 0}
 .preview{background:#f9fbfe;border:0;border-radius:0;padding:24px 20px;position:sticky;top:15px}
 .previewhead{font-size:10px;color:#6c87a0;letter-spacing:1px}
 .previewhead span{font-size:10px;color:#2a957c;letter-spacing:0}
 #drawing{height:340px;min-height:310px;margin:20px 0;background-image:radial-gradient(#b4c9df .65px,transparent .65px);background-size:16px 16px;border-radius:8px;background-color:#f9fbfe}
 #drawing svg.dsn{height:300px;max-width:100%}
 .chips{gap:6px;margin:0 0 16px}.chips span{border-radius:20px;padding:6px 10px;font-size:10px;border-color:#d7e4ef;background:white}
 .preview .outline{align-self:center;border-color:#d4e1ec;font-size:11px;padding:10px 15px}
 .preview p{font-size:10px;color:#97a8b7;margin-top:14px;line-height:1.6}
 .primary{background:#196cab;border-radius:8px;font-size:12px;box-shadow:0 3px 6px #155a9020}
 .primary:hover{background:#115a95}.primary:active{box-shadow:none}
 .outline{border-color:#d7e3ef;color:#39617f;border-radius:7px}.outline:hover{background:#f3f8fd;border-color:#a7c4dc}
 .addrow{background:#fbfdff;border-top:1px solid #e0eaf2;padding:18px 24px}
 .addrow .primary{min-width:210px;padding:14px 20px}
 .quantity>span{font-size:11px;color:#8195a7}.quantity>div{border-color:#d0deeb;border-radius:7px}
 #pieceSaved{display:flex;align-items:center;gap:13px;padding:16px 22px;background:#edf8f5;border-top:1px solid #cce6de}
 .savedCheck{width:29px;height:29px;background:#d1ece3;color:#25836a;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
 #pieceSaved>div:nth-child(2){flex:1}#pieceSaved strong{font-size:12px;color:#2b6b5a;display:block}#pieceSaved span{display:block;color:#6e978b;font-size:11px;margin-top:4px}
 #pieceSaved button{font-size:11px;white-space:nowrap}
 .workspace>aside{position:sticky;top:22px;align-self:start;padding-top:43px}
 .baskethead{padding:20px;border-bottom:1px solid #e6edf4;background:#fcfdff}.baskethead h2{font-size:15px}
 .count{font-size:10px;padding:5px 8px;background:#eaf4fd;color:#4480ae}
 #basket{max-height:470px;padding:0 19px}.item{padding:18px 0;border-bottom:1px solid #e9eef4}
 .item>div:first-child{font-size:11px;color:#395a77}.item p{font-size:10px;color:#8a9bae;line-height:1.65;margin:9px 0}
 .itemactions{gap:5px;flex-wrap:wrap}.itemactions button{font-size:10px;padding:6px 8px;min-height:28px;color:#68849d;border-color:#e0e8f1}
 .itemactions button.danger{background:white;border-color:#efdddd;color:#ac716b}
 .basketbottom{padding:19px;border-color:#e4ecf3;background:#fcfdff}.note{background:#eef5fb;color:#6887a1;border-radius:8px;font-size:10px;line-height:1.8}
 .note b{color:#3e7198}.total{font-size:11px;color:#6c8499}.total strong{color:#2d5a7f}
 .support{font-size:11px;padding:17px 4px;line-height:1.9}.support>span{color:#7dadd0}.support a{color:#427da9}
 .features{margin:18px 0;font-size:10px;color:#92a4b4}
 .worksection{margin:0;border-radius:12px;overflow:hidden}
 .worksection .panelhead{padding:22px 24px;gap:16px}
 .worksection .panelhead p{font-size:12px;color:#88a0b5;margin:8px 0 0;line-height:1.55}
 .worksection .panelhead h2{font-size:18px}.tablewrap{padding:22px;background:#f6f9fc}
 .workshop .orderactions button{font-size:11px;border-radius:6px;border-color:#d4e1ec}
 .workshop .orderactions button.danger{color:#a65b54;background:#fff8f7}
 .assemblylist{padding:12px 20px;gap:7px;background:#f8fbfe;border-top:0;border-bottom:1px solid #e0e9f2;min-height:58px}
 .assemblylist strong{font-size:11px;font-weight:600;color:#89a0b4;margin-right:7px}
 .assemblylist button{font-size:11px;background:white;border-color:#dce7f1;border-radius:18px;padding:6px 12px;min-height:30px;color:#5a809e}
 body[data-workshop=plan] .workspace{grid-template-columns:1fr}
 body[data-workshop=plan] .workspace>aside{display:none}
 body[data-workshop=plan] .intro{display:none}
 .planstudio{display:grid;grid-template-columns:295px minmax(0,1fr);align-items:start;background:#f7faff}
 .planrail{border-right:1px solid #dce6ef;background:#fff;max-height:850px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ccdae6 transparent}
 .toolgroup{border-bottom:1px solid #e4ecf3}.toolgroup>summary{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;cursor:pointer;list-style:none;background:white}
 .toolgroup>summary::-webkit-details-marker{display:none}
 .toolgroup>summary b{display:block;font-size:12px;font-weight:650;color:#315c7d}
 .toolgroup>summary small{display:block;font-size:10px;color:#93a5b5;margin-top:5px}
 .disclosure{color:#98adc0;font-size:16px;transition:transform .15s}.toolgroup:not([open]) .disclosure{transform:rotate(-90deg)}
 .plantools,.orientationtools,.assemblytools{display:flex;flex-wrap:wrap;padding:0 17px 18px;gap:12px;background:white;border:0}
 .plantools label,.orientationtools label,.assemblytools>label{width:100%;min-width:0;flex:auto;display:grid;gap:6px;font-size:10px;color:#8499ab;font-weight:600}
 .plantools select,.orientationtools select,.assemblytools input,.commonopening select{min-height:39px;min-width:0;width:100%;max-width:100%;border:1px solid #d7e3ee;border-radius:6px;background:#fbfdff;color:#3e617e;font-size:11px;padding:8px 9px}
 .plantools>.primary{width:100%;min-height:40px;font-size:11px;margin-top:3px}
 .planstage{min-width:0;padding:16px 20px 10px}
 .planShortcuts{display:flex;gap:8px;align-items:center;margin-bottom:12px}
 .planShortcuts>span{font-size:10px;color:#8fa5b7;margin-right:5px;text-transform:uppercase;letter-spacing:1px}
 .planShortcuts button{font-size:11px;border:1px solid #dae5ef;background:white;padding:7px 11px;color:#66869f;border-radius:6px}
 .planstage>.planbar{padding:0 0 12px;background:none;border:0;gap:6px}
 .planbar button,.orientationtools button{padding:8px 10px;min-height:34px;font-size:11px;border-radius:6px;border-color:#d7e3ee;color:#577d9b;background:white}
 .planbar button:hover,.orientationtools button:hover{background:#edf5fc}
 .canvasFrame{overflow:hidden;border:1px solid #d4e1ed;border-radius:10px;background:white;box-shadow:0 2px 7px #173b6107}
 .canvasCaption{display:flex;justify-content:space-between;align-items:center;gap:10px;background:white;padding:12px 15px;border-bottom:1px solid #edf2f7;font-size:9px;color:#9aafc0;letter-spacing:.5px}
 .canvasCaption span:first-child{font-weight:600;color:#7995ae;letter-spacing:1.2px}
 .canvasCaption i{display:inline-block;width:5px;height:5px;background:#599dcc;border-radius:50%;vertical-align:2px;margin-right:6px}
 .plancanvas{height:600px;border:0;background:white}
 #planStatus{font-size:11px;font-weight:500;color:#659783;padding:0;margin:12px 0}
 #planSelection{margin:12px 0;padding:14px 16px;border:1px solid #dce8f2;border-radius:8px;background:white;font-size:11px;color:#7890a4;line-height:1.85}
 #planSelection b{color:#305d7e;margin-right:7px}
 #planSelection .textbtn{font-size:11px;color:#4783b0;padding:7px;margin-left:5px}
 #planDetail{padding:0}.pieceviews{border:1px solid #d4e3ef;border-radius:9px;background:white;padding:16px}
 .pieceviews h4{font-size:12px;color:#446d8d}.viewcaptions{font-size:11px}.pieceviews p{font-size:10px;color:#829baf}
 #planDetail>.outline{font-size:11px;margin-bottom:12px}
 .planhint{padding:12px 20px;margin:0;font-size:10px;color:#98adbe;border-top:1px solid #e0eaf3;background:#fbfdff;line-height:1.8}
 .rotationbuttons{width:100%}.rotationbuttons b,.bendbuttons b{font-size:10px;color:#879cae;margin-bottom:7px}
 .rotationbuttons>div{display:flex}.rotationbuttons button{flex:1}
 .orientationtools label:has(#planAngle){width:112px}
 .orientationtools #planAngle{width:100%;min-height:36px;border-color:#d7e3ee;font-size:12px;padding:8px;border-radius:6px}
 .orientationtools #planAngleApply{flex:1;margin-top:18px}
 .bendbuttons{flex-basis:100%}.bendbuttons button{font-size:10px;padding:8px}
 .bendbuttons button[aria-pressed=true]{background:#1f6ca7;color:#fff;border-color:#1f6ca7}
 .orientationtools>small,.bendbuttons small{font-size:9px;color:#9aafc0;line-height:1.7}
 #planOrientationStatus{font-size:10px;line-height:1.6;background:#f1f7fd;padding:9px;border-radius:6px;color:#5c86a6}
 #toolOrient>.planbar{background:#fbfdff;padding:13px 17px;border-top:1px solid #ecf1f5;gap:6px}
 #toolOrient>.planbar b{flex-basis:100%;font-size:10px;color:#8c9fb0;font-weight:500}
 #toolOrient>.planbar span{font-size:9px;line-height:1.6;color:#9eb0bf;flex-basis:100%}
 #planMoveStep{width:65px;min-height:32px;font-size:11px;border-color:#d8e4ef;border-radius:5px}
 .planRemoveBox{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 17px 17px;border-top:1px solid #ecf1f5}
 .planRemoveBox button{border:1px solid #dce6ee;border-radius:6px;background:white;padding:8px 11px;color:#7993a8;font-size:10px}
 .planRemoveBox small{font-size:9px;color:#9aafbf}
 .toolNote{font-size:10px;color:#8ea4b6;margin:0;flex-basis:100%}
 #assemblyMembers{display:flex;flex-direction:column;gap:5px;width:100%;max-height:240px;overflow:auto}
 #assemblyMembers label{border:1px solid #e4edf5;border-radius:6px;background:#f9fbfe;font-size:10px;color:#7090a9;padding:9px 8px}
 #assemblyMembers label:has(input:checked){border-color:#83b3d7;background:#edf6fe;color:#386d97}
 #assemblyMembers b{font-weight:500;margin-left:auto;font-size:9px;padding:2px 5px;border-radius:4px;background:#e4eef7}
 #assemblyMembers input{width:14px;height:14px;accent-color:#2478b6}
 .assemblytools>.outline{font-size:10px;padding:10px}
 #assemblyCreate{width:100%;background:#edf5fc;color:#437eaa;border-color:#cfe2f1}
 #assemblyStand,#assemblySeparate{font-size:10px;padding:8px 10px}
 .commonopening{gap:10px;margin-top:4px;padding-top:13px;border-color:#e3edf5}
 .commonopening label{font-size:10px;color:#8aa2b6;width:100%}
 .commonopening button{font-size:10px;line-height:1.6;width:100%;white-space:normal}
 .commonopening small{font-size:9px;line-height:1.7;color:#9cafbf}
 #planExpand{font-size:11px;white-space:nowrap;margin-left:auto}
 .planFocus .planrail{display:none}.planFocus .planstudio{grid-template-columns:1fr}
 .planFocus .plancanvas{height:calc(100vh - 250px);min-height:540px}
 .planFocus .planstage{padding:16px 24px}
 footer{max-width:1696px;margin:15px auto;border-color:#dce6ef;color:#9baebf;font-size:10px;padding:20px 0}
 #toast{background:#1c3d58;border-radius:9px;box-shadow:0 8px 25px #102e4c26;font-size:12px;max-width:calc(100vw - 30px);line-height:1.6}
 button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8ebdde;outline-offset:3px}
}
@media screen and (max-width:1300px){
 .workspace{grid-template-columns:minmax(0,1fr) 260px;gap:18px}
 .studioTabs button{padding:11px 10px;gap:8px}.studioTabs small{display:none}.studioTabs strong{font-size:12px}
 .config{grid-template-columns:minmax(320px,1.15fr) minmax(250px,1fr)}
 .fieldsarea{padding:20px}.types{padding:16px 20px}.type{font-size:10px}
 .planstudio{grid-template-columns:280px minmax(0,1fr)}.planstage{padding:15px}
 .trust{display:none}.plancanvas{height:590px}
}
@media screen and (max-width:1000px){
 .workspace{grid-template-columns:1fr}.workspace>aside{position:static;padding-top:0}
 .studioTabs strong{font-size:12px}.studioTabs small{display:block;font-size:9px}
 main{padding:24px 20px}.planstudio{grid-template-columns:265px minmax(0,1fr)}
 .planstage{padding:12px}.plancanvas{height:560px}
}
@media screen and (max-width:760px){
 header{height:68px;padding:0 18px}.brand strong{font-size:21px!important}.brand .mark{width:35px!important;height:35px!important;font-size:23px}
 header .textbtn{font-size:11px}header>div:last-child{gap:12px}
 main{padding:20px 12px}.intro{margin-bottom:22px}.intro h1{font-size:29px}.intro p{font-size:12px}
 .steps{gap:14px;justify-content:space-between;margin-bottom:18px}.steps button{font-size:10px}.steps b{width:21px;height:21px}
 .studioTabs{gap:2px;padding:4px;margin-bottom:15px;border-radius:9px}
 .studioTabs button{flex-direction:column;text-align:center;padding:11px 4px;gap:6px;position:relative}
 .studioTabs button>svg{width:20px;height:20px}.studioTabs strong{font-size:10px;line-height:1.4}.studioTabs small{display:none}
 .studioTabs button>b{position:absolute;right:7px;top:5px;font-size:8px;min-width:15px;padding:2px 4px}
 .config{grid-template-columns:1fr}.fieldsarea{border-right:0;padding:20px}
 #dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.fields{gap:15px 12px}
 .types{grid-template-columns:repeat(5,minmax(0,1fr));padding:13px 12px;gap:5px}.type{font-size:9px;min-height:69px;padding:7px 2px;line-height:1.25}.type svg{width:23px;height:23px}
 .preview{position:static;border-top:1px solid #e4ecf3;padding:20px}
 #drawing{height:265px;min-height:250px}#drawing svg.dsn{height:250px}
 .addrow{padding:16px 18px}.addrow .primary{min-width:0;font-size:11px;flex:1}.quantity>span{display:none}
 #pieceSaved{flex-wrap:wrap;padding:14px;gap:10px}#pieceSaved>div:nth-child(2){min-width:210px}
 #pieceSaved button{font-size:10px}
 .worksection .panelhead{padding:18px 15px;flex-wrap:wrap}.panelhead h2{font-size:16px}
 #planSection>.panelhead .tag{display:none}#planExpand{font-size:10px;padding:9px}
 .assemblylist{padding:10px 12px;gap:6px}.assemblylist strong{width:100%;margin:0 0 2px}
 .planstudio{display:flex;flex-direction:column}.planstage{width:100%;order:0;padding:10px}
 .planrail{order:1;width:100%;max-height:none;border:0;border-top:1px solid #dce6ef}
 .plancanvas{height:430px}.canvasCaption{font-size:8px;padding:11px 10px}.canvasCaption span:first-child{letter-spacing:.7px}
 .planShortcuts{gap:5px}.planShortcuts>span{display:none}.planShortcuts button{flex:1;font-size:10px;padding:9px 4px}
 .planstage>.planbar{gap:5px;padding-bottom:10px}.planbar button{font-size:10px;padding:7px}
 .planstage>.planbar span{flex-basis:0;flex-grow:1}
 #planStatus{font-size:10px;margin:11px 2px;line-height:1.6}
 #planSelection{padding:11px;font-size:10px}.pieceviews{padding:11px}.pieceviewsdrawing{height:210px}
 .toolgroup>summary{padding:17px 18px;background:#fcfdff}
 .plantools,.orientationtools,.assemblytools{padding:3px 18px 18px}
 .orientationtools>label:first-child{flex-basis:100%}.orientationtools label:has(#planAngle){flex-basis:auto;width:120px}
 .orientationtools #planAngleApply{flex:0 1 auto}
 #assemblyMembers{display:grid;grid-template-columns:1fr 1fr;max-height:250px}
 .planhint{padding:15px;font-size:9px}
 .planFocus .plancanvas{height:calc(100vh - 220px);min-height:400px}.planFocus .planstage{padding:10px}
 .tablewrap{padding:10px}
 #workshopTable,#review .at-bd{min-width:0}
 .workshop .at-bd{display:grid;grid-template-columns:48px minmax(0,1fr);padding:12px;gap:10px}
 .workshop .at-bd .no{min-width:0;padding-right:8px;gap:4px;flex-direction:column;justify-content:center}
 .workshop .at-bd .no .ck{width:13px;height:13px}.workshop .at-bd .no .n{min-width:25px;font-size:10px;max-width:42px;padding:3px}
 .workshop .at-bd .tx .t{font-size:13px}.workshop .at-bd .tx .s,.workshop .at-bd .tx .m{font-size:11px}
 .workshop .at-bd .dsn2,.workshop .at-bd.large .dsn2{grid-column:1/-1;max-width:100%;width:100%;margin:0;padding:10px 0 0;border-left:0;border-top:1px solid #d7e4ee;display:flex;justify-content:center}
 .workshop .at-bd .dsn2 svg.dsn{height:210px;max-width:100%;margin:0}
 .workshop .at-bd.large .dsn2 svg.dsn{height:210px;max-width:100%}
 .assemblydrawing{height:370px}.assemblydetail{font-size:11px}.assemblytitle{font-size:12px}
 .orderactions{gap:5px}.orderactions button{font-size:10px!important;padding:8px!important}
 footer{margin:12px;font-size:9px;gap:15px}
}
@media screen and (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media screen{
 .plantools label,.orientationtools label,.assemblytools>label{font-size:11px;color:#6f879b}
 .toolgroup>summary small{color:#849cad;font-size:10px}
 .orientationtools>small,.bendbuttons small,.commonopening small{font-size:10px;color:#7d94a7}
}