.principle-visual.depth-art{justify-self:center;max-width:520px;container:depth-graphic/inline-size}.depth-flow{grid-template-columns:minmax(0,1fr) 84px minmax(0,1.45fr);align-items:center;min-height:310px;padding:16px 0;display:grid}.depth-sources{gap:14px;display:grid}.depth-source{color:#dadada;background:linear-gradient(150deg,#252525,#181818);border:1px solid #393939;border-radius:6px;align-items:center;gap:10px;height:54px;padding:0 11px;font-size:14px;line-height:1.45;display:flex;box-shadow:inset 0 1px #ffffff09,0 4px 10px #0002}.depth-source>span:nth-child(2){min-width:0}.depth-source-icon{color:#bdbdbd;flex-shrink:0;place-items:center;width:22px;height:26px;display:grid}.depth-connections{height:190px}.depth-connections svg{width:100%;height:100%;display:block;overflow:visible}.depth-connections path{stroke:#6a6a6a;stroke-width:1px;vector-effect:non-scaling-stroke}.depth-connections path.depth-connection-tip{stroke:#aaa;stroke-linecap:round;stroke-linejoin:round}.depth-connections circle{fill:#a0a0a0;stroke:#151515;stroke-width:2px}.depth-connections .depth-connections-stacked{display:none}.depth-experience{background:linear-gradient(135deg,#272727,#171717 75%);border:1px solid #5c5c5c;border-radius:7px;overflow:hidden;box-shadow:0 12px 30px #0005,inset 0 1px #ffffff0d}.depth-experience-heading{color:#f0f0f0;border-bottom:1px solid #3c3c3c;align-items:center;gap:9px;min-height:58px;padding:10px 13px;font-size:15px;font-weight:500;line-height:1.45;display:flex}.depth-experience-heading .brand-mark{flex-shrink:0;width:30px;height:30px}.depth-capabilities{padding:4px 14px}.depth-capability{color:#c6c6c6;align-items:center;gap:11px;min-height:40px;font-size:14px;display:flex}.depth-capability>svg:first-child{color:#a0a0a0}@container depth-graphic (max-width:460px){.depth-flow{grid-template-columns:1fr;padding:6px 0 18px}.depth-sources{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.depth-source{text-align:center;flex-direction:column;justify-content:center;gap:8px;height:96px;padding:9px 5px;font-size:14px}.depth-source>span:nth-child(2){align-items:center;min-height:32px;display:flex}.depth-connections{height:52px}.depth-connections .depth-connections-wide{display:none}.depth-connections .depth-connections-stacked{display:block}.depth-experience{justify-self:center;width:100%;max-width:260px}}
.principle-visual.refinement-concept{justify-self:center;max-width:520px;padding:16px 0;container:refinement-graphic/inline-size}.ref-project{background:linear-gradient(135deg,#272727,#171717 75%);border:1px solid #5c5c5c;border-radius:7px;overflow:hidden;box-shadow:0 12px 30px #0005,inset 0 1px #ffffff0d}.ref-project-heading{color:#e8e8e8;border-bottom:1px solid #3c3c3c;align-items:center;gap:10px;min-height:54px;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.ref-project-heading>svg{color:#b3b3b3}.ref-stages{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 12px 0;display:grid}.ref-stage{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.ref-stage-arrow{color:#777;position:absolute;top:31px;right:-10px}.ref-structure{grid-template-columns:repeat(2,1fr);gap:4px;width:54px;height:54px;margin:14px 0 10px;display:grid;position:relative}.ref-structure>i{background:#303030;border:1px solid #555;border-radius:3px}.ref-stage-0 .ref-structure>i:nth-child(n+3){opacity:.5;background:0 0;border-style:dashed}.ref-stage-1 .ref-structure>i{background:#484848;border-color:#767676}.ref-stage-1 .ref-structure>i:last-of-type{background:#2b2b2b;border-color:#919191}.ref-stage-2 .ref-structure>i{background:#525252;border-color:#878787;box-shadow:inset 0 1px #ffffff0c}.ref-stage-name{color:#cbcbcb;text-align:center;min-height:32px;padding:0 6px;font-size:14px;line-height:1.5}.ref-local-loop{justify-content:center;align-items:center;gap:17px;padding:12px 12px 14px;display:flex;position:relative}.ref-local-loop:before{content:"";background:#5c5c5c;width:1px;height:12px;position:absolute;top:0;left:50%}.ref-loop-label{color:#d3d3d3;align-items:center;gap:7px;font-size:14px;display:flex}.ref-loop-label>svg{color:#adadad}.ref-loop-arrows{color:#9b9b9b;flex-direction:column;gap:1px;display:flex}@container refinement-graphic (max-width:380px){.ref-project-heading{padding:15px}.ref-stages{padding-inline:5px}.ref-structure{width:52px;height:52px}.ref-stage-name{font-size:12px}.ref-local-loop{gap:13px}}.principle-visual.template-concept{justify-self:center;max-width:520px;container:template-graphic/inline-size}.tpl-flow{grid-template-columns:minmax(0,1.16fr) 84px minmax(0,1fr);align-items:center;min-height:310px;padding:16px 0;display:grid}.tpl-source{background:linear-gradient(135deg,#272727,#171717 75%);border:1px solid #5c5c5c;border-radius:7px;overflow:hidden;box-shadow:0 12px 30px #0005,inset 0 1px #ffffff0d}.tpl-source-heading{color:#e8e8e8;border-bottom:1px solid #3c3c3c;align-items:center;gap:9px;min-height:54px;padding:14px;font-size:15px;font-weight:500;line-height:1.4;display:flex}.tpl-source-heading>svg{color:#aeaeae}.tpl-fixed{color:#9d9d9d;align-items:center;gap:7px;margin:12px 12px 5px;font-size:12px;display:flex}.tpl-fields{padding:0 12px 10px}.tpl-field{color:#cbcbcb;align-items:center;gap:8px;min-height:40px;font-size:14px;display:flex}.tpl-field>svg{color:#9f9f9f}.tpl-connections{height:292px;position:relative}.tpl-destination{text-align:center;color:#acacac;font-size:11px;position:absolute;top:29px;left:0;right:0}.tpl-connections svg{width:100%;height:100%;display:block;overflow:visible}.tpl-connections path{stroke:#6a6a6a;stroke-width:1px;vector-effect:non-scaling-stroke}.tpl-connections .tpl-arrow{stroke:#aaa;stroke-linejoin:round;stroke-linecap:round}.tpl-connections circle{fill:#a0a0a0;stroke:#151515;stroke-width:2px}.tpl-connections .tpl-connections-stacked{display:none}.tpl-versions{gap:16px;display:grid}.tpl-version{--variant-accent:#b2b2b2;--variant-surface:#414141;background:linear-gradient(150deg,#262626,#191919);border:1px solid #4e4e4e;border-radius:6px;height:138px;overflow:hidden;box-shadow:0 5px 13px #0003,inset 0 1px #ffffff08}.tpl-version-1{--variant-accent:#b9b9b9;--variant-surface:#3d3d3d;background:linear-gradient(150deg,#282828,#1a1a1a);border-color:#4e4e4e}.tpl-version-heading{color:#c4c4c4;align-items:center;height:32px;padding:0 11px;font-size:12px;display:flex}.tpl-version-body{padding:8px 10px}.tpl-image-shape{background:var(--variant-surface);color:var(--variant-accent);border-radius:3px;justify-content:center;align-items:center;height:46px;padding:0 10px;display:flex}.tpl-image-shape i{opacity:.55;border:1px solid;width:17px;height:17px;transform:rotate(45deg)}.tpl-version-1 .tpl-image-shape i{border-radius:50%;transform:none}.tpl-text-shape{flex-direction:column;gap:5px;margin-top:7px;display:flex}.tpl-text-shape>span{background:#999;border-radius:2px;width:73%;height:3px}.tpl-text-shape>span:last-child{background:#5a5a5a;width:48%}.tpl-version-1 .tpl-text-shape>span:first-child{background:#989898;width:61%}.tpl-version-1 .tpl-text-shape>span:last-child{background:#5b5b5b;width:80%}@container template-graphic (max-width:460px){.tpl-flow{grid-template-columns:1fr;padding:6px 0 18px}.tpl-source{justify-self:center;width:100%;max-width:260px}.tpl-connections{height:66px}.tpl-connections .tpl-connections-wide{display:none}.tpl-connections .tpl-connections-stacked{display:block}.tpl-destination{top:3px;left:auto;right:calc(50% + 12px)}.tpl-versions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.workspace-sketch{--studio-brand-green:var(--brand);text-align:left;color:#bfc3c1;background:linear-gradient(150deg,#343837,#181a19 36%,#242726);border:1px solid #515754;border-radius:8px;width:100%;margin:52px 0 0;padding:5px;position:relative;overflow:hidden;box-shadow:0 34px 80px #0009,0 8px 20px #0005,inset 0 1px #ffffff26}.ws-layout{border:1px solid #0b0d0c;border-radius:4px;grid-template-columns:184px minmax(0,1fr) 29%;min-height:570px;font-size:11px;line-height:1.6;display:grid;overflow:hidden}.ws-layout>*{min-width:0}.ws-layout svg{flex-shrink:0}.ws-sidebar{background:linear-gradient(#232625,#191b1a);border-right:1px solid #343a37;flex-direction:column;padding:20px 12px 14px;display:flex}.ws-brand{color:#f0f0f0;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.ws-brand .brand-mark{width:23px;height:23px}.ws-brand>svg{color:#8f8f8f;margin-left:auto}.ws-main-links{gap:18px;padding:27px 8px 36px;display:grid}.ws-main-links>span{align-items:center;gap:9px;display:flex}.ws-section-label{color:#7d7d7d;align-items:center;gap:10px;margin-bottom:17px;padding:0 4px;font-size:10px;display:flex}.ws-section-label>span{margin-right:auto}.ws-project{color:#d6d6d6;align-items:center;gap:7px;padding:0 5px;display:flex}.ws-project>svg:first-child{color:#7c9fb2}.ws-project>svg:last-child{margin-left:auto}.ws-sessions{gap:4px;margin-top:10px;display:grid}.ws-sessions>div{border-radius:5px;align-items:center;gap:7px;padding:8px 7px 8px 23px;font-size:10px;display:flex}.ws-sessions>div>span{min-width:0}.ws-sessions small{color:#777;margin-left:auto;font-size:9px}.ws-sessions .is-selected{color:#f2f2f2;box-shadow:inset 2px 0 0 var(--brand), inset 0 1px 0 #ffffff0d, 0 3px 8px #0002;background:linear-gradient(90deg,#244037,#2c3430 65%)}.ws-profile{border-top:1px solid #343434;align-items:center;gap:8px;margin-top:auto;padding:16px 5px 0;display:flex}.ws-profile>svg:last-child{margin-left:auto}.ws-conversation{background:#131615;flex-direction:column;display:flex}.ws-session-header{background:linear-gradient(#222624,#1a1e1c);align-items:center;gap:12px;min-height:43px;padding:0 22px;display:flex;box-shadow:inset 0 1px #ffffff08}.ws-session-header strong{color:#e6e6e6;font-weight:500}.ws-session-header>span{color:#8b8b8b;align-items:center;gap:6px;margin-left:auto;font-size:9px;display:flex}.ws-tabs{color:#929292;align-items:stretch;gap:22px;height:33px;font-size:10px;display:flex}.ws-tabs>span{border-bottom:2px solid #0000;align-items:center;display:flex}.ws-tabs>.is-active{color:#ededed;border-bottom-color:#65c9be}.ws-conversation>.ws-tabs{border-bottom:1px solid #2b2b2b;padding:0 22px}.ws-conversation-body{flex:1;padding:22px 28px 16px}.ws-user-message{color:#edf4f0;background:linear-gradient(120deg,#30433a,#28362f);border:1px solid #44574c;border-radius:7px;width:fit-content;max-width:90%;margin-left:auto;padding:11px 15px;box-shadow:inset 0 1px #ffffff09,0 5px 12px #0003}.ws-context{color:#818181;align-items:center;gap:7px;margin-top:25px;font-size:9px;display:flex}.ws-agent-intro{color:#d5d5d5;margin:15px 0;line-height:1.85}.ws-tool-row{color:#999;align-items:center;gap:8px;min-height:29px;font-size:10px;display:flex}.ws-tool-row>svg:last-child{color:#6eaaa0;margin-left:auto}.ws-plan{border-bottom:1px solid #343c38;margin:17px 0;padding-bottom:12px;position:relative}.ws-plan:after{content:"";background:var(--studio-brand-green);transform-origin:0;width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(.33);box-shadow:0 0 8px #35c88d30}.ws-plan strong{color:#edf0ee;align-items:center;margin-bottom:10px;font-weight:500;display:flex}.ws-plan>div{color:#b6c0ba;border-left:2px solid #344139;border-radius:0 4px 4px 0;align-items:center;gap:10px;margin:4px 0;padding:7px 9px;font-size:10px;display:flex}.ws-plan-number{color:#90a69a;flex-shrink:0;font-family:ui-monospace,monospace;font-size:9px}.ws-plan-activity{align-items:center;gap:3px;height:14px;margin-left:auto;display:flex}.ws-plan-activity i{background:var(--brand);border-radius:2px;width:3px;height:8px}.ws-plan-activity i:nth-child(2){height:13px}.ws-write-row{border-top:1px solid #292929;margin-top:15px;padding-top:10px}.ws-write-row small{color:#adadad;font-family:ui-monospace,monospace;font-size:9px}.ws-agent-result{color:#bfbfbf;margin-top:12px;font-size:10px}.ws-composer{color:#b3beb7;background:linear-gradient(135deg,#303633,#252a27);border:1px solid #59665e;border-radius:8px;margin:0 18px 18px;padding:14px;box-shadow:0 8px 22px #0005,inset 0 1px #ffffff13}.ws-composer>div{align-items:center;gap:12px;margin-top:20px;display:flex}.ws-mode{color:#c4c4c4;background:#333;border-radius:4px;align-items:center;gap:5px;padding:2px 6px;font-size:9px;display:flex}.ws-model{align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}.ws-send{background:var(--studio-brand-green);color:#06281c;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;box-shadow:0 2px 9px #35c88d29,inset 0 1px #ffffff50}.ws-preview{background:linear-gradient(160deg,#252a27,#171a18 65%);border-left:1px solid #3d4741;flex-direction:column;display:flex}.ws-preview-header{background:#131313;border-bottom:1px solid #303030;align-items:center;gap:12px;min-height:44px;padding:0 14px;display:flex}.ws-preview-header .ws-tabs{align-self:stretch;gap:18px;height:auto}.ws-publish{background:var(--studio-brand-green);color:#06281c;border-radius:4px;margin-left:auto;padding:4px 10px;font-size:9px;font-weight:600;box-shadow:inset 0 1px #ffffff60,0 2px 10px #35c88d1a}.ws-preview-meta{background:#151515;border-bottom:1px solid #303030;padding:13px 14px}.ws-preview-meta>div{align-items:center;gap:13px;margin-bottom:9px;display:flex}.ws-preview-meta strong{color:#ddd;margin-right:auto;font-size:10px;font-weight:500}.ws-version{border:1px solid #3c3c3c;border-radius:4px;align-items:center;gap:9px;padding:2px 6px;font-size:9px;display:inline-flex}.ws-draft{color:#929292;margin-left:8px;font-size:9px}.ws-preview-canvas{flex:1;justify-content:center;min-height:320px;padding:17px;display:flex}.ws-viewport{background:#050409;border:1px solid #62736c;border-radius:7px;width:100%;max-width:260px;min-height:320px;position:relative;overflow:hidden;box-shadow:0 14px 30px #0008,0 0 0 4px #0a100d,inset 0 1px #ffffff15}.ws-game-preview{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.ws-preview-status{color:#a5b6ac;border-top:1px solid #343d37;align-items:center;gap:8px;min-height:39px;padding:10px 42px 10px 14px;font-size:9px;display:flex}.ws-preview-status>span:first-child{background:#76bcb0;border-radius:50%;width:4px;height:4px}.ws-preview-status>svg{margin-left:auto}.ws-motion-toggle{color:#b2c8bc;cursor:pointer;background:#26332c;border:1px solid #475b4f;border-radius:4px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:10px;right:12px}.ws-motion-toggle:hover{color:#fff;background:#354b3e}@media (prefers-reduced-motion:no-preference){.workspace-sketch.is-revealed{animation:.65s cubic-bezier(.2,.7,.2,1) both ws-enter}.is-revealed .ws-plan>div{animation:9s linear infinite ws-active-step}.is-revealed .ws-plan>div:nth-of-type(2){animation-delay:-6s}.is-revealed .ws-plan>div:nth-of-type(3){animation-delay:-3s}.is-revealed .ws-plan:after{animation:9s linear infinite ws-work-progress}.is-revealed .ws-plan-activity i{animation:1.2s ease-in-out infinite alternate ws-working}.is-revealed .ws-plan-activity i:nth-child(2){animation-delay:-400ms}.is-revealed .ws-plan-activity i:nth-child(3){animation-delay:-800ms}.is-revealed .ws-preview-status>span:first-child{animation:3s ease-in-out infinite ws-status-breathe}.workspace-sketch[data-motion=paused] *,.workspace-sketch[data-motion=paused] :after{animation-play-state:paused}}@keyframes ws-enter{0%{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ws-active-step{0%,28%{border-left-color:var(--brand);color:#edfff5;background:#234b393f}33%,95%{color:#b6c0ba;background:0 0;border-left-color:#344139}to{border-left-color:var(--brand);color:#edfff5;background:#234b393f}}@keyframes ws-work-progress{0%{opacity:1;transform:scaleX(0)}90%{opacity:1;transform:scaleX(1)}98%,to{opacity:0;transform:scaleX(1)}}@keyframes ws-working{0%{opacity:.5;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}@keyframes ws-status-breathe{0%,to{box-shadow:0 0 #35c88d00}50%{box-shadow:0 0 0 4px #35c88d21}}@media (prefers-reduced-motion:reduce){.ws-motion-toggle{display:none}}@media (max-width:1000px){.ws-layout{grid-template-columns:145px minmax(0,1fr) 26%}.ws-brand{gap:3px;font-size:9px}.ws-brand>svg{display:none}.ws-conversation-body{padding:20px 18px}.ws-session-header{padding:0 16px}.ws-sessions>div{padding-left:10px}.ws-preview-header{flex-wrap:wrap;gap:4px;padding:0 10px 8px}.ws-preview-header .ws-tabs{width:100%;height:35px}.ws-publish{margin-left:0}.ws-preview-meta{padding:10px}.ws-preview-meta>div{flex-wrap:wrap;gap:8px}.ws-preview-meta strong{width:100%}.ws-preview-canvas{padding:10px}}@media (max-width:639px){.workspace-sketch{margin-top:35px}.ws-layout{grid-template-columns:minmax(0,1fr)}.ws-sidebar{border-bottom:1px solid #303030;border-right:0;padding:12px 15px}.ws-brand{font-size:11px}.ws-brand>svg{display:block}.ws-main-links,.ws-section-label,.ws-profile{display:none}.ws-project{margin-top:14px}.ws-sessions{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.ws-sessions>div{padding:6px;font-size:9px}.ws-sessions small{display:none}.ws-session-header{padding-top:5px}.ws-conversation-body{padding:20px}.ws-composer{margin:0 14px 18px}.ws-preview{border-top:1px solid #343434;border-left:0}.ws-preview-header{flex-wrap:nowrap;padding:0 14px}.ws-preview-header .ws-tabs{width:auto;height:43px}.ws-publish{margin-left:auto}.ws-preview-meta{padding:12px 15px}.ws-preview-meta strong{width:auto}.ws-preview-canvas{min-height:255px;padding:15px}.ws-viewport{aspect-ratio:372/663;min-height:0}}