:root{--bg:#fff;--bg-soft:#f7f7f7;--bg-panel:#fff;--bg-input:#fff;--border:#e5e5e5;--border-strong:#cfcfcf;--text:#444;--text-dim:#7a7a7a;--text-h:#191714;--accent:#111;--accent-2:#111;--accent-glow:#1111111f;--green:#2f7d4f;--amber:#a66a00;--red:#c43b2f;--sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:15px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3,h4{color:var(--text-h);margin:0;font-weight:650}p{margin:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea{font:inherit;color:var(--text-h);background:var(--bg-input);border:1px solid var(--border);border-radius:14px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--text-h);box-shadow:0 0 0 3px #1917140f}::placeholder{color:#a99d8e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#d8d8d8;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:62px 0 80px}.quota-wall{text-align:center;background:#121214f0;border:1px solid #ffffff24;border-radius:18px;width:min(720px,100% - 32px);margin:22px auto;padding:22px}.quota-wall h2{margin:0 0 8px;font-size:20px}.quota-wall p{color:#ffffffa8;margin:0 0 16px}.quota-wall button{color:#111;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:11px 18px;font-weight:700}.account-error{color:#ff9d9d;text-align:center;width:min(720px,100% - 32px);margin:12px auto;font-size:13px}.hero{text-align:center;max-width:760px;margin:0 auto 24px}.hero-diagnosis{max-width:720px;color:var(--muted);margin:10px auto 0;font-size:.95rem}.hero h1{letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(38px,5vw,68px);line-height:.98}.context-panel{max-width:820px;margin:0 auto 36px}.context-box{position:relative}.context-box textarea{resize:vertical;width:100%;min-height:260px;padding:22px 74px 64px 22px;font-size:16px;line-height:1.6;box-shadow:0 18px 55px #00000012}.context-box.dragging-photos textarea{border-color:var(--text-h);background:#fafafa}.attachment-actions{align-items:center;gap:8px;max-width:min(420px,100% - 440px);display:flex;position:absolute;bottom:14px;left:14px}.attachment-input{display:none}.attach-btn{border:1px solid var(--border);width:38px;height:38px;color:var(--text-h);background:#fff;border-radius:999px;flex:none;place-items:center;font-size:23px;line-height:1;transition:transform .1s,background .12s,border-color .12s;display:grid;box-shadow:0 8px 20px #0000000f}.attach-btn:hover:not(:disabled){border-color:var(--border-strong);background:#f7f7f7;transform:translateY(-1px)}.attach-btn:disabled{opacity:.35;cursor:not-allowed}.attachment-strip{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.attachment-chip{background:#eee;border:1px solid #00000014;border-radius:9px;flex:none;width:42px;height:42px;position:relative;overflow:hidden}.attachment-chip img{object-fit:cover;width:100%;height:100%;display:block}.attachment-chip button{color:#fff;background:#000000b8;border-radius:999px;width:17px;height:17px;font-size:12px;line-height:1;position:absolute;top:2px;right:2px}.input-actions{gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.voice-icon,.send-btn{border:1px solid var(--border);width:42px;height:42px;color:var(--text-h);background:#fff;border-radius:999px;place-items:center;transition:transform .1s,background .12s,border-color .12s;display:grid;box-shadow:0 8px 20px #0000000f}.voice-icon:hover,.send-btn:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.voice-icon.recording{color:var(--red);border-color:var(--red)}.control-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.send-icon{width:18px;height:18px;transform:translate(1px)}.stop-icon{background:currentColor;border-radius:3px;width:12px;height:12px}.loading-dot{font-weight:800;line-height:1;transform:translateY(-2px)}.send-btn{background:var(--text-h);color:#fff;border-color:var(--text-h)}.send-btn:disabled{opacity:.35;cursor:not-allowed}.context-meta{width:min(540px,100% - 96px);color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;margin:8px auto 0;font-size:13px;display:flex}.context-meta.empty{display:none}.good{color:var(--green)}.voice-error{color:var(--red)}.context-meter{width:min(540px,100% - 96px);margin:10px auto 0}.context-meter-top{text-align:center;color:var(--text-h);margin-bottom:7px;font-size:12px;font-weight:800;display:block}.context-meter-track{background:#11111117;border-radius:999px;height:8px;overflow:hidden}.context-meter-track span{border-radius:inherit;min-width:8px;height:100%;transition:width .18s,background .18s;display:block}.context-meter.red .context-meter-top{color:#b4362b}.context-meter.yellow .context-meter-top{color:#8a5a00}.context-meter.green .context-meter-top{color:#146c43}.context-meter.red .context-meter-track span{background:#d84a3a}.context-meter.yellow .context-meter-track span{background:#d49424}.context-meter.green .context-meter-track span{background:#2da66b}.context-suggestion{max-width:680px;font-weight:650;line-height:1.35}.context-suggestion.red{color:#b4362b}.context-suggestion.yellow{color:#8a5a00}.context-suggestion.green{color:var(--green)}.context-suggestion.thinking{align-items:center;gap:5px;display:inline-flex}.thinking-dots{align-items:center;gap:3px;display:inline-flex;transform:translateY(1px)}.thinking-dots i{opacity:.32;background:currentColor;border-radius:999px;width:4px;height:4px;animation:1s ease-in-out infinite contextDot}.thinking-dots i:nth-child(2){animation-delay:.14s}.thinking-dots i:nth-child(3){animation-delay:.28s}@keyframes contextDot{0%,70%,to{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.quality-picker{color:var(--text-dim);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:inline-flex}.quality-picker select{border:1px solid var(--border);color:var(--text-h);font:inherit;background:#fff;border-radius:999px;padding:6px 28px 6px 10px;font-weight:650}.followups{border:1px solid var(--border);background:#fff;border-radius:18px;margin-top:22px;padding:18px}.followups-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.followups-head h3{font-size:15px}.followups-count{color:var(--text-dim);font-size:12px}.followups-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.followup label{color:var(--text-h);margin-bottom:7px;font-size:13px;line-height:1.35;display:block}.fu-num{width:19px;height:19px;color:var(--text-h);background:#f1f1f1;border-radius:999px;place-items:center;margin-right:5px;font-size:11px;font-weight:800;display:inline-grid}.followup input{width:100%;padding:10px 12px;font-size:13px}.results{margin-top:8px}.results-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.panel-sub{color:var(--text-dim);margin-top:4px;font-size:14px}.results-controls{align-items:center;gap:16px;display:flex}.toggle{color:var(--text-h);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;font-weight:600;display:inline-flex}.toggle.small{color:var(--text);font-size:12px;font-weight:500}.toggle input{display:none}.toggle .track{background:#d8cebf;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.toggle .track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.track{background:var(--text-h)}.toggle input:checked+.track:after{transform:translate(16px)}.pkg-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px;display:grid}.pkg-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 36px #0000000f}.thumb{aspect-ratio:16/9;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative;overflow:hidden}.thumb:before{content:"";pointer-events:none;background:#0000001a;position:absolute;inset:0}.thumb-real:before,.thumb-empty:before{display:none}.thumb-empty{border-bottom:1px solid var(--border);background:#f5f5f5}.real-thumb-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.image-progress{z-index:2;text-align:center;gap:8px;width:min(68%,220px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-progress-percent{color:#222;font-variant-numeric:tabular-nums;font-size:16px;font-weight:850}.image-progress-track{background:#ddd;border-radius:999px;height:7px;display:block;overflow:hidden}.image-progress-fill{border-radius:inherit;background:#d9911e;height:100%;transition:width .5s linear;display:block}.image-error-state{z-index:2;color:#b73a30;text-align:center;max-width:82%;font-size:12px;font-weight:700;line-height:1.35}.thumb-emoji{z-index:1;font-size:42px}.thumb-placeholder{z-index:1;color:var(--text-dim);letter-spacing:0;font-size:12px;font-weight:700}.thumb-text{z-index:1;text-align:center;letter-spacing:-.04em;text-shadow:0 2px 10px #00000059;padding:0 16px;font-size:25px;font-weight:950;line-height:1.05}.thumb-line{display:block}.thumb-sub,.thumb-duration,.yours-badge{z-index:1;color:#fff;background:#000000b8;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.thumb-duration{position:absolute;bottom:8px;right:8px}.yours-badge{background:var(--text-h);position:absolute;top:8px;left:8px}.pkg-body{flex-direction:column;flex:1;gap:12px;padding:15px;display:flex}.pkg-meta-row{align-items:flex-start;gap:11px;display:flex}.avatar{color:#fff;background:var(--text-h);border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.avatar-comp{background:#7a7063}.pkg-text{min-width:0}.pkg-title{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.pkg-reasoning{color:var(--text);border-left:2px solid var(--text-h);padding-left:10px;font-size:12.5px;line-height:1.55}.image-generate-btn{border:1px solid var(--border);width:fit-content;color:var(--text-h);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;transition:border-color .12s,background .12s,transform .1s}.image-generate-btn:hover:not(:disabled){border-color:var(--border-strong);background:#f7f7f7;transform:translateY(-1px)}.image-generate-btn:disabled{opacity:.6;cursor:wait}.pkg-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.stars{gap:2px;display:flex}.star{color:#cfc3b3;padding:0 2px;font-size:19px}.star.on{color:var(--amber)}.pkg-feedback{width:100%;padding:9px 11px;font-size:12.5px}.feed-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px 18px;display:grid}.feed-card{border-radius:14px;flex-direction:column;gap:11px;margin:-6px;padding:6px;display:flex}.feed-card .thumb{border-radius:14px}.feed-yours{outline:2px solid var(--text-h);background:#1111110a}.thumb-feed .thumb-text{color:#fff;font-size:22px}.history{border-top:1px solid var(--border);margin-top:42px;padding-top:24px}.history-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.history-head h2{letter-spacing:-.03em;font-size:20px}.history-head span,.history-run-meta span{color:var(--text-dim);font-size:13px}.history-list{flex-direction:column;gap:12px;display:flex}.history-run{border:1px solid var(--border);background:#fff;border-radius:16px;padding:12px}.history-run-meta{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.history-thumbs{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.history-thumb{aspect-ratio:16/9;color:var(--text-dim);text-align:center;background:#f1f1f1;border-radius:10px;place-items:center;padding:6px;font-size:10px;font-weight:800;display:grid;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}@media (width<=820px){.app-shell{width:min(100% - 24px,1120px);padding-top:34px}.followups-grid{grid-template-columns:1fr}.hero{text-align:left}.context-box textarea{min-height:230px}}.composer-hero>span{color:#9b5d00;letter-spacing:.1em;text-transform:uppercase;margin-top:48px;font-size:12px;font-weight:900;display:block}.composer-toolbar{gap:8px;margin-top:25px;display:flex}.composer-rule-panel div{flex-direction:column;gap:7px;display:flex}.composer-rule-panel div span{color:#d5211a;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:950}.composer-rule-panel div strong{max-width:520px;font-size:21px;line-height:1.25}.composer-case h2{letter-spacing:-.035em;margin:7px 0 4px;font-size:29px}.composer-truth b{color:#177346;text-transform:uppercase;letter-spacing:.07em}.composer-variant{background:#fbfaf7;border:1px solid #e1ded5;border-radius:15px;min-width:0;padding:12px}.composer-variant-head div{justify-content:space-between;align-items:center;gap:10px;display:flex}.composer-variant-head span{font-size:13px;font-weight:900}.composer-variant-head strong{color:#5d584e;background:#ece8db;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.composer-stage>img{z-index:0;object-fit:cover;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.composer-vignette{z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 4cqi #0000002e}.strategy-editorial .composer-vignette{background:linear-gradient(90deg,#00000061,#0000 48%)}.strategy-evidence .composer-vignette{background:radial-gradient(circle,#0000 30%,#00000026 100%)}.composer-copy{z-index:4;letter-spacing:-.045em;text-transform:uppercase;flex-direction:column;justify-content:center;padding:1.4cqi;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:9.2cqi;font-weight:950;line-height:.82;display:flex;position:absolute}.composer-copy.light{color:#fff;-webkit-text-stroke:.38cqi #16130f;text-shadow:0 .65cqi #0000008c,0 0 1.8cqi #000000b8}.composer-copy.dark{color:#17130e;-webkit-text-stroke:.18cqi #ffffffc7;text-shadow:0 .45cqi #ffffff7a}.strategy-editorial .composer-copy span:last-child{color:#ffd21c}.strategy-evidence .composer-copy{color:#fff;transform:rotate(-1.5deg)}.strategy-evidence .composer-copy span:last-child{color:#ffd21c}.composer-arrow-outline,.composer-arrow-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.composer-arrow-outline{stroke:#fff;stroke-width:9px;opacity:.96}.composer-detection,.composer-zone-debug{z-index:8;color:#fff;pointer-events:none;border:2px solid;font-size:8px;font-weight:900;position:absolute}.composer-feed-test{grid-template-columns:168px minmax(0,1fr);align-items:start;gap:9px;margin-top:11px;display:grid}.composer-feed-thumb{width:168px}.composer-feed-thumb .composer-stage{border-radius:6px}.composer-feed-test>div:last-child{min-width:0;padding-top:2px}.composer-feed-test strong{color:#181818;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.composer-feed-test span{color:#777;margin-top:5px;font-size:9px;line-height:1.3;display:block}.composer-metrics{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.composer-metrics span{color:#716d64;text-transform:uppercase;letter-spacing:.04em;background:#efede6;border-radius:999px;padding:5px 8px;font-size:9px}.composer-metrics b{color:#2e2b27}@media (width<=1050px){.composer-variant-grid{grid-template-columns:1fr}.composer-variant{grid-template-columns:210px minmax(0,1fr);gap:12px;display:grid}.composer-variant-head{grid-column:1/-1;min-height:0}.composer-feed-test{margin-top:0}.composer-metrics,.composer-warning{grid-column:1/-1}}@media (width<=700px){.composer-lab-shell{padding:24px 10px 60px}.composer-hero>span{margin-top:34px}.composer-hero h1{font-size:52px}.composer-rule-panel{grid-template-columns:1fr;padding:18px}.composer-rule-panel ul{grid-template-columns:1fr}.composer-case>header{padding:21px 18px}.composer-variant-grid{padding:10px}.composer-variant{display:block}.composer-feed-test{margin-top:10px}.composer-feed-thumb{width:144px}.composer-feed-test{grid-template-columns:144px minmax(0,1fr)}.composer-truth{flex-direction:column;align-items:flex-start;gap:3px}}.prompt-lab-shell{color:#171717;width:min(1540px,100% - 40px);margin:0 auto;padding:34px 0 100px}.prompt-lab-hero{max-width:900px;margin-bottom:34px}.prompt-lab-hero>a{color:#555;font-weight:750;text-decoration:none}.prompt-lab-kicker{color:#a76300;text-transform:uppercase;letter-spacing:.08em;margin:48px 0 12px;font-size:13px;font-weight:850;display:block}.prompt-lab-hero h1{letter-spacing:-.055em;max-width:800px;margin:0;font-size:clamp(38px,6vw,76px);line-height:.98}.prompt-lab-hero>p{color:#666;max-width:730px;margin:20px 0;font-size:17px;line-height:1.55}.prompt-provider-row{flex-wrap:wrap;gap:8px;display:flex}.prompt-provider-row span{color:#555;border:1px solid #ddd;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:750}.prompt-changes{background:#fffaf1;border:1px solid #e4d5bb;border-radius:16px;margin-bottom:38px;padding:25px 28px}.prompt-changes h2{margin:0 0 16px;font-size:20px}.prompt-changes ol{color:#5f5547;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0;padding-left:22px;font-size:14px;line-height:1.45;display:grid}.prompt-ideas{gap:34px;display:grid}.prompt-idea{background:#fff;border:1px solid #ddd;border-radius:20px;overflow:hidden;box-shadow:0 16px 45px #0000000b}.prompt-idea-head{border-bottom:1px solid #e8e8e8;padding:25px 28px}.prompt-idea-head>span{color:#a76300;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:850}.prompt-idea-head h2{text-transform:capitalize;letter-spacing:-.035em;margin:7px 0 10px;font-size:27px}.prompt-idea-head p{color:#666;max-width:1050px;margin:0;line-height:1.5}.prompt-version-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.prompt-version{min-width:0;padding:24px}.prompt-version+.prompt-version{border-left:1px solid #e5e5e5}.prompt-version.experiment{background:#fffdf8}.prompt-version-head{min-height:82px;margin-bottom:18px}.prompt-version-head>span{color:#777;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:850}.prompt-version.experiment .prompt-version-head>span{color:#a76300}.prompt-version-head h3{margin:5px 0;font-size:19px}.prompt-version-head small{color:#888}.prompt-packages{gap:22px;display:grid}.prompt-package{background:#fff;border:1px solid #dedede;border-radius:14px;overflow:hidden}.prompt-image{aspect-ratio:16/9;background:#eee;position:relative}.prompt-image img{object-fit:cover;width:100%;height:100%;display:block}.prompt-image-error,.prompt-image-pending{color:#888;text-align:center;place-items:center;height:100%;padding:20px;display:grid}.prompt-image-error{color:#b73a30}.prompt-concept-number,.prompt-seconds{color:#fff;background:#000000c2;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:850;position:absolute;top:9px}.prompt-concept-number{left:9px}.prompt-seconds{right:9px}.prompt-package-copy{padding:16px}.prompt-lane{color:#a76300;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:850}.prompt-package-copy h4{letter-spacing:-.025em;margin:6px 0 9px;font-size:19px;line-height:1.15}.prompt-package-copy p{color:#666;margin:8px 0;font-size:13px;line-height:1.45}.prompt-package-copy .prompt-thumb-text{color:#333;font-weight:750}.prompt-package-copy details{border-top:1px solid #eee;margin-top:12px;padding-top:10px}.prompt-package-copy summary{cursor:pointer;color:#666;font-size:12px;font-weight:750}@media (width<=900px){.prompt-version-grid,.prompt-changes ol{grid-template-columns:1fr}.prompt-version+.prompt-version{border-top:1px solid #e5e5e5;border-left:0}}.render-lab-shell{color:#171717;width:min(1540px,100% - 40px);margin:0 auto;padding:34px 0 100px}.render-lab-hero{max-width:980px;margin-bottom:38px}.render-lab-hero>a{color:#555;font-weight:750;text-decoration:none}.render-lab-hero>span{color:#a76300;text-transform:uppercase;letter-spacing:.08em;margin:48px 0 12px;font-size:13px;font-weight:850;display:block}.render-lab-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(40px,6vw,78px);line-height:.98}.render-lab-hero>p{color:#666;max-width:820px;font-size:17px;line-height:1.5}.render-rule-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;display:grid}.render-rule-grid div{border:1px solid #ddd;border-radius:12px;padding:17px}.render-rule-grid p{color:#777;margin:5px 0 0;font-size:13px}.render-ideas,.render-concepts{gap:30px;display:grid}.render-idea{background:#fff;border:1px solid #ddd;border-radius:20px;overflow:hidden}.render-idea-head{border-bottom:1px solid #e5e5e5;padding:25px 28px}.render-idea-head span,.render-concept-head span{color:#a76300;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:850}.render-idea-head h2{text-transform:capitalize;margin:7px 0;font-size:28px}.render-idea-head p{color:#666;max-width:950px;margin:0;line-height:1.45}.render-concepts{padding:28px}.render-concept{border-bottom:1px solid #e5e5e5;padding-bottom:28px}.render-concept:last-child{border-bottom:0;padding-bottom:0}.render-concept-head h3{letter-spacing:-.03em;margin:5px 0 7px;font-size:24px}.render-concept-head p{color:#666;max-width:800px;margin:0 0 16px}.render-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.render-card{min-width:0}.render-label{color:#666;justify-content:space-between;padding:8px 2px;font-size:12px;display:flex}.render-label strong{color:#333}.renderer-b .render-label strong{color:#a76300}.render-frame{aspect-ratio:16/9;background:#eee;border-radius:12px;position:relative;overflow:hidden}.render-frame img{object-fit:cover;width:100%;height:100%;display:block}.render-pending,.render-failed{color:#888;place-items:center;height:100%;padding:20px;display:grid}.render-failed{color:#b73a30}.render-overlay{z-index:2;color:#fff;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 3px 3px #000000e6,0 0 10px #000000a6;max-width:64%;font-size:clamp(18px,3.2vw,48px);font-weight:950;line-height:.9;position:absolute}.render-overlay.left,.render-overlay.top-left{top:8%;left:5%}.render-overlay.right,.render-overlay.top-right{text-align:right;top:8%;right:5%}.render-overlay.bottom-left{bottom:8%;left:5%}.render-overlay.bottom-right{text-align:right;bottom:8%;right:5%}.render-vote{justify-content:center;gap:7px;margin-top:13px;display:flex}.render-vote button{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:750}.render-vote button.selected{color:#8a5100;background:#fff3de;border-color:#a76300}.render-spec{color:#666;margin-top:12px;font-size:12px}.render-spec summary{cursor:pointer;font-weight:750}.render-spec p{margin:7px 0}@media (width<=800px){.render-rule-grid,.render-pair{grid-template-columns:1fr}.render-concepts,.render-idea-head{padding:18px}}.bench-shell{width:min(1440px,100% - 32px);margin:0 auto;padding:34px 0 80px}.bench-topline{color:var(--text-dim);justify-content:space-between;gap:16px;margin-bottom:34px;font-size:13px;display:flex}.bench-back{color:var(--text-h);font-weight:700;text-decoration:none}.bench-hero{max-width:760px;margin-bottom:34px}.bench-hero h1{letter-spacing:-.055em;margin-bottom:12px;font-size:clamp(42px,6vw,82px);line-height:.95}.bench-hero p,.bench-video-head p,.bench-concept-head p,.bench-muted{color:var(--text-dim)}.bench-videos,.bench-concepts{flex-direction:column;gap:28px;display:flex}.bench-video{border-top:1px solid var(--border);padding-top:24px}.bench-video-head{max-width:780px;margin-bottom:18px}.bench-video-head span,.bench-concept-head span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.bench-video-head h2{letter-spacing:-.035em;margin-bottom:6px;font-size:28px}.bench-concept{border:1px solid var(--border);background:#fff;border-radius:16px;padding:14px}.bench-concept-head{margin-bottom:12px}.bench-concept-head h3{letter-spacing:-.02em;margin-bottom:3px;font-size:18px}.bench-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.bench-tier-label{color:var(--text-dim);justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.bench-tier-label strong{color:var(--text-h)}.bench-image-frame{aspect-ratio:16/9;border:1px solid var(--border);background:#f5f5f5;border-radius:10px;place-items:center;display:grid;overflow:hidden}.bench-image-frame img{object-fit:cover;width:100%;height:100%}.bench-image-fail,.bench-error{color:var(--red);text-align:center;padding:12px;font-size:13px}@media (width<=900px){.bench-tier-grid{grid-template-columns:1fr}}.menu-button{z-index:45;border:1px solid var(--border);background:#ffffffeb;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;display:flex;position:fixed;top:18px;left:18px;box-shadow:0 10px 28px #00000014}.menu-button span{background:var(--text-h);border-radius:999px;width:17px;height:2px}.sidebar-scrim{z-index:50;opacity:0;pointer-events:none;background:#00000038;transition:opacity .16s;position:fixed;inset:0}.sidebar-scrim.open{opacity:1;pointer-events:auto}.project-sidebar{z-index:55;border-right:1px solid var(--border);background:#fff;flex-direction:column;gap:14px;width:min(340px,100vw - 28px);padding:18px;transition:transform .18s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:18px 0 50px #0000001f}.project-sidebar.open{transform:translate(0)}.sidebar-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-head h2{letter-spacing:-.02em;font-size:18px}.sidebar-close{width:32px;height:32px;color:var(--text-dim);border-radius:999px;place-items:center;font-size:22px;display:grid}.sidebar-close:hover{color:var(--text-h);background:#f4f4f4}.new-project-btn{border:1px solid var(--border);background:var(--text-h);color:#fff;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:750}.project-list{flex-direction:column;gap:8px;padding-right:2px;display:flex;overflow:auto}.project-row{text-align:left;background:#fff;border:1px solid #0000;border-radius:12px;width:100%;padding:10px}.project-row:hover,.project-row.active{border-color:var(--border);background:#f7f7f7}.project-title{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;line-height:1.25;display:block;overflow:hidden}.project-meta{color:var(--text-dim);margin-top:3px;font-size:12px;display:block}.project-thumbs{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;display:grid}.project-thumbs img{aspect-ratio:16/9;object-fit:cover;background:#eee;border-radius:5px;width:100%}.context-selectors{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.context-selectors .quality-picker{margin-left:0}.pkg-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:28px 20px}.pkg-card{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}.pkg-card:hover{border-color:#0000}.pkg-card .thumb{background:#f3f3f3;border-radius:12px}.thumb-empty{border-bottom:none}.pkg-body.youtube-card-body{gap:0;padding:10px 0 0}.youtube-row{gap:12px;width:100%}.pkg-title{letter-spacing:0;font-size:15px;font-weight:750;line-height:1.32}.pkg-meta{color:#666;margin-top:4px;font-size:12.5px}.video-menu{width:24px;height:28px;color:var(--text-dim);border-radius:999px;flex:none;font-size:20px;line-height:1}.video-menu:hover{color:var(--text-h);background:#f1f1f1}.preview-toggle{z-index:3;color:#fff;background:#00000075;border:1px solid #ffffffbf;border-radius:999px;place-items:center;width:26px;height:26px;font-size:14px;font-weight:900;display:grid;position:absolute;top:8px;left:8px}.preview-toggle.selected{background:var(--text-h);border-color:var(--text-h)}.youtube-action{color:var(--text-h);background:0 0;border:none;margin-top:8px;padding:0;font-size:12.5px;font-weight:750}.youtube-action:hover:not(:disabled){background:0 0;text-decoration:underline;transform:none}.results-head{align-items:center}.results-head h2{letter-spacing:-.03em;font-size:23px}.results-feed-mode{color:#f1f1f1;background:#0f0f0f;border-radius:18px;width:min(1500px,100vw - 32px);margin-left:50%;padding:18px;transform:translate(-50%)}.results-feed-mode .results-head h2,.results-feed-mode .toggle,.results-feed-mode .pkg-title{color:#f1f1f1}.results-feed-mode .pkg-meta,.results-feed-mode .toggle.small{color:#aaa}.results-feed-mode .feed-yours{background:#ffffff14;outline:2px solid #fff}.results-feed-mode .video-menu:hover{color:#fff;background:#252525}@media (width<=820px){.menu-button{top:12px;left:12px}.context-meta{align-items:flex-start}.context-selectors{justify-content:flex-start;width:100%;margin-left:0}.pkg-grid{grid-template-columns:1fr}}.context-box textarea{padding-bottom:72px}.input-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;max-width:calc(100% - 28px)}.inline-selectors{align-items:center;gap:8px;margin-left:0;display:inline-flex}.compact-picker{white-space:nowrap;gap:6px;margin-left:0;font-size:12px}.compact-picker select{max-width:126px;box-shadow:none;padding:6px 24px 6px 9px}.format-picker select{max-width:184px}.context-meta{justify-content:flex-start}.no-avatar-row{align-items:flex-start;gap:8px;width:100%;display:flex}.no-avatar-row .pkg-text{flex:1}.results-feed-mode{box-shadow:none;border-radius:0;padding:18px 8px 28px}.results-feed-mode.feed-light{color:#0f0f0f;background:#fff}.results-feed-mode.feed-light .results-head h2,.results-feed-mode.feed-light .toggle,.results-feed-mode.feed-light .pkg-title{color:#0f0f0f}.results-feed-mode.feed-light .pkg-meta,.results-feed-mode.feed-light .toggle.small{color:#606060}.results-feed-mode.feed-light .feed-yours{background:#00000009;outline:2px solid #0f0f0f}.results-feed-mode.feed-dark{color:#f1f1f1;background:#0f0f0f}.results-feed-mode.feed-dark .results-head h2,.results-feed-mode.feed-dark .toggle,.results-feed-mode.feed-dark .pkg-title{color:#f1f1f1}.results-feed-mode.feed-dark .pkg-meta,.results-feed-mode.feed-dark .toggle.small{color:#aaa}.results-feed-mode.feed-dark .feed-yours{background:#ffffff14;outline:2px solid #fff}.results-feed-mode .feed-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:28px 14px}.results-feed-mode .feed-card{gap:8px;margin:0;padding:0}.results-feed-mode .feed-card .thumb{border-radius:9px}.results-feed-mode .pkg-title{font-size:14px;font-weight:750;line-height:1.32}.results-feed-mode .video-menu{margin-top:-2px}.results-feed-mode.feed-light .video-menu:hover{color:#0f0f0f;background:#f1f1f1}.results-feed-mode.feed-dark .video-menu:hover{color:#fff;background:#252525}.thumb-portrait{aspect-ratio:9/16}.results:not(.results-feed-mode).format-portrait .pkg-grid{grid-template-columns:repeat(var(--result-count), minmax(140px, 220px))}.quota-kicker{color:#ffffff7a;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800}.google-sign-in{justify-content:center;align-items:center;gap:10px;min-width:220px;font-size:14px;transition:box-shadow .15s,background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 5px #00000029;color:#202124!important;background:#fff!important;border:1px solid #dadce0!important;border-radius:8px!important;padding:11px 18px!important;font-weight:650!important}.google-sign-in:hover{transform:translateY(-1px);box-shadow:0 3px 9px #00000038;background:#f8faff!important}.google-mark{flex:none;width:18px;height:18px}@media (width<=820px){.results:not(.results-feed-mode).format-portrait .pkg-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width<=520px){.format-picker select{max-width:150px}.results:not(.results-feed-mode).format-portrait .pkg-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.context-box textarea{padding-bottom:172px}.input-actions{left:14px;right:14px}.attachment-actions{max-width:calc(100% - 28px);bottom:70px;right:14px}.inline-selectors{justify-content:flex-end;width:100%}.compact-picker{font-size:11.5px}.compact-picker select{max-width:118px}.context-meter{width:100%}.context-meta{flex-direction:column;align-items:flex-start}}.results:not(.results-feed-mode){width:min(1760px,100vw - 32px);margin-left:50%;transform:translate(-50%)}.results:not(.results-feed-mode) .pkg-grid{grid-template-columns:repeat(var(--result-count), minmax(0, 1fr));justify-content:center;gap:clamp(10px,1.25vw,22px);padding:0;display:grid;overflow:visible}.results:not(.results-feed-mode) .pkg-card{min-width:0}.result-history{border-top:1px solid var(--border);width:min(1320px,100vw - 32px);margin:34px auto 0;padding-top:22px}.result-history-head{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.result-history-head h2{letter-spacing:-.03em;font-size:22px}.result-history-head span{color:var(--text-dim);font-size:13px}.result-history-list{flex-direction:column;gap:10px;display:flex}.result-history-run{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.result-history-summary{text-align:left;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 14px;display:flex}.result-history-summary:hover{background:#f8f8f8}.result-history-summary span{flex-direction:column;gap:3px;min-width:0;display:flex}.result-history-summary strong{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.result-history-summary em{color:var(--text-dim);font-size:12px;font-style:normal}.result-history-summary b{color:var(--text-h);flex-shrink:0;font-size:12px;font-weight:800}.result-history-grid{flex-wrap:nowrap;gap:12px;padding:0 14px 14px;display:flex;overflow-x:auto}.result-history-card{flex:0 0 240px}.history-preview-thumb{aspect-ratio:16/9;background:#f2f2f2;border-radius:9px;place-items:center;display:grid;overflow:hidden}.history-preview-thumb img{object-fit:cover;width:100%;height:100%}.history-preview-thumb span{color:var(--text-dim);text-align:center;padding:8px;font-size:11px;font-weight:800}.result-history-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.result-history-card p{color:var(--text-dim);margin-top:3px;font-size:12px}@media (width<=820px){.results:not(.results-feed-mode) .pkg-grid{gap:8px}.results:not(.results-feed-mode) .pkg-card{min-width:0}}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-italic-DdsBx9lY.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-800-italic-aDhyDJMT.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-italic-BbzArEj4.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-italic-Ca7Cun8E.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-italic-B5BpsPSY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-ext-400-normal-DQAASfvW.woff2)format("woff2"),url(/assets/archivo-black-latin-ext-400-normal--j5WRK12.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.composer-lab-shell{color:#151513;background:#f3f1eb;min-height:100vh;padding:34px 18px 96px}.composer-lab-shell>*{width:min(1820px,100%);margin-left:auto;margin-right:auto}.composer-lab-shell a{color:#59564f;font-size:13px;font-weight:800;text-decoration:none}.composer-hero{padding:8px 0 36px}.composer-hero>span,.composer-feed-section>header>span{color:#ad5b00;letter-spacing:.12em;text-transform:uppercase;margin-top:46px;font-size:12px;font-weight:900;display:block}.composer-hero h1{letter-spacing:-.068em;max-width:1120px;margin:13px 0 0;font-size:clamp(50px,7vw,112px);line-height:.9}.composer-hero>p{color:#666259;max-width:900px;margin:22px 0 0;font-size:17px;line-height:1.55}.composer-toolbar{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.composer-toolbar button{color:#625e55;cursor:pointer;background:#fff;border:1px solid #d2cec2;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:850}.composer-toolbar button.active{color:#fff;background:#151513;border-color:#151513}.composer-rule-panel{background:#fff;border:1px solid #d9d4c8;border-radius:20px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;margin-bottom:14px;padding:26px;display:grid}.composer-rule-panel>div{flex-direction:column;gap:7px;display:flex}.composer-rule-panel>div>span{color:#d52820;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:950}.composer-rule-panel strong{max-width:610px;font-size:22px;line-height:1.24}.composer-rule-panel p{color:#777168;max-width:650px;margin:4px 0 0;font-size:12px;line-height:1.45}.composer-rule-panel ul{color:#68645b;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0;padding-left:19px;font-size:13px;line-height:1.4;display:grid}.composer-pattern-strip{background:#d9d4c8;border:1px solid #d9d4c8;border-radius:17px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:28px;display:grid;overflow:hidden}.composer-pattern-strip>div{background:#fbfaf7;min-height:105px;padding:20px}.composer-pattern-strip b{margin-bottom:6px;font-size:14px;display:block}.composer-pattern-strip span{color:#777168;font-size:12px;line-height:1.4}.composer-cases{gap:30px;display:grid}.composer-case{background:#fff;border:1px solid #d6d1c5;border-radius:22px;overflow:hidden;box-shadow:0 14px 44px #241d0f0e}.composer-case>header{border-bottom:1px solid #e8e4da;padding:26px 28px 24px}.composer-case>header>span{color:#9e5800;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:900}.composer-case h2{color:#171714;letter-spacing:-.038em;margin:7px 0 5px;font-size:31px}.composer-case header>p{color:#746f66;max-width:1020px;margin:0;font-size:14px;line-height:1.5}.composer-truth{color:#666158;align-items:baseline;gap:9px;margin-top:13px;font-size:12px;display:flex}.composer-truth b{color:#167047;letter-spacing:.07em;text-transform:uppercase}.composer-blueprint{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 0;display:grid}.composer-blueprint>div{background:#faf9f5;border:1px solid #e4e0d7;border-radius:11px;padding:12px 13px}.composer-blueprint dt{color:#8a847a;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.composer-blueprint dd{color:#45413b;margin:5px 0 0;font-size:11px;line-height:1.35}.composer-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px;display:grid}.composer-variant{background:#faf9f6;border:1px solid #ddd9cf;border-radius:16px;min-width:0;padding:13px;display:block}.composer-variant-head{min-height:116px}.composer-variant-head>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.composer-variant-head>div>span{font-size:14px;font-weight:900}.composer-variant-head>div>b{color:#17653d;letter-spacing:.05em;text-transform:uppercase;background:#e4f5e9;border-radius:999px;padding:5px 8px;font-size:9px}.composer-variant-head>div>b:first-letter{text-transform:uppercase}.composer-variant-head small{color:#a25b00;letter-spacing:.06em;text-transform:uppercase;margin-top:7px;font-size:10px;font-weight:850;display:block}.composer-variant-head p{color:#757067;margin:7px 0 14px;font-size:12px;line-height:1.42}.composer-stage{aspect-ratio:16/9;isolation:isolate;background:#111;border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.composer-stage>img{z-index:0;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.composer-copy{z-index:3;font-size:var(--composer-font-size);letter-spacing:-.035em;text-transform:uppercase;transform:rotate(var(--composer-rotation));transform-origin:50%;pointer-events:none;flex-direction:column;justify-content:center;line-height:.8;display:flex;position:absolute}.composer-copy>span{white-space:nowrap;width:100%;display:block}.composer-copy-challenge{letter-spacing:-.02em;font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:800}.composer-copy-clean,.composer-copy-proof{font-family:Archivo Black,sans-serif;font-weight:400}.composer-copy-game{letter-spacing:.005em;font-family:Anton,sans-serif;font-weight:400}.composer-copy.white{color:#fff;-webkit-text-stroke:.36cqi #111;paint-order:stroke fill;text-shadow:0 .55cqi .25cqi #0000009e,0 0 1.2cqi #00000080}.composer-copy.black{color:#111;-webkit-text-stroke:.2cqi #ffffffd9;paint-order:stroke fill}.composer-copy-challenge .accent{color:#ffd400}.composer-copy-game .accent{color:#51efff}.composer-copy-proof .accent{color:#b7ff31}.composer-arrow{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.composer-arrow-outline,.composer-arrow-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.composer-arrow-outline{stroke-width:28px}.composer-arrow-outline.outline-white{stroke:#fff}.composer-arrow-outline.outline-black{stroke:#111}.composer-arrow-line{stroke:#ef1c16;stroke-width:16px;filter:drop-shadow(0 7px 5px #00000094)}.composer-arrow-head{fill:#ef1c16;stroke-width:9px;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 5px 3px #0000007a)}.composer-arrow-head.outline-white{stroke:#fff}.composer-arrow-head.outline-black{stroke:#111}.composer-duration{z-index:7;color:#fff;background:#000000d6;border-radius:3px;padding:.55cqi .8cqi;font-size:2.7cqi;font-weight:800;position:absolute;bottom:3%;right:1.8%}.composer-detection,.composer-zone-debug{z-index:8;color:#fff;pointer-events:none;border:2px solid;font-size:8px;font-weight:900;position:absolute;overflow:hidden}.composer-detection.face{background:#2cff8a17;border-color:#2cff8a}.composer-detection.target{background:#00d9ff1a;border-color:#00d9ff}.composer-detection.protected{border-style:dashed;border-color:#ffc600d9}.composer-zone-debug{background:#ff2cc70f;border-style:dashed;border-color:#ff2cc7}.composer-checks{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.composer-checks span{color:#666158;letter-spacing:.04em;text-transform:uppercase;background:#ece9e1;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.composer-warning{color:#b72a24;margin:8px 0 0;font-size:10px;font-weight:750}.composer-vote{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding:0 22px 24px;display:flex}.composer-vote>span{color:#5f5a51;margin-right:6px;font-size:12px;font-weight:850}.composer-vote button{color:#625e55;cursor:pointer;background:#fff;border:1px solid #d6d2c8;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:850}.composer-vote button.selected{color:#fff;background:#151513;border-color:#151513}.composer-feed-section{color:#f1f1f1;background:#0f0f0f;border-radius:22px;margin-top:34px;padding:28px}.composer-feed-section>header{max-width:840px;margin-bottom:23px}.composer-feed-section>header>span{color:#ffba43;margin-top:0}.composer-feed-section h2{letter-spacing:-.04em;margin:6px 0 5px;font-size:30px}.composer-feed-section header p{color:#aaa;margin:0;font-size:13px;line-height:1.5}.composer-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 16px;display:grid}.composer-feed-card{min-width:0}.composer-feed-card .composer-stage{border-radius:10px}.composer-feed-copy{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.composer-feed-copy>div{min-width:0}.composer-feed-copy strong{color:#f1f1f1;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.composer-feed-copy span{color:#aaa;margin-top:4px;font-size:12px;display:block}.composer-feed-copy>b{color:#ddd;flex:none;font-size:20px;line-height:1}@media (width<=1180px){.composer-blueprint,.composer-pattern-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-variant-grid{grid-template-columns:1fr}.composer-variant{display:block}.composer-variant-head{min-height:0;margin-bottom:12px}}@media (width<=760px){.composer-lab-shell{padding:24px 10px 64px}.composer-hero>span{margin-top:34px}.composer-hero h1{font-size:52px}.composer-rule-panel,.composer-rule-panel ul,.composer-blueprint,.composer-pattern-strip,.composer-feed-grid{grid-template-columns:1fr}.composer-rule-panel,.composer-feed-section{padding:18px}.composer-pattern-strip>div{min-height:0}.composer-case>header{padding:21px 17px}.composer-variant-grid{padding:10px}.composer-truth{flex-direction:column;align-items:flex-start;gap:3px}}
