.device-project-guide{--dpg-bg: #08131f;--dpg-panel: #0d1b2a;--dpg-line: rgba(183, 207, 233, .14);--dpg-text: #eaf2fb;--dpg-muted: #a1b5cb;--dpg-blue: #5cb3ff;color:var(--dpg-text)}.device-project-guide .dpg-section{padding:24px 0 44px;background:var(--dpg-bg);border-block:1px solid var(--dpg-line);scroll-margin-top:90px}.device-project-guide .dpg-width{max-width:1280px;margin-inline:auto;padding-inline:32px}.device-project-guide .dpg-preview-strip{padding-bottom:16px;color:var(--dpg-muted);font-size:11px}.device-project-guide .dpg-preview-strip span,.device-project-guide .dpg-model{display:inline-flex;align-items:center;gap:7px}.device-project-guide .dpg-shortcuts{display:flex;flex-wrap:wrap;gap:12px 28px;border-block:1px solid var(--dpg-line);padding-block:14px;font-size:12px}.device-project-guide .dpg-shortcuts a{color:var(--dpg-muted);text-underline-offset:5px}.device-project-guide .dpg-shortcuts a:last-child{color:var(--dpg-blue)}.device-project-guide .dpg-shortcuts a:hover{text-decoration:underline}.device-project-guide .dpg-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:30px 0 24px}.device-project-guide h2{font-size:clamp(25px,2.5vw,32px);font-weight:650;line-height:1.2;letter-spacing:-.025em}.device-project-guide .dpg-heading p{color:var(--dpg-muted);font-size:14px;line-height:1.6;margin-top:10px}.device-project-guide .dpg-model{color:var(--dpg-muted);flex-shrink:0;font-size:12px;padding-bottom:4px}.device-project-guide .dpg-workspace{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--dpg-line);border-radius:16px;background:var(--dpg-panel);overflow:hidden}.device-project-guide .dpg-initial{grid-template-columns:1fr}.device-project-guide .dpg-conversation{padding:28px;min-width:0;display:flex;flex-direction:column}.device-project-guide .dpg-started .dpg-conversation{min-height:600px;border-right:1px solid var(--dpg-line)}.device-project-guide .dpg-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:22px}.device-project-guide .dpg-panel-title h3{font-size:15px;font-weight:600;line-height:1.45}.device-project-guide .dpg-initial .dpg-panel-title{margin-bottom:12px}.device-project-guide .dpg-initial .dpg-panel-title h3{font-size:21px;letter-spacing:-.02em}.device-project-guide .dpg-ai-mark{display:grid;place-items:center;flex-shrink:0;height:32px;width:32px;border:1px solid rgba(92,179,255,.22);border-radius:9px;color:var(--dpg-blue);background:#10283e}.device-project-guide .dpg-reset{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--dpg-muted);flex-shrink:0}.device-project-guide .dpg-reset:hover{color:var(--dpg-text)}.device-project-guide .dpg-starter-sub{margin-left:42px;color:var(--dpg-muted);font-size:14px;line-height:1.6}.device-project-guide .dpg-chat{display:flex;flex-direction:column;gap:22px;min-height:0}.device-project-guide .dpg-started .dpg-chat{flex:1 1 0;height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#28415a transparent;padding-right:8px}.device-project-guide .dpg-message{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.device-project-guide .dpg-message p+p{margin-top:8px}.device-project-guide .dpg-muted{color:var(--dpg-muted);font-size:11px;line-height:1.55}.device-project-guide .dpg-exchange{display:grid;gap:16px}.device-project-guide .dpg-person{margin-left:32px;padding:12px 16px;border:1px solid var(--dpg-line);border-radius:12px 12px 3px;background:#12273b}.device-project-guide .dpg-sender{color:var(--dpg-muted);display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:10px}.device-project-guide .dpg-assistant{padding:0 6px 0 0}.device-project-guide .dpg-assistant .dpg-sender{color:var(--dpg-blue)}.device-project-guide .dpg-reasoning{margin-top:10px;color:var(--dpg-muted);font-size:12px}.device-project-guide .dpg-reasoning summary{width:-moz-fit-content;width:fit-content;cursor:pointer}.device-project-guide .dpg-reasoning p{margin-top:8px}.device-project-guide .dpg-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0 22px}.device-project-guide .dpg-examples button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border:1px solid var(--dpg-line);border-radius:9px;color:#c4d7eb;font-size:13px;line-height:1.5;text-align:left;transition:background .15s,border-color .15s}.device-project-guide .dpg-examples button svg{flex-shrink:0;color:var(--dpg-blue)}.device-project-guide .dpg-examples button:hover{background:#142d43;border-color:#5cb3ff8c}.device-project-guide .dpg-composer{flex-shrink:0;margin-top:22px}.device-project-guide .dpg-initial .dpg-composer{margin-top:0}.device-project-guide .dpg-started .dpg-composer{padding-top:16px;border-top:1px solid var(--dpg-line)}.device-project-guide .dpg-composer label{display:block;font-size:11px;color:var(--dpg-muted);margin-bottom:8px}.device-project-guide .dpg-composer textarea{width:100%;background:#081523;color:var(--dpg-text);border:1px solid var(--dpg-line);border-radius:9px;padding:13px 15px;font-size:14px;line-height:1.6;resize:vertical;min-height:90px;max-height:180px}.device-project-guide .dpg-composer textarea::-moz-placeholder{color:#8297ad}.device-project-guide .dpg-composer textarea::placeholder{color:#8297ad}.device-project-guide .dpg-composer textarea:focus{outline:2px solid rgba(92,179,255,.5);outline-offset:2px}.device-project-guide .dpg-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px}.device-project-guide .dpg-composer-footer span{max-width:270px;color:var(--dpg-muted);font-size:10px;line-height:1.5}.device-project-guide .dpg-composer-footer button{flex-shrink:0;min-height:40px;gap:8px;font-size:12px}.device-project-guide .dpg-plan{min-width:0;padding:28px;background:linear-gradient(150deg,#0b1e30,var(--dpg-bg))}.device-project-guide .dpg-brief-header{display:flex;align-items:center;gap:8px;margin-bottom:22px}.device-project-guide .dpg-brief-header h3{font-size:15px;font-weight:600}.device-project-guide .dpg-brief-icon{color:var(--dpg-blue)}.device-project-guide .dpg-draft-badge{margin-left:auto;font-size:10px;padding:3px 7px;border:1px solid var(--dpg-line);border-radius:5px;color:var(--dpg-muted)}.device-project-guide .dpg-mode{font-size:11px;color:var(--dpg-muted);margin:-10px 0 18px}.device-project-guide .dpg-goal{border-left:2px solid #3e7dac;padding-left:12px;margin-bottom:20px}.device-project-guide .dpg-goal>span{font-size:10px;color:var(--dpg-muted)}.device-project-guide .dpg-goal p{font-size:13px;line-height:1.6;margin-top:5px;overflow-wrap:anywhere}.device-project-guide .dpg-flow-caption{margin:0 0 8px;color:#94a9bd;font-size:11px}.device-project-guide .dpg-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px;border-block:1px solid var(--dpg-line);padding-block:16px}.device-project-guide .dpg-flow-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--dpg-blue)}.device-project-guide .dpg-flow-step strong{font-size:11px;font-weight:500;line-height:1.4;color:#c4d7eb}.device-project-guide .dpg-flow-arrow{position:absolute;right:0;top:3px;color:#52718d}.device-project-guide .dpg-brief-block{margin-bottom:20px}.device-project-guide .dpg-brief-block h4{font-size:11px;font-weight:600;color:var(--dpg-muted);margin-bottom:9px}.device-project-guide .dpg-summary,.device-project-guide .dpg-value{font-size:13px;line-height:1.65;color:#d2e0ef;overflow-wrap:anywhere}.device-project-guide .dpg-summary{animation:dpg-reveal .25s ease-out}.device-project-guide .dpg-checks{display:grid;gap:9px;font-size:12px;line-height:1.6;color:#c4d7eb}.device-project-guide .dpg-checks li{display:flex;align-items:flex-start;gap:9px}.device-project-guide .dpg-check-dot{height:4px;width:4px;flex-shrink:0;background:#66829e;border-radius:50%;margin-top:8px}.device-project-guide .dpg-sources{border-top:1px solid var(--dpg-line);padding-top:14px;font-size:11px;line-height:1.6;color:var(--dpg-muted)}.device-project-guide .dpg-sources ul{display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:7px}.device-project-guide .dpg-sources a{display:inline-flex;align-items:center;gap:5px;color:var(--dpg-blue)}.device-project-guide .dpg-sources a:hover{text-decoration:underline;text-underline-offset:3px}.device-project-guide .dpg-sources li{overflow-wrap:anywhere}.device-project-guide .dpg-review-area{margin-top:22px}.device-project-guide .dpg-review{min-height:42px;width:100%;white-space:normal;height:auto;gap:10px;padding:11px 16px;margin-bottom:9px;font-size:12px}.device-project-guide .dpg-brief-toggle{display:none}.device-project-guide .dpg-thinking,.device-project-guide .dpg-latest{display:flex;align-items:center;gap:8px;color:var(--dpg-blue);font-size:12px}.device-project-guide .dpg-thinking{padding-top:12px}.device-project-guide .dpg-pulse{width:5px;height:5px;border-radius:50%;background:var(--dpg-blue);animation:dpg-pulse 1s ease-in-out infinite alternate}.device-project-guide .dpg-latest{margin:8px auto 0}.device-project-guide .dpg-reference-note{margin-top:18px;font-size:11px;color:var(--dpg-muted)}.device-project-guide .dpg-inquiry{background:var(--dpg-bg);padding-top:22px;scroll-margin-top:90px}.device-project-guide .dpg-close{display:inline-flex;align-items:center;gap:7px;color:var(--dpg-blue);font-size:13px}.device-project-guide [role=alert]{margin-top:12px;color:#fbbf8f;font-size:12px;line-height:1.6}.device-project-guide button:disabled{opacity:.55;cursor:wait}.device-project-guide button:focus-visible,.device-project-guide a:focus-visible,.device-project-guide summary:focus-visible,.device-project-guide .dpg-chat:focus-visible{outline:2px solid var(--dpg-blue);outline-offset:4px}@keyframes dpg-reveal{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes dpg-pulse{0%{opacity:.3}to{opacity:1}}@media (max-width: 900px){.device-project-guide .dpg-workspace{grid-template-columns:1fr}.device-project-guide .dpg-started .dpg-conversation{min-height:0;border-right:0;border-bottom:1px solid var(--dpg-line)}.device-project-guide .dpg-started .dpg-chat{height:auto;flex:none;overflow:visible;padding-right:0}.device-project-guide .dpg-heading{align-items:flex-start;flex-direction:column;gap:12px}.device-project-guide .dpg-brief-header{margin-bottom:12px}.device-project-guide .dpg-brief-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--dpg-blue);font-size:12px;padding:8px 0}.device-project-guide .dpg-brief-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.device-project-guide .dpg-brief-body{display:none}.device-project-guide .dpg-brief-body.is-expanded{display:block;padding-top:16px}.device-project-guide .dpg-review-area{margin-top:14px}}@media (max-width: 540px){.device-project-guide .dpg-width{padding-inline:20px}.device-project-guide .dpg-conversation,.device-project-guide .dpg-plan{padding:20px}.device-project-guide .dpg-panel-title{flex-wrap:wrap}.device-project-guide .dpg-reset{font-size:10px}.device-project-guide .dpg-initial .dpg-panel-title h3{font-size:18px}.device-project-guide .dpg-starter-sub{margin-left:0;font-size:13px}.device-project-guide .dpg-examples{grid-template-columns:1fr;gap:7px;margin:18px 0}.device-project-guide .dpg-examples button{padding:11px 12px;font-size:12px}.device-project-guide .dpg-composer textarea{font-size:16px}.device-project-guide .dpg-composer-footer{flex-direction:column-reverse;align-items:stretch;gap:10px}.device-project-guide .dpg-composer-footer span{max-width:none}.device-project-guide .dpg-person{margin-left:16px}.device-project-guide .dpg-review{font-size:13px}}@media (prefers-reduced-motion: reduce){.device-project-guide *{animation:none!important;scroll-behavior:auto;transition:none}}