/* Aakaar Tools — designed by Aarsh Kandra. Built on the Aakaar theme tokens (main.css). */

/* Credit line: "Designed by Aarsh Kandra" */
.aat-credit{display:inline-flex;align-items:center;gap:.5rem;color:var(--char,#38312d);font-size:.95rem;white-space:nowrap}
.aat-credit strong{font-weight:600;color:var(--ink,#1d1917)}
.aat-credit-mark{width:18px;height:2px;background:var(--rust,#8f301b);display:inline-block}
.aat-credit.small{font-size:.88rem}

/* Hero */
.aat-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}
.aat-chips{list-style:none;margin:var(--s3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.aat-chips li{border:1px solid var(--ink);padding:.35rem .8rem;font-size:.93rem;background:var(--paper)}
.aat-chips li:first-child{background:var(--rust);border-color:var(--rust);color:var(--on-rust)}
.aat-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s4);align-items:end}
.aat-hero-art{border:1px solid var(--line);background:#fff}

/* Illustrations: see the theme's motion system (main.css) and MOTION.md */
.aat-hero-art{background:#fff;padding:clamp(.5rem,1.2vw,.9rem)}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}

/* Tool layout */
.aat-tool-block{padding-top:var(--s3)}
.aat-tool-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--s5);align-items:start}
.aat-app{position:relative;min-height:420px;scroll-margin-top:calc(var(--hh) + 16px)}
.aat-panel{display:none}
.aat-app[data-state=idle] .aat-panel-idle,
.aat-app[data-state=working] .aat-panel-working,
.aat-app[data-state=done] .aat-panel-done,
.aat-app[data-state=error] .aat-panel-error,
.aat-app[data-state=unsupported] .aat-panel-unsupported{display:block;animation:aat-in .35s ease}
@keyframes aat-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.aat-panel:focus{outline:none}

.aat-step{display:flex;align-items:center;gap:.7rem;font-weight:600;font-size:1.05rem;margin:0 0 var(--s2)}
.aat-step>span:first-child{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rust);color:var(--on-rust);font-size:.85rem;flex:none}
.aat-panel-idle .aat-step:not(:first-child){margin-top:var(--s4)}

/* Drop zone */
.aat-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35rem;min-height:210px;padding:var(--s4) var(--s3);border:1.5px dashed var(--ink);background:var(--paper);cursor:pointer;transition:background .2s,border-color .2s;margin:0}
.aat-drop:hover,.aat-drop.over{background:var(--paper2);border-color:var(--rust)}
.aat-drop.over{border-style:solid}
.aat-drop:focus-within{outline:3px solid var(--rust);outline-offset:2px}
.aat-file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.aat-drop-icon{width:46px;height:46px;stroke:var(--rust);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;margin-bottom:.4rem}
.aat-drop-main{font-weight:500;font-size:1.1rem}
.aat-drop-main u{text-decoration-color:var(--rust);text-decoration-thickness:1.5px;text-underline-offset:.2em}
.aat-drop-sub{color:var(--grey);font-size:.92rem}
.aat-drop-file{font-weight:600;color:var(--ink);margin-top:.4rem;overflow-wrap:anywhere}
.aat-drop.has-file{border-style:solid;border-color:var(--rust);background:#fff}
.aat-drop.has-file .aat-drop-file::before{content:"";display:inline-block;width:.6rem;height:2px;background:var(--rust);vertical-align:middle;margin-right:.5rem}
.aat-drop.bad{border-color:#b3261e}.aat-drop.bad .aat-drop-file{color:#b3261e}

.aat-options .aat-field{margin-bottom:var(--s3)}
.aat-options .more{margin-top:var(--s2)}
.aat-options .more .aat-field:last-child{margin-bottom:var(--s2)}
.aat-options .submit-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin:var(--s3) 0 0}
.aat-run-hint{color:var(--grey);font-size:.93rem}

/* Working */
.aat-work-file{color:var(--char);overflow-wrap:anywhere}
.aat-bar{height:6px;background:var(--paper2);overflow:hidden;margin:var(--s3) 0 var(--s2)}
.aat-bar span{display:block;height:100%;width:2%;background:var(--rust);transition:width .3s ease}
.aat-work-step{font-weight:500;font-size:1.1rem}
.aat-steps{list-style:none;margin:var(--s3) 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.15rem var(--s3);counter-reset:st}
.aat-steps li{counter-increment:st;font-size:.9rem;color:var(--grey);padding:.35rem 0 .35rem 1.7rem;position:relative;border-top:1px solid var(--line);transition:color .2s}
.aat-steps li::before{content:counter(st);position:absolute;left:0;top:.35rem;font-size:.78rem;width:1.2rem;text-align:right;color:var(--grey)}
.aat-steps li.done{color:var(--char)}
.aat-steps li.done::before{content:"\2713";color:var(--rust)}
.aat-steps li.now{color:var(--ink);font-weight:600;border-top-color:var(--rust)}
.aat-steps li.now::before{color:var(--rust)}

/* Done */
.aat-done-head{display:flex;gap:var(--s3);align-items:flex-start;margin-bottom:var(--s3)}
.aat-tick{width:52px;height:52px;flex:none;stroke:var(--rust);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.aat-tick circle,.aat-tick path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .8s cubic-bezier(.6,.05,.2,1) forwards}
.aat-tick path{animation-delay:.55s;animation-duration:.45s}
.aat-done-title{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin:0 0 .4rem}
.aat-done-sub{color:var(--char);margin:0;overflow-wrap:anywhere}
.aat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin:0 0 var(--s3)}
.aat-stats div{border-top:2px solid var(--ink);padding-top:.6rem}
.aat-stats dt{font-size:.88rem;color:var(--grey)}
.aat-stats dd{margin:0;display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}
.aat-stats .b{color:var(--grey);text-decoration:line-through;text-decoration-color:var(--line)}
.aat-stats .a{color:var(--rust)}
.aat-stats .c{font-size:1.6rem;font-weight:500;letter-spacing:-.02em}
.aat-actions{margin-bottom:var(--s3)}
.aat-actions li{font-size:.98rem}
.aat-warn{background:var(--paper2);border-left:4px solid var(--rust);padding:var(--s2) var(--s3);margin-bottom:var(--s3)}
.aat-warn-h{font-weight:600;margin:0 0 .3rem}
.aat-warn ul{margin:0;padding-left:1.1rem;font-size:.94rem;color:var(--char)}
.aat-warn li{padding:.15rem 0}
.aat-downloads{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 var(--s2)}
.aat-downloads .btn{min-height:52px}
.aat-after{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center;margin:0 0 var(--s2)}
.aat-linkbtn{background:none;border:0;padding:.4rem 0;font:inherit;font-weight:500;color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em;cursor:pointer}
.aat-linkbtn:hover{color:var(--rust)}
#aat-delete{color:var(--rust)}
.aat-expiry{margin-bottom:var(--s2)}
.aat-signoff{border-top:1px solid var(--line);padding-top:var(--s2);margin:var(--s3) 0 0;color:var(--grey);font-size:.88rem;display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:center}
.aat-panel-error .aat-done-title{color:var(--rust)}

/* Side panel */
.aat-side h2{font-size:1.3rem;margin-bottom:var(--s3)}
.aat-privacy{list-style:none;margin:0;padding:0;counter-reset:pv}
.aat-privacy li{counter-increment:pv;border-top:1px solid var(--line);padding:.8rem 0 .8rem 2rem;position:relative;color:var(--char);font-size:.97rem}
.aat-privacy li::before{content:counter(pv);position:absolute;left:0;top:.8rem;color:var(--rust);font-weight:600}
.aat-privacy strong{display:block;color:var(--ink);font-weight:600}
.aat-side-credit{margin-top:var(--s4);padding:var(--s3);background:var(--ink);color:#e9ddd5}
.aat-side-credit p{margin:0 0 .5rem;font-size:.95rem}
.aat-side-credit .aat-kicker{color:#bfb1a8}
.aat-side-name{font-size:1.6rem !important;font-weight:500;letter-spacing:-.02em;color:#fff;line-height:1.1}
.aat-side-credit .textlink{color:#fff}
.aat-kicker{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin:0 0 .4rem}

/* "Why" section reuses the theme pipeline */
.aat-why h2{font-size:clamp(2.2rem,5vw,4.2rem)}

/* Designer block */
.aat-designer{padding-block:var(--s6);border-top:1px solid var(--ink)}
.aat-designer-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s5);align-items:center}
.aat-monogram svg{width:100%;max-width:260px;height:auto;fill:none;stroke:var(--rust);stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter}
.aat-monogram circle{stroke:var(--ink);stroke-width:1.2}
.aat-monogram circle,.aat-monogram path{stroke-dasharray:1;stroke-dashoffset:1}
.aat-designer.in .aat-monogram circle,.no-io .aat-monogram circle{animation:draw 1.6s cubic-bezier(.6,.05,.2,1) forwards}
.aat-designer.in .aat-monogram path,.no-io .aat-monogram path{animation:draw 1.1s cubic-bezier(.6,.05,.2,1) forwards .9s}
html:not(.js) .aat-monogram circle,html:not(.js) .aat-monogram path{stroke-dashoffset:0}
.aat-name{font-size:clamp(3rem,8vw,6.4rem);letter-spacing:-.045em;line-height:.95;margin:0 0 var(--s2)}
.aat-role{color:var(--grey);font-size:1.05rem;margin-bottom:var(--s3)}
.aat-designer-copy>p:not(.aat-kicker):not(.aat-role){max-width:40em;color:var(--char);font-size:1.1rem}
.aat-designer-links{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center;margin-top:var(--s3)}

/* FAQ */
.aat-faq .more{margin:0;border-bottom:0}
.aat-faq .more:last-child{border-bottom:1px solid var(--line)}
.aat-faq .more-body p{color:var(--char);max-width:62ch}
.aat-final-sub{max-width:44em;color:#f6e6dd;font-size:1.15rem}

/* Hub cards */
.aat-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.aat-card{display:flex;flex-direction:column;text-decoration:none;border-top:2px solid var(--ink);padding-top:var(--s3);transition:border-color .2s}
.aat-card:hover{border-color:var(--rust)}
.aat-card-art{display:block;border:1px solid var(--line);background:var(--paper);margin-bottom:var(--s3);aspect-ratio:480/320;overflow:hidden;transition:border-color var(--t-card,240ms)}
.aat-card:hover .aat-card-art{border-color:var(--rust)}
.aat-open{font-weight:500;display:inline-flex;align-items:center;gap:.5rem;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em}
.aat-card:hover .aat-open{color:var(--rust)}
.aat-card-body{display:flex;flex-direction:column;gap:.6rem;flex:1}
.aat-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.aat-card-tags span{border:1px solid var(--ink);padding:.15rem .6rem;font-size:.85rem}
.aat-card-title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.aat-card:hover .aat-card-title{color:var(--rust)}
.aat-card-sum{color:var(--char);max-width:42ch}
.aat-card-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:var(--s2)}
.aat-card-next{background:var(--paper2);padding:var(--s3);border-top-color:var(--line)}
.aat-card-next .aat-card-tags span{border-style:dashed}

/* Responsive */
@media (max-width:1000px){
	.aat-hero-grid,.aat-tool-grid,.aat-designer-grid{grid-template-columns:1fr}
	.aat-hero-art{max-width:560px}
	.aat-monogram svg{max-width:160px}
	.aat-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.aat-cards{grid-template-columns:1fr}
	.aat-hero-art{display:none}
	.aat-drop{min-height:170px;padding:var(--s3) var(--s2)}
	.aat-stats{grid-template-columns:1fr 1fr 1fr;gap:.6rem}
	.aat-stats .c{font-size:1.25rem}
	.aat-steps{grid-template-columns:1fr}
	.aat-steps li:not(.now):not(.done){display:none}
	.aat-downloads .btn{width:100%;text-align:center}
	.aat-options .submit-row .btn{width:100%}
	.aat-designer-links .btn{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
	.aat-tick circle,.aat-tick path,.aat-monogram circle,.aat-monogram path{stroke-dashoffset:0;animation:none}
}

/* ---------- Adverts (Aakaar Settings > Tool Ads). Quiet, clearly labelled, never over the tool. ---------- */
.aad{position:relative;background:#fff;border:1px solid var(--line);font-size:.95rem}
.aad-label{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin:0;padding:.45rem .8rem;border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.aad-by{letter-spacing:.02em;text-transform:none;font-size:.82rem;color:var(--char);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aad-link{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.aad-media{display:block;background:var(--paper2);overflow:hidden}
.aad-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.6,.2,1)}
.aad-link:hover .aad-media img{transform:scale(1.03)}
.aad-body{display:flex;flex-direction:column;gap:.35rem;padding:.9rem .9rem 1rem}
.aad-head{font-weight:500;font-size:1.1rem;line-height:1.25;letter-spacing:-.01em}
.aad-text{color:var(--char);font-size:.93rem}
.aad-cta{font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em;margin-top:.15rem}
.aad-link:hover .aad-head,.aad-link:hover .aad-cta{color:var(--rust)}
.aad-code{padding:.6rem;display:flex;justify-content:center;align-items:center;overflow:hidden}
.aad-code>*{max-width:100%}

/* Side panel card */
.aad--tool-side{margin-top:var(--s4)}
.aad--tool-side .aad-media{aspect-ratio:6/5}

/* Result screen: one slim line under the downloads */
.aad--slim{border-width:1px 0 0;background:transparent;margin-top:var(--s2)}
.aad--slim .aad-label{border:0;padding:.6rem 0 .3rem}
.aad--slim .aad-link{flex-direction:row;align-items:center;gap:.8rem}
.aad--slim .aad-media{width:48px;height:48px;flex:none;border:1px solid var(--line);background:#fff}
.aad--slim .aad-media img{object-fit:contain;padding:4px}
.aad--slim .aad-body{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;padding:0}
.aad--slim .aad-head{font-size:1rem}
.aad--slim .aad-cta{font-size:.92rem;margin:0}

/* Between sections: wide banner */
.aad-band{padding-block:0 var(--s5)}
.aad--banner .aad-link{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}
.aad--banner .aad-media{position:relative;min-height:220px}
.aad--banner .aad-media img{position:absolute;inset:0}
.aad--banner .aad-body{justify-content:center;padding:var(--s3) var(--s4);gap:.5rem}
.aad--banner .aad-head{font-size:clamp(1.3rem,2.4vw,1.9rem);letter-spacing:-.025em;line-height:1.15}
.aad--banner .aad-text{font-size:1rem;max-width:52ch}

/* Tools grid card */
.aad--hub-card{border-top:2px solid var(--line)}
.aad--hub-card .aad-media{aspect-ratio:16/10}
.aad--hub-card .aad-head{font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.025em;line-height:1.15}

@media (max-width:1000px){
	.aad--only-desktop{display:none}
	.aad--tool-side{max-width:520px}
}
@media (min-width:1001px){.aad--only-mobile{display:none}}
@media (max-width:640px){
	.aad--banner .aad-link{grid-template-columns:1fr}
	.aad--banner .aad-media{min-height:0;aspect-ratio:2/1}
	.aad--banner .aad-body{padding:var(--s2) var(--s2) var(--s3)}
	.aad--slim .aad-body{flex-direction:column;gap:.15rem}
}
@media print{.aad,.aad-band{display:none}}

/* ---------- SketchUp to Revit ---------- */
.aat-app[data-state=review] .aat-panel-review{display:block;animation:aat-in .35s ease}
.aat-iso-preview{margin:0 0 var(--s2);color:var(--char);overflow-wrap:anywhere}
.aat-iso-preview strong{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600;color:var(--ink);font-size:.95rem}
.aat-iso-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--s2)}
.aat-iso-grid .aat-iso-f{margin:0 0 var(--s2)}
.aat-iso-grid .aat-iso-f.wide{grid-column:span 3}
.aat-iso-grid label{font-size:.88rem;font-weight:600;display:block;margin-bottom:.25rem}
.aat-iso-grid input{min-height:44px;padding:.55rem .7rem;font-family:ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase}
.aat-iso-grid .wide input{text-transform:none;font-family:inherit}
.aat-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:var(--s3) 0 var(--s2);font-size:.95rem}
.aat-bulk select,.aat-table select{font:inherit;font-size:.92rem;padding:.4rem .5rem;border:1.5px solid var(--ink);background:#fff;border-radius:0;min-height:40px;max-width:100%}
.aat-table-wrap{max-height:460px;overflow:auto;border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.aat-table{width:100%;border-collapse:collapse;font-size:.93rem}
.aat-table th{position:sticky;top:0;background:var(--paper2);text-align:left;font-weight:600;padding:.55rem .7rem;border-bottom:1px solid var(--line);z-index:1}
.aat-table td{padding:.45rem .7rem;border-bottom:1px solid var(--line);vertical-align:middle}
.aat-table .num{text-align:right;width:3.5rem}
.aat-table .comp{font-weight:500;overflow-wrap:anywhere}
.aat-table .comp small{display:block;color:var(--grey);font-weight:400;font-size:.8rem}
.aat-table .code{color:var(--char);font-size:.85rem;white-space:nowrap}
.aat-table tr.unclassified td{background:#fdf2ec}
.aat-table tr.unclassified .code{color:var(--rust);font-weight:600}
.aat-table tr.guessed .code::after{content:" (check)";color:var(--grey);font-weight:400}
.aat-howto{list-style:none;margin:0 0 var(--s3);padding:0;counter-reset:hw;border-top:1px solid var(--line)}
.aat-howto li{counter-increment:hw;position:relative;padding:.6rem 0 .6rem 1.8rem;border-bottom:1px solid var(--line);font-size:.97rem;color:var(--char)}
.aat-howto li::before{content:counter(hw);position:absolute;left:0;top:.6rem;color:var(--rust);font-weight:600}
.aat-howto strong{color:var(--ink)}
.aat-howto span{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88rem;background:var(--paper2);padding:.05rem .35rem}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media (max-width:640px){
	.aat-iso-grid{grid-template-columns:1fr 1fr}
	.aat-iso-grid .aat-iso-f.wide{grid-column:span 2}
	.aat-table th:nth-child(4),.aat-table td:nth-child(4){display:none}
	.aat-table select{width:100%}
	.aat-bulk select{flex:1 1 100%}
}

/* Unfilled adverts (e.g. an ad network returned nothing) collapse instead of leaving an empty "Sponsored" box. */
.aad.is-empty{display:none}
.aad--hub-card{align-self:start}
/* PDF Studio: honest device guidance on small screens */
.aat-device-note{display:none;border-left:3px solid var(--rust);background:#fff;padding:.8rem 1rem;margin:0 0 var(--s2);color:var(--char);font-size:.96rem}
@media (max-width:900px){.aat-device-note{display:block}}