/* STENCIL UI v3 — actual iconography + stable workspace geometry */

.topbar{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;min-width:0!important;overflow:visible!important}
.topbar-center{justify-self:start!important;min-width:0!important;width:auto!important;max-width:min(52vw,620px)!important;overflow:hidden!important;white-space:nowrap!important}
.topbar-center strong{max-width:min(34vw,420px)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-actions{justify-self:end!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:7px!important;min-width:0!important}
.workspace-switcher,.top-actions .workspace-switcher{flex:0 0 50px!important;width:50px!important;min-width:50px!important;max-width:50px!important;height:50px!important;min-height:50px!important;max-height:50px!important;padding:5px!important;margin:0!important;display:grid!important;place-items:center!important;grid-template-columns:1fr!important;border:1px solid #bfe7e4!important;border-radius:15px!important;background:linear-gradient(180deg,#fff,#f7fbfb)!important;box-shadow:0 5px 16px rgba(30,110,100,.06)!important;overflow:hidden!important}
.workspace-switcher .workspace-avatar{width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:linear-gradient(145deg,#c9e8ff,#bca5ff)!important;color:#18213a!important;font:800 11px var(--sans)!important}
.workspace-switcher .workspace-copy,.workspace-switcher>svg{display:none!important}
.top-actions .icon-button{width:38px!important;height:38px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--panel)!important;box-shadow:0 2px 7px rgba(66,46,120,.04)!important}
.top-actions .icon-button:hover{border-color:#cbb5f4!important;background:#faf6ff!important;color:#7042cf!important}

.prompt-box{position:relative;padding:20px 20px 14px!important;border-radius:20px!important;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 96%,#8c4cff 4%))!important;border-color:color-mix(in srgb,var(--line) 82%,#8c4cff 18%)!important;box-shadow:0 18px 55px rgba(70,48,130,.08)!important}
.prompt-box:focus-within{border-color:#9b62ff!important;box-shadow:0 0 0 4px rgba(140,76,255,.08),0 18px 55px rgba(70,48,130,.10)!important}
#prompt{min-height:104px!important;padding:2px 2px 14px!important;font:500 15px/1.65 var(--sans)!important;letter-spacing:-.01em!important}
#prompt::placeholder{color:#98a0b5!important;opacity:1!important}
.prompt-box-footer{gap:12px!important;padding-top:4px!important;min-height:46px!important}
.prompt-hint{margin-left:auto!important;gap:7px!important;align-items:center!important}
.prompt-hint::before{content:"";width:1px;height:22px;background:var(--line);margin-right:2px}
.prompt-hint .shortcut-icon{position:relative!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #d9cef5!important;border-radius:12px!important;background:#fff!important;color:#7848e8!important;box-shadow:0 3px 10px rgba(92,65,150,.08)!important;font-size:0!important}
.prompt-hint .shortcut-icon svg{display:none!important}
.prompt-hint .shortcut-icon::after{content:"";width:18px;height:18px;display:block;background:center/18px 18px no-repeat}
.prompt-hint .shortcut-icon[aria-label="Command"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237848e8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7a3 3 0 1 0-3 3h3V7Zm0 0a3 3 0 1 1 3-3v3H9Zm0 10a3 3 0 1 1-3-3h3v3Zm0 0a3 3 0 1 0 3 3v-3H9Zm6-10a3 3 0 1 1 3 3h-3V7Zm0 0a3 3 0 1 0-3-3v3h3Zm0 10a3 3 0 1 0 3-3h-3v3Zm0 0a3 3 0 1 1-3 3v-3h3Z'/%3E%3C/svg%3E")}
.prompt-hint .shortcut-icon[aria-label="Enter"]{color:#5b70ed!important}
.prompt-hint .shortcut-icon[aria-label="Enter"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b70ed' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6v6h11.5'/%3E%3Cpath d='m13 9 3 3-3 3'/%3E%3C/svg%3E")}
.prompt-hint>span{white-space:nowrap!important;color:#6e748a!important;font-weight:600!important}
#startButton{height:48px!important;min-width:132px!important;padding:0 18px!important;border-radius:13px!important}

.workspace-area{min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;grid-template-columns:minmax(0,1fr) 380px!important}
.workspace-rail{display:none!important}
.workspace-main{min-width:0!important;width:100%!important;max-width:100%!important;padding:24px 30px 22px!important;overflow:hidden!important}
.workspace-toolbar,.work-surface,.bottom-controls{width:min(100%,860px)!important;margin-left:auto!important;margin-right:auto!important;min-width:0!important}
.workspace-toolbar{margin-bottom:20px!important}
.toolbar-actions{max-width:100%;overflow:auto;scrollbar-width:none}.toolbar-actions::-webkit-scrollbar{display:none}
.preview-view,.preview-stage,.preview-frame,.code-panel{min-width:0!important;max-width:100%!important}.preview-stage{overflow:hidden!important}.preview-frame{width:100%!important}

.inspector{width:380px!important;min-width:380px!important;max-width:380px!important;height:calc(100vh - 62px)!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable;padding:24px 22px 28px!important;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 94%,var(--accent) 6%));border-left:1px solid color-mix(in srgb,var(--line) 82%,var(--accent) 18%);box-shadow:-12px 0 34px rgba(66,46,120,.035)}
.inspector-head{position:sticky;top:-24px;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:2px 0 18px!important;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel) 78%,transparent)}
.inspector-head .eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.inspector-head button{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--muted)}.inspector-head button svg{width:15px;height:15px}
.inspector-section{padding:18px 0;border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.inspector-section:first-of-type{border-top:0}
.inspector-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.live-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);font-size:8px}.live-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 11%,transparent)}
.generation-timeline{position:relative;display:grid;gap:5px;padding:3px 0}.generation-timeline::before{content:"";position:absolute;left:20px;top:23px;bottom:23px;width:1px;background:color-mix(in srgb,var(--accent) 24%,var(--line))}
.timeline-item{position:relative;z-index:1;display:flex;align-items:center;min-height:44px;width:100%;padding:8px 10px 8px 8px;gap:10px;border:1px solid transparent;border-radius:12px;color:var(--muted);font:500 11px var(--sans);transition:.18s ease}.timeline-item i{display:block;flex:0 0 24px;width:24px;height:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2) center/13px no-repeat;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.timeline-item.current{color:var(--text);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.timeline-item.current i{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}.timeline-item.complete{color:var(--accent-2);font-weight:700}.timeline-item.complete i{border-color:color-mix(in srgb,var(--accent-2) 50%,var(--line));background-color:color-mix(in srgb,var(--accent-2) 9%,var(--panel-2))}
.timeline-item[data-stage="understanding"] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c4cff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M8.2 14.8a6 6 0 1 1 7.6 0'/%3E%3Cpath d='M12 3v2M4.9 6.2l1.4 1M19.1 6.2l-1.4 1'/%3E%3C/svg%3E")}.timeline-item[data-stage="planning"] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b7cff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M8 9h8M8 13h5M8 17h3'/%3E%3C/svg%3E")}.timeline-item[data-stage="designing"] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f05bd7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 17 6.5-6.5 4 4L21 8'/%3E%3Cpath d='M4 20h17'/%3E%3C/svg%3E")}.timeline-item[data-stage="writing"] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b995' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 8-4 4 4 4M16 8l4 4-4 4M14 5l-4 14'/%3E%3C/svg%3E")}.timeline-item[data-stage="validating"] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e9a83b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12s3.4-6 9-6 9 6 9 6-3.4 6-9 6-9-6-9-6Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E")}.timeline-item[data-stage="complete"] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f05bd7' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4.2 4.2L19 6.5'/%3E%3C/svg%3E")}
.idea-section .eyebrow{display:block;margin-bottom:9px;font:9px var(--mono);letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.idea-section p{margin:0;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,var(--panel-2),color-mix(in srgb,var(--panel-2) 78%,var(--accent) 22%));color:var(--text);font-size:11px;line-height:1.65;overflow-wrap:anywhere}.activity-section .inspector-title{margin-bottom:10px}.activity-live{display:inline-flex;align-items:center;gap:6px;font:700 8px var(--mono);letter-spacing:.1em;color:var(--muted)}.activity-live::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}.activity-feed{display:grid;gap:5px;max-height:126px;padding:7px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-2) 88%,var(--accent) 12%);overflow:auto}.activity-feed:empty::before{content:"Waiting for activity…";display:block;padding:8px 7px;color:var(--muted-2);font-size:9px}
.direction-list{display:grid;gap:7px}.direction-list button{position:relative;display:flex;align-items:center;width:100%;min-height:43px;padding:9px 10px 9px 41px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--muted);font-size:10px;box-shadow:0 2px 8px rgba(66,46,120,.025)}.direction-list button::before{content:"";position:absolute;left:10px;top:10px;width:22px;height:22px;border-radius:7px;background:var(--panel-3) center/13px no-repeat;border:1px solid color-mix(in srgb,var(--line) 85%,var(--accent) 15%)}.direction-list button:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c4cff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 1.7 5.3L19 10l-5.3 1.7L12 17l-1.7-5.3L5 10l5.3-1.7L12 3Z'/%3E%3C/svg%3E")}.direction-list button:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b7cff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M10 6h4M10 18h4'/%3E%3C/svg%3E")}.direction-list button:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f05bd7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6h14M5 12h14M5 18h14'/%3E%3Cpath d='M8 4v4M16 10v4M11 16v4'/%3E%3C/svg%3E")}.direction-list button span{margin-left:auto;display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid var(--line);border-radius:7px;color:var(--muted-2);background:transparent}.direction-list button span svg{width:13px;height:13px}.direction-list button:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:var(--panel-3);color:var(--text);transform:translateX(-1px)}
.site-footer{display:none!important}

