*{box-sizing:border-box}html,body{margin:0;background:#171915;color:#e9e7df;font-family:system-ui,sans-serif}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px;max-width:1200px;margin:0 auto;padding:24px}figure{margin:0;min-width:0}.iphone-screen{position:relative;width:100%;aspect-ratio:393/852;overflow:hidden;background:#20251d;color:white}.art,.screen-ui,.notification-layers{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}.screen-ui,.notification-layers{pointer-events:none}.notification-layer{position:absolute;display:block;max-width:none}.notification-layer{backdrop-filter:blur(12px);border-radius:7% / 25%}figcaption{padding:14px 2px 0;font:14px/1.65 system-ui,sans-serif}.frame-number{display:block;margin-bottom:7px;color:#aaaf9d;font:11px/1.4 monospace;letter-spacing:1px}p{margin:0}blockquote{margin:18px 0 0;padding:14px 0 0;border-top:1px solid #44493e;white-space:pre-wrap;font:16px/1.6 Georgia,serif;color:#e5d6b8;overflow-wrap:anywhere}.motion{color:#c2c7ba}.editor{max-width:1152px;margin:100px auto 40px;border-top:1px solid #41473b;padding:32px 0}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b5bfa5}h1{font-size:clamp(26px,4vw,40px);font-weight:500;letter-spacing:-.04em;margin:12px 0}header p,.downloads p,.hint{font-size:14px;line-height:1.6;color:#aeb7a3;max-width:650px}.editor-layout{display:grid;grid-template-columns:minmax(240px,340px) minmax(300px,1fr);gap:56px;margin-top:36px}.preview-column{align-self:start;position:sticky;top:24px}.editor-stage{margin:14px 0;background:repeating-conic-gradient(#30362b 0% 25%,#24291f 0% 50%) 50%/20px 20px;touch-action:none}.editor-stage .notification-layer{pointer-events:auto;cursor:grab;touch-action:none;user-select:none}.editor-stage .notification-layer:active{cursor:grabbing}.editor-stage .notification-layer.selected{outline:1px solid #d4e5b0;outline-offset:3px}.hint{font-size:12px}.toggles{display:flex;gap:20px;margin-top:15px}.toggles label{display:flex;align-items:center;gap:6px}.toggles input{width:auto}.editor-fields{min-width:0}label{display:block;font-size:12px;line-height:1.5;color:#c3cab8}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;background:#24291f;border:1px solid #49513f;border-radius:8px;color:#f0f1e9;padding:10px 11px;margin-top:6px;font-size:14px}textarea{resize:vertical}input[type=range]{padding:0;accent-color:#b9cf95}input[type=file]{font-size:12px}input[type=checkbox]{accent-color:#b9cf95}button{border:1px solid #596349;border-radius:8px;background:#303b27;color:#eaf2df;padding:11px 14px;cursor:pointer;font-size:13px;line-height:1.2}button:hover{background:#405033}button:disabled{opacity:.35;cursor:default}.quiet{background:transparent;border-color:#414a36}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #c4e199;outline-offset:3px}fieldset{border:0;margin:20px 0 0;padding:0;display:grid;gap:17px}fieldset:disabled{opacity:.45}.field-row{display:flex;gap:12px;align-items:end}.grow{flex:1;min-width:0}.timestamp{width:105px}.coordinates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.downloads{margin-top:26px;padding-top:24px;border-top:1px solid #41473b}h2{font-size:18px;font-weight:500;margin:0 0 9px}.downloads p{font-size:12px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}#editor-status{font-size:12px;line-height:1.5;color:#cbdab9;min-height:36px;margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1200px){.editor{margin-left:24px;margin-right:24px}}@media(max-width:700px){.gallery{gap:24px 10px;padding:10px}figcaption{font-size:12px;line-height:1.5}blockquote{font-size:13px}.frame-number{font-size:10px}.editor{margin:60px 16px 24px}.editor-layout{grid-template-columns:1fr;gap:30px}.preview-column{position:static;max-width:340px;width:100%;margin:auto}.field-row{gap:8px}}
.application-library{max-width:1152px;margin:90px auto 60px;padding:36px 0;border-top:1px solid #41473b}.application-library header h2{font-size:clamp(26px,4vw,40px);letter-spacing:-.035em;margin:12px 0}.application-library a{color:#d2e3bb;text-underline-offset:4px}.download-pack{display:inline-block;margin-top:20px;padding:13px 17px;border:1px solid #566546;border-radius:9px;background:#303b27;text-decoration:none;font-size:14px}.application-composites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.application-composites h3,.overlay-card h3{font-size:15px;font-weight:500;margin:0 0 12px}.black-application{width:100%;height:auto;display:block;aspect-ratio:393/852;background:#000}.asset-downloads{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;line-height:1.5;margin-top:14px}.application-stage{background:#000;margin:15px 0}.application-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#application-toggles{display:grid;grid-template-columns:1fr;gap:7px;margin:15px 0}#application-toggles label{display:flex;align-items:center;gap:8px}#application-toggles input{width:16px;height:16px;margin:0;accent-color:#b9cf95}.overlay-stack>a{display:block;font-size:12px;margin-top:12px}.layer-group-title{font-size:21px;font-weight:500;margin:48px 0 20px}.overlay-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.overlay-card{border:1px solid #3b4234;border-radius:10px;overflow:hidden;background:#1e221b}.overlay-piece-preview{height:175px;background:repeating-conic-gradient(#30332e 0% 25%,#242721 0% 50%) 50%/18px 18px;padding:15px;display:grid;place-items:center}.overlay-piece-preview img{max-width:100%;max-height:145px;display:block}.overlay-card-footer{padding:16px}.overlay-card h3{margin-bottom:8px}.overlay-card .asset-downloads{margin:0}@media(max-width:1200px){.application-library{margin-left:24px;margin-right:24px}}@media(max-width:700px){.application-library{margin:60px 16px 24px}.application-composites{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.overlay-stack{grid-column:1/-1;max-width:340px;width:100%;margin:20px auto}.overlay-pieces{gap:10px}.overlay-piece-preview{height:115px;padding:8px}.overlay-piece-preview img{max-height:99px}.overlay-card-footer{padding:10px}.overlay-card h3{font-size:12px}.asset-downloads{gap:10px}}

.interface-piece{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}