.device-frame-view{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;height:100%;max-height:100%;min-height:0;gap:10px}.device-frame-view__frame-area{display:flex;flex:1 1 0;align-items:center;justify-content:center;min-height:0;min-width:0;width:100%;overflow:hidden}.device-frame-view__inner{position:relative;display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0 auto;line-height:0}.device-frame-view--bezel .device-frame-view__inner{width:auto;height:auto;max-width:100%;max-height:100%}.device-frame-view--bezel .device-frame-view__bezel{width:100%;height:auto;max-width:100%;max-height:100%;margin:0 auto;object-fit:contain}.device-frame-view__viewport{position:absolute;z-index:1;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:#000;pointer-events:auto;scrollbar-width:none;-ms-overflow-style:none}.device-frame-view--iframe .device-frame-view__viewport{overflow:hidden}.device-frame-view--bezel .device-frame-view__frame-area{background:radial-gradient(ellipse 85% 75% at 50% 42%,#222636,#08060d 72%);isolation:isolate}.device-frame-view--bezel .device-frame-view__bezel{mix-blend-mode:lighten}.device-frame-view__iframe-wrap{position:relative;overflow:hidden}.device-frame-view__iframe-scale{position:relative;transform-origin:top left}.device-frame-view__iframe{display:block;width:100%;height:100%;border:0;background:#fff}.device-frame-view--iframe:not(.device-frame-view--interactive) .device-frame-view__iframe{pointer-events:none}.device-frame-view--interactive .device-frame-view__viewport{overflow:auto;-webkit-overflow-scrolling:touch}.device-frame-view__iframe-placeholder{width:100%;height:100%;background:linear-gradient(160deg,#1a1a22,#0d0d12)}.device-frame-view__iframe-loading{position:absolute;inset:0;display:grid;place-items:center;gap:10px;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:#ffffffb8;background:linear-gradient(160deg,#1a1d28,#0d0f16);z-index:2}.device-frame-view__iframe-loading--error button{border:1px solid rgba(255,255,255,.35);border-radius:6px;background:#ffffff14;color:#fff;padding:6px 12px;font:inherit;font-size:.78rem;cursor:pointer}.device-frame-view__iframe-loading--error button:hover{background:#ffffff24}.device-frame-view__viewport::-webkit-scrollbar{display:none}.device-frame-view__screen{display:block;width:100%;height:auto;max-width:100%;pointer-events:none;user-select:none;-webkit-user-drag:none}.device-frame-view__bezel{position:relative;z-index:2;display:block;width:100%;height:auto;max-width:100%;max-height:100%;pointer-events:none;user-select:none;-webkit-user-drag:none}.device-frame-view__scroll-bar{flex-shrink:0;width:100%;max-width:100%;padding:0 12px 4px;box-sizing:border-box}.device-frame-view__scroll-range{display:block;width:100%;height:8px;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:#2e2a3a;border-radius:999px;outline:none}.device-frame-view__scroll-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#2e2a3a}.device-frame-view__scroll-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:56px;height:8px;margin-top:0;border:2px solid #fff;border-radius:999px;background:#5b21b6;box-shadow:0 0 0 1px #000000d9;cursor:grab}.device-frame-view__scroll-range:active::-webkit-slider-thumb{cursor:grabbing}.device-frame-view__scroll-range::-moz-range-track{height:8px;border-radius:999px;background:#2e2a3a;border:none}.device-frame-view__scroll-range::-moz-range-thumb{width:56px;height:8px;border:2px solid #fff;border-radius:999px;background:#5b21b6;box-shadow:0 0 0 1px #000000d9;cursor:grab}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.device-frame-view{width:100%}}.project-gallery{border-top:1px solid var(--border);border-left:3px solid var(--accent-border);padding:32px 0 32px 20px;margin-top:8px;max-width:100%;box-sizing:border-box}.project-gallery__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;margin-bottom:20px}.project-gallery__head h2{margin:0;text-align:center}.project-gallery__download{flex-shrink:0}.project-gallery__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px}.project-gallery__format{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text)}.project-gallery__format select{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--social-bg);color:var(--text-h);font:inherit;cursor:pointer}.project-gallery__format select:disabled{opacity:.6;cursor:not-allowed}.project-gallery__error{text-align:center;margin:-8px 0 16px;font-size:.9rem;color:#c44}.carousel{display:flex;align-items:center;gap:12px;max-width:900px;margin:0 auto}.carousel__main{flex:1;position:relative;display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:8px;cursor:zoom-in}.carousel__hint{position:absolute;bottom:0;left:0;right:0;padding:8px;font-size:.8rem;color:var(--text);background:linear-gradient(transparent,#00000073);color:#fff;opacity:0;transition:opacity .2s}.carousel__main:hover .carousel__hint{opacity:1}.carousel__nav{flex-shrink:0;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#1a1028;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 0 0 1px #000000d9,0 4px 14px #00000073;transition:box-shadow .2s,background .2s}.carousel__nav:hover{box-shadow:var(--shadow);border-color:var(--accent)}.carousel__counter{text-align:center;margin:12px 0 10px;font-family:var(--mono);font-size:.85rem;color:var(--text)}.carousel__gadget-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin:0 auto 16px;max-width:900px}.carousel__gadget-toggle{border:1px solid var(--border);border-radius:8px;background:var(--social-bg);color:var(--text-h);padding:8px 12px;font:inherit;font-size:.85rem;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.carousel__gadget-toggle:hover{border-color:var(--accent-border);box-shadow:var(--shadow)}.carousel__gadget-toggle--active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.carousel__gadget-devices{display:inline-flex;flex-wrap:wrap;gap:6px}.carousel__gadget-device{border:1px solid var(--border);border-radius:999px;background:var(--social-bg);color:var(--text);padding:6px 10px;font:inherit;font-size:.8rem;cursor:pointer}.carousel__gadget-device--active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.carousel__thumbs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:900px;margin:0 auto}.carousel__thumb{position:relative;flex:0 0 72px;width:72px;aspect-ratio:660 / 440;padding:0;border:none;border-radius:6px;cursor:pointer;opacity:.65;transition:opacity .2s,box-shadow .2s;overflow:hidden;background:var(--portfolio-image-bg);box-shadow:inset 0 0 0 2px var(--border);line-height:0}.carousel__thumb-img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center}.carousel__thumb--active{opacity:1;box-shadow:inset 0 0 0 2px var(--accent)}.carousel-lightbox{position:fixed;inset:0;z-index:3000;background:#08060d;display:flex;flex-direction:column;padding:0;touch-action:manipulation;color-scheme:dark;isolation:isolate}.carousel-lightbox__toolbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:max(14px,env(safe-area-inset-top,0px)) 16px 12px;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));background:#121018;border-bottom:1px solid #2e2a3a;box-shadow:0 4px 24px #000000bf}.carousel-lightbox__toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}.carousel-lightbox__gadget-toggle{min-height:44px;padding:8px 12px;border:2px solid #fff;border-radius:999px;background:#1a1028;color:#fff;font:inherit;font-size:.85rem;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;box-shadow:0 0 0 1px #000000d9,0 4px 14px #0000008c}.carousel-lightbox__gadget-toggle--active{background:#5b21b6;border-color:#fff}.carousel-lightbox__gadget-devices{display:inline-flex;flex-wrap:wrap;gap:6px}.carousel-lightbox__gadget-device{min-height:44px;padding:8px 10px;border:2px solid rgba(255,255,255,.45);border-radius:999px;background:#1a1028;color:#fff;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.carousel-lightbox__gadget-device--active{border-color:#fff;background:#5b21b6}.carousel-lightbox__counter{margin:0;font-family:var(--mono);color:#fff;font-size:.95rem;font-weight:500}.carousel-lightbox__close{width:44px;height:44px;flex-shrink:0;border:2px solid #fff;border-radius:50%;background:#1a1028;color:#fff;font-size:1.15rem;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:0 0 0 1px #000000d9,0 4px 14px #0000008c}.carousel-lightbox__stage{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;overflow:hidden;margin-top:58px;margin-bottom:0;padding:8px;padding-inline:max(8px,env(safe-area-inset-left,0px)) max(8px,env(safe-area-inset-right,0px));background:#08060d}.carousel-lightbox__stage--gadget{padding-top:8px;padding-bottom:8px;overflow:hidden;align-items:stretch}.carousel-lightbox__stage--gadget .device-frame-view{flex:1 1 0;align-self:center;width:auto;max-width:min(100%,calc(100% - 120px));height:100%;max-height:100%;min-height:0}.carousel-lightbox__img{position:relative;z-index:1;display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none;pointer-events:none}.carousel-lightbox__nav{border:2px solid #fff;background:#1a1028;color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;text-shadow:0 1px 2px rgba(0,0,0,.9);box-shadow:0 0 0 1px #000000d9,0 4px 16px #0009}.carousel-lightbox__nav--side{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;font-size:1.75rem;line-height:1}.carousel-lightbox__nav--prev{left:max(8px,env(safe-area-inset-left,0px))}.carousel-lightbox__nav--next{right:max(8px,env(safe-area-inset-right,0px))}.carousel-lightbox__footer{display:none}@media(min-width:769px){.carousel-lightbox__stage{margin-top:64px;margin-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.carousel-lightbox__stage--gadget{max-height:calc(100dvh - 64px - max(16px,env(safe-area-inset-bottom,0px)))}.carousel-lightbox__img{max-width:100%;max-height:100%}.carousel-lightbox__nav--side{width:52px;height:52px;font-size:2rem}.carousel-lightbox__nav--prev{left:max(20px,env(safe-area-inset-left,0px))}.carousel-lightbox__nav--next{right:max(20px,env(safe-area-inset-right,0px))}}@media(max-width:768px){.carousel-lightbox__toolbar{flex-wrap:wrap;align-items:flex-start;padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:10px}.carousel-lightbox__counter{flex:1 1 auto;min-width:0}.carousel-lightbox__toolbar-actions{flex:1 1 100%;justify-content:flex-start;gap:6px}.carousel-lightbox__gadget-toggle,.carousel-lightbox__gadget-device{min-height:40px;padding:6px 10px;font-size:.78rem}.carousel-lightbox__stage{margin-top:calc(96px + env(safe-area-inset-top,0px));margin-bottom:calc(76px + env(safe-area-inset-bottom,0px));padding:4px;padding-inline:max(4px,env(safe-area-inset-left,0px)) max(4px,env(safe-area-inset-right,0px))}.carousel-lightbox__stage--gadget{max-height:calc(100dvh - 172px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.carousel-lightbox__img{max-width:100%;max-height:100%}.carousel-lightbox__nav--side{display:none}.carousel-lightbox__footer{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:10px;flex-shrink:0;padding:12px;padding-bottom:max(14px,env(safe-area-inset-bottom,0px));padding-inline:max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-right,0px));background:#121018;border-top:1px solid #2e2a3a;box-shadow:0 -4px 24px #000000bf}.carousel-lightbox__nav--bar{flex:1;min-height:50px;padding:12px 14px;border-radius:10px;font:inherit;font-size:1rem;font-weight:600;line-height:1.2;background:#1a1028;border:2px solid #fff;color:#fff}.carousel-lightbox__close{width:44px;height:44px;font-size:1.1rem}}.project-demo-gadget{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;min-height:0}.project-demo-gadget--compact{position:relative;display:block;height:100%;gap:0}.project-demo-gadget__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;flex-shrink:0}.project-demo-gadget--compact .project-demo-gadget__toolbar{position:absolute;z-index:5;left:0;right:0;bottom:8px;gap:6px;margin:0;padding:0 8px;pointer-events:none}.project-demo-gadget--compact .project-demo-gadget__toolbar>*{pointer-events:auto}.project-demo-gadget--compact .project-demo-gadget__devices{margin:0 auto;padding:4px 6px;border-radius:999px;background:#08060db8;backdrop-filter:blur(6px)}.project-demo-gadget__devices{display:inline-flex;flex-wrap:wrap;gap:6px}.project-demo-gadget__device{border:1px solid var(--adobe-line, var(--border));border-radius:999px;background:var(--adobe-surface-elevated, var(--social-bg));color:var(--adobe-ink-soft, var(--text));padding:6px 11px;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.project-demo-gadget--compact .project-demo-gadget__device{padding:4px 9px;font-size:.72rem;background:#fffffff0}.project-demo-gadget__device:hover{border-color:var(--adobe-red, var(--accent-border))}.project-demo-gadget__device--active{border-color:var(--adobe-red, var(--accent));background:#eb100014;color:var(--adobe-red, var(--accent))}.project-demo-gadget--compact .project-demo-gadget__device--active{background:#eb10001f}.project-demo-gadget__zoom{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:.78rem;color:var(--adobe-ink-soft, var(--text))}.project-demo-gadget__zoom-label{font-weight:600;color:var(--adobe-ink, var(--text-h))}.project-demo-gadget__zoom-btn{width:28px;height:28px;border:1px solid var(--adobe-line, var(--border));border-radius:6px;background:var(--adobe-surface-elevated, var(--social-bg));color:var(--adobe-ink, var(--text-h));font-size:1rem;line-height:1;cursor:pointer}.project-demo-gadget__zoom-btn:hover{border-color:var(--adobe-red, var(--accent))}.project-demo-gadget__zoom-range{width:min(120px,28vw);height:6px;margin:0;cursor:pointer;accent-color:var(--adobe-red, #5b21b6)}.project-demo-gadget__zoom-value{min-width:2.6rem;font-variant-numeric:tabular-nums;text-align:right}.project-demo-gadget__stage{--gadget-zoom: 1;--stage-base-height: min(72vh, 640px);--stage-padding-block: 12px;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:var(--stage-padding-block) 12px;background:radial-gradient(ellipse 90% 80% at 50% 40%,#1a1d28,#08060d 75%);border-radius:8px;overflow:visible;height:calc(var(--stage-base-height) * var(--gadget-zoom));min-height:calc(300px * var(--gadget-zoom))}.project-demo-gadget--compact .project-demo-gadget__stage{--stage-base-height: 100%;--stage-padding-block: 0;--gadget-zoom: 1;position:absolute;inset:0;height:100%;min-height:0;padding:0;border-radius:0;overflow:hidden}.project-demo-gadget__stage--zoomed{overflow:auto;-webkit-overflow-scrolling:touch}.project-demo-gadget__frame{display:flex;align-items:center;justify-content:center;width:100%;height:calc(var(--stage-base-height) - (var(--stage-padding-block) * 2));max-width:100%;min-height:0;min-width:0;flex-shrink:0;transform:scale(var(--gadget-zoom));transform-origin:center center}.project-demo-gadget--compact .project-demo-gadget__frame{height:100%;min-height:0;transform:none}.project-demo-gadget__stage .device-frame-view{flex:1 1 0;align-self:center;width:100%;max-width:100%;height:100%;max-height:100%;min-height:0;min-width:0}.project-demo-gadget__stage .device-frame-view__frame-area{height:100%;width:100%}@media(max-width:768px){.project-demo-gadget:not(.project-demo-gadget--compact) .project-demo-gadget__stage{--stage-base-height: min(52vh, 420px);min-height:calc(260px * var(--gadget-zoom, 1));padding-inline:8px}}@media(max-width:520px){.project-demo-gadget:not(.project-demo-gadget--compact) .project-demo-gadget__toolbar{justify-content:stretch}.project-demo-gadget:not(.project-demo-gadget--compact) .project-demo-gadget__devices{width:100%;justify-content:center}.project-demo-gadget:not(.project-demo-gadget--compact) .project-demo-gadget__zoom{width:100%;justify-content:center}}.project-description__h2{font-size:1.5rem;margin:2rem 0 1rem;padding-bottom:.35rem;border-bottom:1px solid var(--border);color:var(--text-h)}.project-description__h2:first-child{margin-top:0}.project-description__h3{font-size:1.15rem;margin:1.25rem 0 .65rem;color:var(--text-h)}.project-description__p{line-height:1.7;margin:0 0 .85em;color:var(--text)}.project-description__list{margin:0 0 1rem 1.25rem;padding:0;line-height:1.65;color:var(--text)}.project-description__list--ordered{list-style:decimal}.project-description__code{margin:0 0 1rem;padding:14px 16px;border-radius:6px;border:1px solid var(--border);background:var(--code-bg);overflow-x:auto;font-size:.9rem;line-height:1.5}.project-description__table-wrap{overflow-x:auto;margin:0 0 1rem}.project-description__table{width:100%;border-collapse:collapse;font-size:.95rem}.project-description__table th,.project-description__table td{border:1px solid var(--border);padding:8px 12px;text-align:left;vertical-align:top}.project-description__table th{background:var(--social-bg);color:var(--text-h)}.project-detail{text-align:left;position:relative;max-width:100%;box-sizing:border-box}.project-detail:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent 70%);border-radius:2px}.project-detail h1{font-size:36px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.project-meta{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;border-radius:6px;background:var(--social-bg);margin-bottom:32px;border:1px solid var(--border);border-left:3px solid var(--accent-border);text-align:left}.meta-item{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;flex-wrap:wrap;width:100%;text-align:left}.meta-label{font-weight:500;color:var(--text-h);min-width:100px;flex-shrink:0;text-align:left}.meta-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;flex:1 1 auto;text-align:left}.project-description{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.project-description p{line-height:1.7;margin-bottom:1em;color:var(--text)}.project-video{margin:32px 0;padding-bottom:32px;border-bottom:1px solid var(--border)}.project-video iframe,.project-video video{width:100%;aspect-ratio:16 / 9;border:none;border-radius:6px;background:var(--code-bg);border:1px solid var(--border)}.project-demo{margin:0 0 32px;padding-bottom:32px;border-bottom:1px solid var(--border)}.project-files{border-top:1px solid var(--border);border-left:3px solid var(--accent-border);padding:32px 0 32px 20px;margin-top:8px}.project-files h2{text-align:center;margin-bottom:20px}.project-files__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;max-width:560px;margin:0 auto}.project-files__link{display:block;padding:12px 16px;border:1px solid var(--border);border-radius:6px;background:var(--social-bg);color:var(--text-h);text-decoration:none;transition:box-shadow .2s,border-color .2s}.project-files__link:hover{border-color:var(--accent-border);box-shadow:var(--shadow);color:var(--accent)}