/* FINAL PROMPT CONTROLS */
.prompt-hint .shortcut-icon{font-size:0!important;color:#7a43e5!important;background:linear-gradient(180deg,#fff,#faf7ff)!important;border:1px solid #d9cef5!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(104,70,165,.08)!important}
.prompt-hint .shortcut-icon svg{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.prompt-hint .shortcut-icon::after{content:none!important;display:none!important}
.prompt-hint .shortcut-icon[aria-label="Enter"]{color:#4d6fe8!important}
.prompt-hint .shortcut-icon:hover{transform:translateY(-1px)!important;border-color:#c4a8f5!important;box-shadow:0 7px 16px rgba(104,70,165,.13)!important}
.prompt-hint{gap:8px!important}
.prompt-hint::before{height:28px!important;margin-right:4px!important}
#startButton{position:relative!important;height:52px!important;min-width:166px!important;padding:0 20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border:1px solid #c7b7e9!important;border-radius:15px!important;background:linear-gradient(135deg,#8b5cf6 0%,#7048d9 100%)!important;color:#fff!important;font:700 12px var(--sans)!important;letter-spacing:.01em!important;box-shadow:0 10px 24px rgba(112,72,217,.22)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease!important}
#startButton svg{width:16px!important;height:16px!important;stroke:currentColor!important;stroke-width:2!important}
#startButton:not(:disabled):hover{transform:translateY(-2px)!important;filter:saturate(1.05)!important;box-shadow:0 14px 30px rgba(112,72,217,.28)!important;background:linear-gradient(135deg,#9569fa 0%,#7650df 100%)!important}
#startButton:not(:disabled):active{transform:translateY(0)!important;box-shadow:0 7px 16px rgba(112,72,217,.2)!important}
#startButton:disabled{opacity:1!important;cursor:not-allowed!important;color:#fff!important;background:linear-gradient(135deg,#c8c9d3 0%,#b7bac6 100%)!important;border-color:#bfc1cb!important;box-shadow:0 7px 16px rgba(71,76,92,.10)!important}
#startButton:disabled svg{opacity:.9!important}
.prompt-box-footer{align-items:center!important}

/* Refined landing composer */
.prompt-hint .shortcut-icon{font-size:0!important;position:relative!important}
.prompt-hint .shortcut-icon svg{display:none!important}
.prompt-hint .shortcut-icon::before{display:grid;place-items:center;width:100%;height:100%;font:700 17px/1 var(--sans);content:"⌘"}
.prompt-hint .shortcut-icon[aria-label="Enter shortcut"]::before{content:"↵";font-size:19px;font-weight:600}
.prompt-hint>span{font:600 10px var(--mono)!important;letter-spacing:.04em!important;color:var(--muted)!important}
.examples-label{position:relative!important;display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;margin-bottom:1px!important;padding:13px 15px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 6%,var(--panel)),var(--panel))!important;box-shadow:0 6px 16px rgba(55,34,92,.035)!important}
.examples-label::before{content:"✦";display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 12%,var(--panel));font-size:13px}
.examples-label .examples-kicker{font:700 10px var(--sans)!important;letter-spacing:.08em!important;color:var(--text)!important}
.examples-label small{font:500 10px var(--sans)!important;color:var(--muted)!important}
.landing-note{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:center!important;margin:34px auto 0!important;padding:13px 15px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel))!important;box-shadow:0 7px 20px rgba(55,34,92,.035)!important}
.landing-note span{min-width:0!important}.landing-note span:first-child{display:flex!important;align-items:center!important;gap:9px!important;color:var(--text)!important;font:700 10px var(--sans)!important;letter-spacing:.01em!important}.landing-note span:first-child svg{display:none!important}.landing-note span:first-child::before{content:"✓";display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:8px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 10%,var(--panel));font:800 12px var(--sans)}.landing-note span:last-child{padding-left:12px;border-left:1px solid var(--line);color:var(--muted)!important;font:500 10px/1.45 var(--sans)!important}

