.icl-frame .workspace__canvas{padding:clamp(1rem,2vw,2rem)}.icl-frame .workspace__panel{flex-direction:column;display:flex}.icl-frame .tool-empty{justify-content:center;min-height:100%}.icl-frame .tool-empty__foot{max-width:40rem;margin-inline:auto}.icl-main{gap:var(--space-4);flex-direction:column;width:min(100%,72rem);margin-inline:auto;display:flex}.icl-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.icl-toolbar p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.icl-stage{width:min(100%, calc(min(68dvh, 44rem) * var(--aw) / var(--ah)));aspect-ratio:var(--aw) / var(--ah);border-radius:var(--radius-md);background:var(--icl-bg,#fff);touch-action:none;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 16px 40px -28px #18211b8c}.icl-stage:focus-visible{outline:2px solid var(--forest);outline-offset:3px}.icl-stage.is-clear{background-color:#e7e2d6;background-image:linear-gradient(45deg,#d9d3c6 25%,#0000 25%),linear-gradient(-45deg,#d9d3c6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d9d3c6 75%),linear-gradient(-45deg,#0000 75%,#d9d3c6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.icl-cell{touch-action:none;cursor:grab;position:absolute;overflow:hidden}.icl-cell:active{cursor:grabbing}.icl-cell img{user-select:none;pointer-events:none;max-width:none;position:absolute}.icl-cell.is-selected{z-index:1}.icl-cell.is-selected:after{content:"";box-shadow:inset 0 0 0 2px #fff, inset 0 0 0 4px var(--forest);pointer-events:none;z-index:2;position:absolute;inset:0}.icl-cell__n{z-index:3;color:#fff;pointer-events:none;background:#1014129e;border-radius:99px;place-items:center;min-width:1.2rem;height:1.2rem;padding:0 .28rem;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:.35rem;left:.35rem}.icl-hint{text-align:center;margin:0}.icl-film{gap:var(--space-2);margin:0;padding:.35rem .15rem .45rem;list-style:none;display:flex;overflow-x:auto}.icl-film__item{flex:none;position:relative}.icl-film__item.is-dragging{z-index:2;pointer-events:none}.icl-film__item.is-dragging .icl-film__btn{box-shadow:var(--shadow-md)}.icl-film__item.is-over .icl-film__btn{border-color:var(--forest);transform:translateY(-2px)}.icl-film__btn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);touch-action:manipulation;width:4.4rem;height:4.4rem;padding:0;position:relative;overflow:hidden}.icl-film__btn img{object-fit:cover;pointer-events:none;width:100%;height:100%}.icl-film__item:has(.icl-film__btn[aria-pressed=true]) .icl-film__btn{border-color:var(--forest);box-shadow:0 0 0 2px color-mix(in srgb, var(--sage) 70%, transparent)}.icl-film__index{color:#fff;background:#101412a8;border-radius:99px;place-items:center;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.65rem;font-weight:700;display:grid;position:absolute;bottom:.2rem;left:.2rem}.icl-film__remove{background:var(--surface);width:1.25rem;height:1.25rem;color:var(--text);border:0;border-radius:99px;place-items:center;padding:0;display:grid;position:absolute;top:-.35rem;right:-.35rem;box-shadow:0 1px 4px #0000002e}.icl-group{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:.35rem 0 0;font-weight:700}.icl-sizes{gap:.85rem;margin:0;padding:0;display:grid}.icl-sizes>div{gap:.4rem;display:grid}.icl-size,.icl-layout{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);text-align:left;width:100%;color:inherit;cursor:pointer;align-items:center;display:grid}.icl-size{gap:var(--space-3);grid-template-columns:2.2rem minmax(0,1fr);padding:.4rem .55rem}.icl-size:hover,.icl-layout:hover,.icl-size.is-active,.icl-layout.is-active{border-color:var(--forest)}.icl-size.is-active,.icl-layout.is-active{background:color-mix(in srgb, var(--sage) 55%, var(--surface))}.icl-size__mark{place-items:center;width:2.1rem;height:1.7rem;display:grid}.icl-size__mark i{width:min(1.85rem, calc(1.45rem * var(--aw) / var(--ah)));aspect-ratio:var(--aw) / var(--ah);border:2px solid var(--forest);background:color-mix(in srgb, var(--sage) 45%, transparent);border-radius:2px;display:block}.icl-size__text{flex-direction:column;min-width:0;display:flex}.icl-size__text strong,.icl-layout span{font-size:var(--text-sm);font-weight:650}.icl-size__text span{font-size:var(--text-xs);color:var(--text-muted)}.icl-layouts{grid-template-columns:repeat(auto-fill,minmax(4.7rem,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.icl-layout{grid-template-rows:2.7rem auto;justify-items:center;gap:.3rem;padding:.45rem .3rem .4rem}.icl-layout span{font-size:var(--text-xs);text-align:center;line-height:1.2}.icl-mini{width:2.45rem;height:2.45rem;position:relative}.icl-mini i{background:var(--forest);border-radius:1px;position:absolute}.icl-swatches{flex-wrap:wrap;gap:.45rem;display:flex}.icl-swatches button{border:2px solid var(--border);border-radius:99px;width:1.45rem;height:1.45rem;padding:0}.icl-swatches button.is-active{border-color:var(--forest);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--forest)}.icl-actions .btn{width:100%}@media (width<=36rem){.icl-toolbar{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.icl-size,.icl-layout,.icl-film__btn,.icl-film__item.is-over .icl-film__btn{transition:none;transform:none}}