/* Compositions use shared material variables; no extra nested blur planes. */
.ui-atlas .uip-icon{width:24px;height:24px;flex-shrink:0;fill:currentColor;vertical-align:middle}
.ui-atlas [data-uip-action][aria-pressed=true],.ui-atlas [data-uip-action][aria-current=page]{background:var(--accent);color:var(--accent-ink)}
.ui-atlas :is(.uip-sample,.uip-hero,.uip-banner){padding:23px;border-radius:18px;background:var(--ui-fill);display:grid;gap:16px}
.ui-atlas :is(.uip-sample,.uip-hero) h5{font-size:clamp(1.4rem,2vw,2rem);line-height:1.12;letter-spacing:-.045em;max-width:17ch;margin:0}
.ui-atlas h5{font-size:1rem;line-height:1.4;margin:0 0 10px;font-weight:700}.ui-atlas :is(.uip-sample,.uip-hero) p{font-size:.9rem;line-height:1.6;max-width:45ch}
.uip-accent-preview{--uip-accent:#48d4dc;display:grid;gap:14px;padding:22px;border-radius:16px;background:linear-gradient(125deg,color-mix(in srgb,var(--uip-accent),transparent 82%),transparent),var(--ui-fill)}
.uip-accent-preview[data-accent=lime]{--uip-accent:#baf069}.uip-accent-preview[data-accent=violet]{--uip-accent:#b4a5ff}.uip-accent-preview strong{font-size:1.15rem}.uip-accent-preview p{font-size:.88rem;line-height:1.6}
.uip-density-list,.uip-items{list-style:none;padding:0;margin:0;display:grid;gap:10px}.uip-density-list li{padding:20px;border-radius:14px;background:var(--ui-well);display:grid;gap:5px}.uip-density-list span{font-size:.85rem;color:var(--muted)}.uip-density-list[data-density=compact] li{padding:10px 14px;gap:2px}.uip-items li{padding:14px;background:var(--ui-well);border-radius:12px;font-size:.9rem}
.uip-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.uip-icon-grid .ui-btn{display:grid;justify-items:center;padding:16px 8px;gap:12px;font-size:.75rem}.uip-icon-grid .uip-icon{width:34px;height:34px}
.ui-atlas .uip-mini-header{position:static;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:0;border-radius:16px;background:var(--ui-fill);box-shadow:none;width:auto;transform:none;inset:auto}.uip-brand{font-weight:800;text-decoration:none;letter-spacing:.08em;display:grid;font-size:1.1rem}.uip-brand span{font-size:.55rem;letter-spacing:.3em;color:var(--muted)}
.ui-atlas .uip-mini-header nav{display:flex;gap:6px;flex-wrap:wrap;padding:0;margin:0}.uip-mini-header nav a,.uip-burger-panel a,.uip-mini-footer nav a,.uip-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;padding:8px;font-size:.8rem;text-decoration:none;border-radius:8px}
.uip-anchor{scroll-margin-top:120px;padding:24px 14px;background:var(--ui-well);border-radius:12px;margin-top:10px;font-size:.88rem;line-height:1.6}.uip-anchor:target{box-shadow:inset 4px 0 0 var(--cyan)}
.ui-atlas .uip-burger-panel{display:grid;gap:5px;margin-top:8px;padding:12px;border-radius:14px;background:var(--ui-well)}
.ui-atlas .uip-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;line-height:1.7}.uip-pagination{padding:0}.uip-pagination .ui-btn{min-width:44px}
.uip-rail{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(0,1.2fr);gap:12px}.ui-atlas .uip-rail nav{display:grid;align-content:start;gap:8px}.uip-rail nav .ui-btn{justify-content:flex-start;padding:10px;font-size:.78rem}.uip-rail p{font-size:.85rem;line-height:1.6}
.ui-atlas .uip-mini-footer{display:grid;gap:16px;margin:0;padding:22px;background:var(--ui-fill);border:0;border-radius:16px;text-align:left}.ui-atlas .uip-mini-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.uip-mini-footer small{font-size:.7rem;color:var(--muted)}#uip-footer-policy{margin-top:14px;font-size:.85rem;line-height:1.6}#uip-footer-policy summary{min-height:44px;cursor:pointer}
.uip-content-card{display:grid;gap:15px}.uip-content-card h5{margin:0;font-size:1.2rem}.uip-content-card p{font-size:.9rem;line-height:1.6}.uip-art{height:210px;position:relative;isolation:isolate;border-radius:18px;background:radial-gradient(at 20% 30%,#6be9fa,transparent 60%),linear-gradient(130deg,#16294b,#632798);overflow:hidden;color:white}.uip-art span{position:absolute;width:135px;height:135px;border-radius:50%;background:linear-gradient(130deg,#c6f887,#449b9d);right:15%;top:32px;box-shadow:inset -15px -17px 30px #204b9770,10px 22px 40px #09152750}.uip-art i{position:absolute;inset:35% 15% 15% 12%;background:linear-gradient(145deg,#ffffff35,#ffffff06);box-shadow:inset 3px 3px 4px #ffffff50,inset -3px -3px 6px #0b1c4a40;border-radius:18px;transform:rotate(-9deg);pointer-events:none}.uip-art b{position:absolute;left:18px;bottom:18px;font-size:.8rem;letter-spacing:.12em;text-shadow:0 2px 6px #0008}.uip-art-1{background:radial-gradient(at 70% 20%,#edb1f2,transparent 60%),linear-gradient(130deg,#541c75,#262d53)}.uip-art-1 span{background:linear-gradient(130deg,#f9d879,#dc6383);right:35%;border-radius:28px;transform:rotate(25deg)}.uip-art-2{background:radial-gradient(at 20% 10%,#7eeeae,transparent 60%),linear-gradient(130deg,#18383e,#19326a)}.uip-art-2 span{background:linear-gradient(130deg,#effcb0,#79d7e3);width:150px;height:100px;border-radius:50%;top:55px}
.uip-faq{display:grid;gap:12px}.uip-faq details{background:var(--ui-well);padding:14px;border-radius:14px;font-size:.87rem;line-height:1.6}.uip-faq summary{min-height:44px;cursor:pointer;font-weight:650}.uip-faq p{padding-top:12px}
#uip-upload-preview{max-width:100%;max-height:240px;object-fit:contain;border-radius:12px}.uip-cart-line{display:grid;gap:12px;padding:15px 0;border-bottom:1px solid color-mix(in srgb,var(--muted),transparent 70%);font-size:.9rem}.uip-cart-count{font-variant-numeric:tabular-nums}.uip-cart-line .ui-btn{min-width:44px;padding:9px 12px}
.uip-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.uip-kanban section{padding:12px 8px;border-radius:14px;background:var(--ui-fill);min-height:170px}.uip-kanban h5{font-size:.75rem}.uip-kanban [data-lane]{min-height:100px}.uip-task{padding:12px 8px;background:var(--ui-well);border-radius:12px;display:grid;gap:12px;font-size:.78rem;line-height:1.5}.uip-task span{font-size:.65rem;color:var(--muted)}
.uip-calendar,.uip-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.uip-calendar .ui-btn{padding:0;min-width:0;min-height:44px;font-size:.8rem;border-radius:8px}.uip-week{text-align:center;font-size:.7rem;color:var(--muted)}#uip-month-title{flex:1;text-align:center;font-size:.9rem}#uip-editor-preview{font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}#uip-editor-preview p:empty{min-height:1lh}
@media(max-width:600px){.ui-atlas .uip-mini-header{padding:12px;gap:8px;flex-wrap:wrap}.uip-rail{grid-template-columns:1fr}.uip-rail nav{grid-template-columns:repeat(3,minmax(0,1fr))}.uip-rail nav .ui-btn{display:grid;justify-items:center;text-align:center;font-size:.7rem}.uip-icon-grid{gap:6px}.uip-kanban{gap:4px}.uip-kanban section{padding:10px 5px}.uip-task{padding:10px 6px;font-size:.7rem}.uip-calendar,.uip-week{gap:2px}.uip-calendar .ui-btn{min-height:40px}.uip-art{height:190px}}
@media(forced-colors:active){.ui-atlas :is(.uip-sample,.uip-hero,.uip-banner,.uip-mini-header,.uip-anchor,.uip-mini-footer,.uip-task){background:Canvas;border:1px solid CanvasText}.uip-art{background:Canvas;color:CanvasText;border:1px solid CanvasText}.uip-art :is(span,i){display:none}.uip-art b{text-shadow:none}.uip-icon{fill:currentColor}}