/* Header controls and quota affordance */
.stencil-quota-pill{height:40px!important;padding:0 12px 0 7px!important;gap:8px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent) 4%,var(--panel)))!important;box-shadow:0 4px 13px rgba(66,46,120,.05)!important;color:var(--text)!important;font:600 10px var(--sans)!important}
.stencil-quota-pill>svg{display:grid!important;place-items:center;width:27px!important;height:27px!important;padding:6px;border-radius:9px;background:linear-gradient(145deg,#f4e8ff,#fff)!important;color:var(--accent-strong)!important;stroke-width:1.9!important}.stencil-quota-pill .quota-copy{gap:4px!important}.stencil-quota-pill .quota-copy strong{font:800 12px var(--mono)!important}.stencil-quota-pill .quota-copy span{font:600 9px var(--mono)!important;color:var(--muted)!important}
.language-toggle{height:36px!important;min-width:47px!important;padding:0 10px!important;border:1px solid #ded2f5!important;border-radius:11px!important;color:var(--accent-strong)!important;background:linear-gradient(135deg,#fff,#faf6ff)!important;font:700 10px var(--sans)!important;box-shadow:0 3px 10px rgba(66,46,120,.04)!important;transition:.18s ease}.language-toggle:hover{border-color:#c6a8f2!important;background:#f7f0ff!important;transform:translateY(-1px)}.top-actions .menu-button{border-color:var(--line)!important;background:var(--panel)!important}

/* Workspace controls and icon rhythm */
.toolbar-actions button{min-height:40px!important;padding:0 12px!important;border-radius:11px!important;background:var(--panel)!important;font:600 10px var(--sans)!important;box-shadow:0 3px 10px rgba(66,46,120,.035)!important}.toolbar-actions button svg,.bottom-actions button svg{width:15px!important;height:15px!important;color:var(--muted)!important}.toolbar-actions button:hover svg,.toolbar-actions .tool-active svg{color:currentColor!important}.stage-status{min-height:36px!important;border-radius:11px!important;font:700 9px var(--mono)!important;letter-spacing:.08em!important}.stage-tools{min-height:38px!important;border-radius:12px!important}.stage-tools button{width:30px!important;height:30px!important}.bottom-controls{gap:12px!important}.device-switcher{padding:4px!important;border-radius:11px!important;background:var(--panel)!important;box-shadow:0 3px 10px rgba(66,46,120,.035)!important}.device-switcher button{width:31px!important;height:28px!important;border-radius:8px!important}.edit-form{min-height:46px!important;padding:5px 7px 5px 12px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--panel)!important;box-shadow:0 3px 12px rgba(66,46,120,.035)!important}.edit-spark{width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--accent-strong)}.edit-form input{font:500 11px var(--sans)!important}.edit-hint{padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);font:700 9px var(--mono)!important}.edit-form button{width:31px!important;height:31px!important;border-radius:9px!important;background:linear-gradient(135deg,#8b5cf6,#7048d9)!important;color:#fff!important;box-shadow:0 5px 12px rgba(112,72,217,.18)}.edit-form button:hover{transform:translateY(-1px);color:#fff!important}

/* Full project library */
.projects-panel{inset:72px 0 0!important;padding:clamp(28px,5vw,66px) clamp(18px,5vw,72px)!important;background:color-mix(in srgb,var(--bg) 94%,#fff 6%)!important}.projects-panel::before{inset:72px 0 0!important;background:radial-gradient(circle at 78% 2%,rgba(168,76,244,.13),transparent 31%),radial-gradient(circle at 8% 90%,rgba(13,224,183,.08),transparent 28%)!important}.projects-panel-inner{width:min(1080px,100%);margin:0 auto}.projects-panel-head{width:100%!important;margin:0 auto 29px!important}.projects-heading{min-width:0}.projects-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.projects-panel-head h2{margin:8px 0 0!important;font-size:clamp(34px,5vw,59px)!important;line-height:.98!important;letter-spacing:-.065em!important}.projects-count{display:inline-flex;align-items:center;height:27px;margin-top:10px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--line));border-radius:999px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 8%,var(--panel));font:700 9px var(--mono)}.projects-panel-head p{max-width:570px!important;margin:12px 0 0!important;color:var(--muted)!important;font:500 12px/1.55 var(--sans)!important}.projects-panel-actions{display:flex;align-items:center;gap:8px}.projects-new{display:flex;align-items:center;gap:7px;height:40px;padding:0 13px;border:1px solid #c9b1f3;border-radius:11px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7048d9);font:700 10px var(--sans);box-shadow:0 8px 18px rgba(112,72,217,.18);transition:.18s ease}.projects-new svg{width:14px;height:14px}.projects-new:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(112,72,217,.24)}.projects-close{display:grid!important;place-items:center;width:40px!important;height:40px!important;padding:0!important;border-radius:11px!important;font-size:0!important}.projects-close svg{width:16px;height:16px}
.projects-overview{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px;margin-bottom:22px}.projects-feature-card,.projects-stat-card{display:flex;align-items:center;gap:15px;min-height:120px;padding:19px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent) 5%,var(--panel)));box-shadow:0 10px 28px rgba(55,34,92,.05)}.projects-feature-icon,.projects-stat-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:14px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.projects-feature-icon svg,.projects-stat-icon svg{width:21px;height:21px}.projects-feature-card h3{margin:6px 0 4px;color:var(--text);font-size:18px;letter-spacing:-.035em}.projects-feature-card p{max-width:520px;margin:0;color:var(--muted);font:500 10px/1.5 var(--sans)}.projects-stat-card{display:grid;grid-template-columns:auto 1fr;gap:9px 12px;align-content:center}.projects-stat-card .projects-stat-icon{grid-row:span 2}.projects-stat-card strong{display:block;color:var(--text);font:800 24px var(--mono);line-height:1}.projects-stat-card div>span{display:block;margin-top:4px;color:var(--muted);font:600 10px var(--sans)}.projects-stat-card small{grid-column:2;color:var(--accent-strong);font:700 9px var(--mono)}
.projects-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.projects-search{display:flex;align-items:center;gap:8px;width:min(360px,100%);height:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--muted);box-shadow:0 3px 10px rgba(66,46,120,.035)}.projects-search:focus-within{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.projects-search svg{width:15px;height:15px}.projects-search input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font:500 11px var(--sans)}.projects-search input::placeholder{color:var(--muted-2)}.projects-filter-note{color:var(--muted);font:700 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.projects-list-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;color:var(--text);font:700 11px var(--sans)}.projects-list-head small{color:var(--muted);font:500 9px var(--mono)}.projects-list{width:100%!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:14px!important;margin:0!important}
.project-tile{min-height:190px!important;border-radius:18px!important}.project-tile-open{display:block!important;min-height:190px!important;padding:17px!important;text-align:left!important}.project-tile-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.project-tile-icon{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:13px!important}.project-tile-status{padding:5px 7px;border:1px solid color-mix(in srgb,var(--accent) 21%,var(--line));border-radius:999px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 7%,var(--panel));font:700 8px var(--mono);letter-spacing:.08em}.project-tile-copy{gap:7px!important;padding:20px 0 17px!important}.project-tile-copy strong{font-size:14px!important;letter-spacing:-.02em}.project-tile-copy small{min-height:28px;font:500 10px/1.45 var(--sans)!important}.project-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:11px;border-top:1px solid var(--line);color:var(--muted-2);font:500 9px var(--mono)}.project-tile-foot time{color:var(--muted)}.project-tile-arrow{right:15px!important;bottom:16px!important;width:15px!important;height:15px!important}.project-tile-delete{top:10px!important;right:10px!important;width:26px!important;height:26px!important;font-size:0!important;opacity:0!important}.project-tile-delete svg{width:13px;height:13px}.project-tile:hover .project-tile-delete,.project-tile-delete:focus-visible{opacity:1!important}.projects-empty{min-height:245px!important;padding:48px 24px!important}.projects-empty>span{display:grid!important;place-items:center!important}.projects-empty>span svg{width:20px;height:20px}
html[dir="rtl"] .projects-panel{text-align:right}
@media(max-width:760px){.projects-panel{inset:60px 0 0!important;padding:24px 16px!important}.projects-panel::before{inset:60px 0 0!important}.projects-panel-head{gap:17px!important}.projects-panel-actions{flex-shrink:0}.projects-new{font-size:0;width:40px;justify-content:center;padding:0}.projects-new svg{width:17px;height:17px}.projects-overview{grid-template-columns:1fr}.projects-stat-card{min-height:92px}.projects-toolbar{align-items:stretch;flex-direction:column}.projects-search{width:100%}.projects-filter-note{align-self:flex-end}.projects-list-head{margin-top:5px}.projects-list{grid-template-columns:1fr!important}.landing-note{grid-template-columns:1fr!important;gap:9px!important}.landing-note span:last-child{padding:9px 0 0!important;border-top:1px solid var(--line)!important;border-left:0!important}.examples-label{flex-wrap:wrap}.examples-label small{width:100%;padding-left:34px}.stencil-quota-pill{height:36px!important;padding-right:8px!important}.stencil-quota-pill .quota-copy span{display:none!important}}