.clf{position:relative}.clf .clf-frame{position:relative;width:100%;max-width:560px;margin-inline:auto;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0b0e12}.clf .dk-stage{position:absolute;left:0;top:0;width:1080px;height:1350px;transform-origin:0 0;background:#0b0e12;overflow:hidden}.clf .film-ui{position:absolute;inset:0}.clf[data-mode=film]:before{content:"";position:fixed;inset:0;z-index:1000;background:#060708}.clf[data-mode=film] .dk-stage{position:fixed;left:50%;top:50%;z-index:1001;margin:-675px 0 0 -540px;transform-origin:50% 50%}.clf:not([data-mode=film]) .film-exit{display:none}.clf .film-exit{position:fixed;top:12px;left:12px;z-index:1002;display:inline-flex;align-items:center;gap:8px}.clf .clf-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.clf .clf-glow{position:absolute;left:-10%;right:-10%;top:420px;height:900px;background:radial-gradient(60% 50% at 50% 40%,#2ba6e829,#2ba6e800 70%);pointer-events:none}.clf .clf-win{position:absolute;inset:566px 48px 48px;display:flex;flex-direction:column;border-radius:26px;background:#14181d;border:1px solid rgba(255,255,255,.12);overflow:hidden}.clf .clf-bar{display:flex;align-items:center;gap:16px;padding:22px 30px;border-bottom:1px solid rgba(255,255,255,.08)}.clf .clf-names{display:flex;align-items:baseline;gap:22px;height:40px;font:600 22px/40px var(--font-body);color:#eef1f4;white-space:nowrap}.clf .clf-names>span{opacity:.42}.clf .clf-chip{margin-left:auto;display:inline-flex;align-items:center;gap:10px;font:500 22px/1 var(--font-mono);color:#9ee6c2;border:1.5px solid rgba(36,201,122,.45);background:#24c97a1a;border-radius:999px;padding:9px 16px}.clf .clf-chip:before{content:"";width:10px;height:10px;border-radius:50%;background:#24c97a}.clf .clf-log{position:relative;flex:1;overflow:hidden}.clf .clf-feed{position:absolute;left:0;right:0;top:0;padding:26px 30px 30px;display:flex;flex-direction:column;gap:14px;will-change:transform}.clf .clf-user{align-self:flex-end;max-width:82%;display:flex;flex-direction:column;align-items:flex-end;gap:10px;background:#232a33;border-radius:22px;padding:18px 24px;font:500 28px/1.36 var(--font-body);color:#eef1f4}.clf .clf-att{display:inline-flex;align-items:center;gap:10px;font:500 22px/1 var(--font-mono);color:#aab4bf;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 12px}.clf .clf-att svg{width:24px;height:24px}.clf .clf-who{margin-top:8px;font:600 22px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#85909c}.clf .clf-tool{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);font:500 22px/1.2 var(--font-mono);color:#aab4bf}.clf .clf-tool .ic svg,.clf .clf-tool .st svg{width:26px;height:26px;display:block}.clf .clf-tool .ic{color:#7fd4ff}.clf .clf-tool .nm{color:#eef1f4;white-space:nowrap}.clf .clf-tool .dt{color:#85909c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clf .clf-tool .st{color:#7fd4ff}.clf .clf-tool[data-done="1"] .st{color:#24c97a}.clf .clf-ans p{margin:4px 0 0;font:400 29px/1.42 var(--font-body);color:#e6eaee}.clf .clf-ans p b{font-weight:600;color:#fff}.clf .clf-tbl{margin-top:18px;display:grid;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}.clf .clf-tbl .r{display:grid;grid-template-columns:1.35fr .8fr .8fr 1.7fr;gap:12px;padding:12px 18px;font:400 23px/1.2 var(--font-body);color:#d9dee3;border-top:1px solid rgba(255,255,255,.07)}.clf .clf-tbl .r span:nth-child(2),.clf .clf-tbl .r span:nth-child(3){font-family:var(--font-mono);font-variant-numeric:tabular-nums}.clf .clf-tbl .r span:nth-child(2){color:#7fd4ff}.clf .clf-tbl .r.h{border-top:0;background:#ffffff0a;font:600 19px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#85909c}.clf .clf-tbl .r.h span{font-family:var(--font-display)!important;color:#85909c!important}.clf .clf-comp{margin:0 22px 22px;display:flex;align-items:center;gap:12px;padding:16px 16px 16px 22px;border-radius:20px;background:#1b2128;border:1px solid rgba(255,255,255,.12);min-height:84px;box-sizing:border-box}.clf .clf-comp .clip{color:#85909c;display:flex}.clf .clf-comp .clip svg{width:28px;height:28px}.clf .clf-comp .txt{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:500 27px/1.3 var(--font-body);color:#eef1f4}.clf .clf-comp .ph{color:#6c7682}.clf .clf-comp .caret{display:inline-block;width:3px;height:32px;background:#7fd4ff;margin-left:-6px;vertical-align:middle}.clf .clf-comp .send{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#2ba6e8;color:#071018}.clf .clf-comp .send svg{width:28px;height:28px}.dkit.clf:not([data-mode=film]) .film-ui{display:block}.dkit.clf .f-end{opacity:0}.dkit.clf .dk-stage,.dkit.clf[data-mode=app] .dk-stage{position:absolute;left:0;top:0;width:1080px;height:1350px;display:block;padding:0;margin:0;overflow:hidden;border:0;border-radius:0;transform-origin:0 0}.dkit.clf[data-mode=film] .dk-stage{position:fixed;left:50%;top:50%;z-index:1001;margin:-675px 0 0 -540px;transform-origin:50% 50%}.clf .clf-log{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34px);mask-image:linear-gradient(180deg,transparent 0,#000 34px)}