:root{color-scheme:dark}*{box-sizing:border-box}html,body,#art-root{width:100%;height:100%;margin:0;overflow:hidden;background:#06100d}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#art-canvas{display:block;width:100%;height:100%;background:#06100d;cursor:none}.art-controls{position:fixed;z-index:2;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(780px,calc(100% - 28px));display:grid;grid-template-columns:minmax(150px,1fr) auto auto minmax(100px,2fr) auto auto;align-items:center;gap:10px;padding:11px 13px;color:#ffeae4;background:rgba(6,16,13,.82);border:1px solid rgba(255,93,67,.2);border-radius:14px;backdrop-filter:blur(12px);box-shadow:0 8px 35px #0008;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .35s ease,transform .35s ease}.art-controls.visible,.art-controls:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.art-caption{min-width:0}.art-caption span,.art-caption strong,.art-caption small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-caption span{color:#ff5d43;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.art-caption strong{font-size:14px}.art-caption small{color:#b9c3bf;font-size:11px}.art-controls button,.art-controls a{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ff5d43;color:#06100d;font:800 18px/1 system-ui;text-decoration:none;cursor:pointer}.art-controls a{background:transparent;color:#ffeae4;font-size:24px}.art-controls input{width:100%;margin:0;accent-color:#ff5d43}.art-controls select{width:auto;margin:0;padding:7px;border:0;border-radius:7px;background:#f7eee9;color:#17201c;font:12px system-ui}#art-error{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#ff8a73} @media(max-width:620px){.art-controls{grid-template-columns:minmax(100px,1fr) auto auto auto;padding:10px}.art-caption{grid-column:1/-1}.art-controls input{grid-column:1/3;grid-row:2}.art-controls select{grid-column:3}.art-controls a{grid-column:4}.art-controls #art-restart{grid-column:1;grid-row:3}.art-controls #art-play{grid-column:2;grid-row:3}.art-controls input{grid-column:3/5;grid-row:3}.art-controls select{grid-column:3;grid-row:2}.art-controls a{grid-column:4;grid-row:2}}