.hubrt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.hubrt-grid textarea{min-height:72px;resize:vertical;width:100%}
.hubrt-colors{display:flex;gap:14px;margin:4px 0 16px;border:0;padding:0}
.hubrt-colors label{position:relative;display:inline-flex;margin:0;cursor:pointer}
.hubrt-colors input{position:absolute;opacity:0;width:1px;height:1px}
.hubrt-colors span{width:36px;height:36px;border-radius:50%;display:inline-block;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(127,127,127,.35);transition:transform .12s,box-shadow .12s}
.hubrt-colors input:checked+span,.hubrt-colors label:has(input:checked) span{box-shadow:0 0 0 3px var(--section),0 0 0 5px var(--accent);transform:scale(1.05)}
.hubrt-colors input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}
.segmented{display:flex;background:var(--input);border-radius:10px;padding:3px;gap:3px;margin:4px 0 14px}
.segmented label{flex:1;margin:0;position:relative;cursor:pointer}
.segmented input{position:absolute;opacity:0;width:1px;height:1px}
.segmented span{display:block;text-align:center;padding:8px 6px;border-radius:8px;color:var(--text);font-size:14px;transition:background .15s}
.segmented label:has(input:checked) span{background:var(--section);box-shadow:0 1px 4px rgba(0,0,0,.18);font-weight:600}
.hubrt-preview{width:100%;max-width:360px;aspect-ratio:1;border:2px dashed color-mix(in srgb,var(--muted) 40%,transparent);border-radius:12px;display:grid;place-items:center;color:var(--muted);text-align:center;padding:20px;font-size:14px}
.hubrt-preview img{display:block;width:100%}
#hubrtTextResults{max-width:360px;grid-template-columns:1fr;margin-top:0}
#hubrtPhotoResults{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#hubrtPhotoResults .result-card:nth-child(1){grid-column:1;grid-row:1}
#hubrtPhotoResults .result-card:nth-child(2){grid-column:1;grid-row:2}
#hubrtPhotoResults .result-card:nth-child(3){grid-column:2;grid-row:1 / span 2}
#hubrtPhotoResults .result-card:nth-child(4){grid-column:1 / -1}
#hubrtCrop{width:100%;aspect-ratio:16/9;touch-action:none;cursor:move;background:var(--code);border-radius:10px}
/* --- ниже: разметка рендера карточки 1200×1200, не менять --- */
.hubrt-render{position:relative;width:1200px;height:1200px;color:#333;font:14px/1.42857143 Arial,sans-serif;text-align:left;letter-spacing:normal;background:transparent}
.hubrt-render,.hubrt-render *{box-sizing:border-box}
.hubrt-render>img{position:relative;display:block;width:1200px;height:1200px;max-width:none;border:0;border-radius:0}
.hubrt-layer{position:absolute;top:-5px;left:0;width:1200px;height:1200px;display:flex;align-items:center;padding:0 100px;color:#000;font-family:HubrtPTBold}
.hubrt-layer div{font-size:56px;line-height:58px;letter-spacing:-.15px;width:1000px}
.hubrt-layer span{position:relative;padding:0 6px 6px;margin:0 -9px -6px;background:#ffea30}
.hubrt-layer div.hubrt-number{position:relative;margin:50px 0;font-family:HubrtDisplay;font-size:300px;line-height:1;letter-spacing:-3px;white-space:nowrap}
.hubrt-footnote{position:absolute;left:100px;bottom:40px;font:36px/1 HubrtPTRegular;width:840px}
.hubrt-hidden-render{position:fixed;left:-15000px;top:0;pointer-events:none}
@media(max-width:700px){.hubrt-grid{grid-template-columns:1fr}.hubrt-preview{max-width:100%}}
@media(max-width:500px){#hubrtPhotoResults{grid-template-columns:1fr}#hubrtPhotoResults .result-card:nth-child(n){grid-column:1;grid-row:auto}}