.wc-claude-code{background:radial-gradient(ellipse at 83% 40%,#f9eee3,transparent 61%),var(--platform-card)}.wc-claude-code .wc-copy h1{font-size:clamp(35px,3.6vw,52px)}.dcl-paper{position:absolute;inset:3% 4% 5%;border:1px solid #e0cbb7;border-radius:15px;background:#fcf5e9;transform:rotate(-6deg)}.dcl-editor{position:absolute;inset:8% 0 7%;border:1px solid #dbc8b5;border-radius:14px;background:#fffdf8;box-shadow:0 20px 40px #88603e14;transform:rotate(2deg);overflow:hidden}.dcl-top{height:46px;display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #e8dbca;font:6px/1.5 monospace;letter-spacing:.1em;color:#8d7057}.dcl-top .menu-brand-art{width:28px;height:28px}.dcl-top img{width:27px;height:27px}.dcl-top>i{margin-left:auto;height:3px;width:12px;background:#d6c2ad}.dcl-top>i+i{margin-left:0;width:7px}.dcl-content{display:flex;height:calc(100% - 89px)}.dcl-tree{width:26%;padding:19px 14px;border-right:1px solid #e8dbca;background:#fbf6ed;color:#755a42;font:7px/1.5 monospace;flex-shrink:0}.dcl-tree>span{display:block;margin-bottom:18px}.dcl-tree>b{display:block;font:inherit;margin-top:13px}.dcl-tree>i{display:block;height:2px;width:70%;background:#dac9b3;margin:9px 0 0 10px}.dcl-code{position:relative;flex:1;min-width:0;padding:16px 15px 12px;overflow:hidden}.dcl-code>div:first-child{display:flex;gap:18px;padding-bottom:14px;color:#78583e;font:7px/1.5 monospace}.dcl-line{display:flex;align-items:center;gap:12px;margin-top:12px;padding:3px 6px}.dcl-line>em{font:6px/1.5 monospace;color:#77634e;font-style:normal}.dcl-line>i{height:3px;width:71%;background:#cebea9;border-radius:3px}.dcl-line:nth-child(3)>i{width:49%;background:#b5bcc0}.dcl-line:nth-child(4)>i{width:79%;background:#b4c8a8}.dcl-line:nth-child(5)>i{width:61%;background:#b4c8a8}.dcl-add{background:#eaf0e1;border-radius:4px;transition:transform .5s}.dcl-add>em{color:#4f653c}.dcl-code .dcl-line:nth-child(n+6){margin-top:8px}.dcl-review{position:absolute;right:15px;bottom:11px;display:flex;gap:6px;align-items:center;border:1px solid #d7c4ae;border-radius:6px;padding:7px 9px;background:#fffaf1;color:#846343;font:5px/1.3 monospace;transition:transform .5s}.dcl-review>i{width:5px;height:3px;background:#ceb595}.dcl-scan{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#b98b6544,transparent);animation:dcl-scan 13s linear infinite paused;pointer-events:none}.dcl-terminal{display:flex;align-items:center;gap:11px;height:43px;padding:12px 17px;background:#f4ebdf;border-top:1px solid #e4d4c0;color:#826247}.dcl-terminal>span{font:12px/1 monospace}.dcl-terminal>b{font:8px/1.5 monospace;font-weight:400}.dcl-terminal>i{width:2px;height:10px;background:#ac7954;animation:dcl-blink 1.4s steps(1) infinite paused}.dcl-note{position:absolute;right:2%;bottom:0;display:flex;align-items:center;gap:8px;border:1px solid #d7c4ae;border-radius:9px;background:#fffaf1;padding:10px 13px;color:#846343;font:5px/1.5 monospace;letter-spacing:.09em;z-index:3}.dcl-note .icon{height:16px;width:16px}.wc-motion-active :is(.dcl-scan,.dcl-terminal>i){animation-play-state:running}[data-wc-scene="1"] .dcl-add{transform:translateX(-5px)}[data-wc-scene="1"] .dcl-review{transform:translateY(-4px)}[data-wc-scene="2"] .dcl-terminal{background:#e8eedf}@keyframes dcl-scan{from{transform:translateY(0)}to{transform:translateY(250px)}}@keyframes dcl-blink{50%{opacity:0}}@media(max-width:1050px){.dcl-tree{padding-inline:11px;font-size:6px}.dcl-code{padding-inline:11px}.dcl-code>div:first-child{gap:12px;font-size:6px}.dcl-top{gap:9px;font-size:5px}}@media(max-width:760px){.dcl-editor{inset:7% 1% 8%}.dcl-content{height:calc(100% - 86px)}.dcl-tree{padding:16px 10px;width:25%;font-size:6px}.dcl-code{padding:13px 9px}.dcl-code>div:first-child{gap:11px;font-size:5px;padding-bottom:11px}.dcl-top{height:43px;padding-inline:12px}.dcl-top>span:not(.menu-brand-art){font-size:5px}.dcl-line{margin-top:10px;gap:9px}.dcl-code .dcl-line:nth-child(n+6){margin-top:7px}.dcl-review{right:9px;bottom:10px}.dcl-note{padding:9px 10px;right:0}.dcl-terminal{padding-inline:13px}}[data-theme=dark] .wc-claude-code{background:radial-gradient(ellipse at 83% 40%,#b5824d20,transparent 61%),var(--platform-card)}