:root{color:#172b24;background:#f5f4ed;font:16px/1.6 'Avenir Next','Segoe UI',sans-serif}*{box-sizing:border-box;min-width:0}body{margin:0;padding:24px clamp(16px,4vw,64px)}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,.upload{cursor:pointer;min-height:44px;border:1px solid #c9d2c8;border-radius:8px;padding:8px 14px;background:white;color:#172b24}button:active{transform:scale(.97)}:focus-visible{outline:3px solid #b35a00;outline-offset:3px}input,select{border:1px solid #c9d2c8;border-radius:6px;padding:8px;background:#fff;color:#172b24}header,footer{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}nav{display:flex;flex-wrap:wrap;gap:24px}.brand{font-size:22px;font-weight:800;text-decoration:none}main{max-width:1160px;margin:auto}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.035em;line-height:1.06;margin:20px 0}h2{line-height:1.2}p{max-width:75ch}.intro{padding:28px 0 20px}.eyebrow{font:12px monospace;letter-spacing:.12em}.promises{color:#195b40;font-size:14px}.workspace{background:#fff;border:1px solid #d7dcd5;border-radius:16px;padding:20px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:18px}.toolbar label:first-child{flex:1}.toolbar label span{display:block;font-size:12px}.toolbar input{width:100%}.primary{background:#195b40;color:white;border-color:#195b40}.board{border:1px solid #d7dcd5;border-radius:8px;overflow:hidden}.tier{display:grid;grid-template-columns:104px 1fr 46px;border-bottom:2px solid white;background:#eef0e9;min-height:86px}.tier:last-child{border:0}.tier-label{padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tier-label input[type=text]{color:inherit;width:100%;border:0;background:transparent;text-align:center;font-size:20px;font-weight:700;padding:0}.tier-label input[type=color]{width:36px;height:24px;min-height:24px;padding:0;cursor:pointer}.remove-tier{padding:0;background:transparent;border:0;border-radius:0}.zone{display:flex;gap:6px;align-content:start;flex-wrap:wrap;padding:8px;min-height:86px}.zone.over{box-shadow:inset 0 0 0 3px #195b40;background:#dae8da}.zone:empty:after{content:'Drop here';color:#647367;font-size:12px;align-self:center;padding:8px}.item{touch-action:none;user-select:none;width:70px;height:70px;padding:4px;position:relative;background:#fff;border:1px solid #b9c4b9;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.25;overflow-wrap:anywhere;cursor:grab;overflow:hidden}.item img{width:100%;height:100%;object-fit:contain;pointer-events:none}.item.selected{outline:3px solid #195b40;outline-offset:-3px}.item.dragging{opacity:.35}.ghost{position:fixed;pointer-events:none;z-index:100;opacity:.9;box-shadow:0 8px 24px #172b2440}.pool{background:#f5f4ed;border:1px dashed #9cab9a;border-radius:8px;min-height:100px}.pool:empty:after{content:'Your images and text will appear here.'}.add-area{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.add-area form{display:flex;gap:8px;flex:1}.add-area input[type=text]{flex:1;width:130px}.hint,#status{font-size:13px;color:#4c6258}.selection{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.selection[hidden]{display:none}.content-section{margin:56px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;list-style:none;counter-reset:step}.steps li:before{counter-increment:step;content:'0' counter(step);font:14px monospace;color:#195b40}.templates{display:flex;flex-wrap:wrap;gap:12px}details{border-bottom:1px solid #d7dcd5;padding:18px 0}summary{cursor:pointer;font-weight:600}footer{border-top:1px solid #d7dcd5;padding-top:24px;margin-top:64px;font-size:14px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:12px;z-index:200}.tool-link{display:block;padding:28px;border:1px solid #d7dcd5;background:#fff;border-radius:16px;margin:20px 0;text-decoration:none}@media(max-width:600px){body{padding:18px 12px}header,footer{align-items:start;flex-direction:column}nav{gap:16px;font-size:14px}.workspace{padding:10px}.tier{grid-template-columns:68px 1fr 36px}.tier-label{padding:4px}.item{width:60px;height:60px}.zone{gap:4px;padding:5px}.steps{grid-template-columns:1fr;gap:12px}.add-area form{flex-basis:100%}.toolbar .primary{width:100%}.intro{padding-top:16px}.content-section{margin:40px 0}}@media(prefers-reduced-motion:reduce){button:active{transform:none}}
/* Exact Handykit minimal/studio shell tokens from shared/theme.module.css. */
:root{color:#182338;background:#f7f9fc}body{padding-top:0}header{max-width:1160px;min-height:88px;border-bottom:1px solid #dfe5ee}.brand{font-size:20px;letter-spacing:-.6px}.brand:before{content:'a';display:inline-grid;place-items:center;width:31px;height:31px;margin-right:10px;background:#2459d3;color:#fff;border-radius:8px;font:italic 700 25px Georgia,serif}header nav{font-size:13px;color:#546176}header nav a{text-decoration:none}.primary{background:#2459d3;border-color:#2459d3}.promises,.steps li:before{color:#2459d3}.pool{background:#f7f9fc}.hint,#status{color:#546176}:focus-visible{outline-color:#2459d3}.zone.over{box-shadow:inset 0 0 0 3px #2459d3;background:#e7eefc}.item.selected{outline-color:#2459d3}@media(max-width:600px){header{gap:8px;justify-content:center;min-height:104px}}