@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;450;500;550;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Bodoni+Moda:wght@400;700&family=Cormorant+Garamond:wght@400;700&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700&display=swap";
.font-haunting{z-index:82;pointer-events:none;position:fixed;inset:0;overflow:hidden}.roaming-ghost{pointer-events:none;will-change:transform;width:clamp(210px,20vw,290px);animation:ghost-roam var(--roam-duration) ease-in-out var(--roam-delay) infinite var(--roam-direction);position:absolute;top:0;left:0}.word-ghost{width:100%;height:auto;font-family:inherit;display:block}.ghost-word-line{letter-spacing:-.1px;font-family:inherit;font-size:8px;font-weight:500}@keyframes ghost-roam{0%,to{transform:translate(4vw,10vh)rotate(-3deg)}20%{transform:translate(50vw,18vh)rotate(3deg)}40%{transform:translate(calc(96vw - 100%),55vh)rotate(-2deg)}60%{transform:translate(38vw,calc(90vh - 100%))rotate(3deg)}80%{transform:translate(2vw,43vh)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.roaming-ghost{will-change:auto;animation-play-state:paused}}@media (max-width:600px){.roaming-ghost{width:clamp(135px,36vw,175px)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#1e1e1e;--panel:#2c2c2c;--toolbar:#5e5e5e;--line:#454545;--muted:#a3a3a3;--text:#f4f4f4;--accent:#00e2f1;--sidebar-width:240px;--header-height:54px}*{box-sizing:border-box}body{background:var(--canvas);color:var(--text);margin:0;font-family:Inter,Arial,sans-serif;font-size:12px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.35;cursor:default}.client-call{z-index:90;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);color:#fff;background:#686461ed;border:1px solid #ffffff30;border-radius:22px;align-items:center;gap:14px;width:min(420px,100vw - 32px);padding:14px 15px;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 4px 18px #0005,inset 0 0 0 1px #0002}.call-avatar{flex:0 0 48px;width:48px;height:48px;position:relative}.avatar-camera{color:#fff;background:#28cd42;border-radius:5px;place-items:center;width:20px;height:17px;display:grid;position:absolute;bottom:-1px;right:-1px;box-shadow:0 1px 2px #0002}.call-details{flex:1;min-width:0}.call-details h2{letter-spacing:-.25px;margin:0 0 3px;font-size:15px;font-weight:600}.client-line{color:#fff;letter-spacing:-.3px;white-space:nowrap;margin:0;font-size:16px;line-height:22px}.call-simulation{color:#ffffff80;margin-top:2px;font-size:9px;display:block}.call-actions{flex:0 0 88px;gap:7px;display:grid}.answer-call,.decline-call{color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;height:27px;padding:0 20px 0 9px;display:flex;position:relative}.answer-call{background:#28cd42}.answer-call:hover{background:#35df50}.answer-call.pressed{background:#1f9e33;transform:scale(.94)}.decline-call{background:#ff453a}.decline-call:hover{background:#ff6056}.call-chevron{opacity:.85;position:absolute;top:10px;right:8px}.call-actions button:disabled{opacity:.55;cursor:default}.facetime-call{z-index:95;color:#fff;background:#1d1714;border:1px solid #ffffff30;border-radius:16px;width:50vw;height:50vh;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;animation:.35s ease-out call-in;position:fixed;top:18px;right:18px;overflow:hidden;box-shadow:0 12px 40px #0008}@keyframes call-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.call-backdrop{background:radial-gradient(at 40% 30%,#a98467,#5a4031 55%,#241a15 100%);place-items:center;display:grid;position:absolute;inset:0}.call-backdrop svg{width:62%;height:auto}.desk-view{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0008;border-radius:999px;padding:4px 9px;font-size:11px;position:absolute;top:10px;right:10px}.client-subtitle{z-index:1;max-width:calc(100% - 24px);color:var(--accent);text-align:center;text-shadow:0 1px 8px #00e2f133;pointer-events:none;background:#10191aeb;border:1px solid #00e2f155;border-radius:8px;margin:0;padding:8px 16px;font-size:16px;font-weight:500;line-height:1.4;position:absolute;bottom:66px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0007}@media (max-width:600px){.client-subtitle{width:max-content;max-width:calc(100% - 24px);padding:7px 12px;font-size:14px;bottom:66px}}.call-controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#2b2b2fcc;border-radius:999px;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.ctrl{color:#fff;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.ctrl:hover{background:#fff3}.ctrl.share{background:#6c5ce7}.ctrl.end{background:#ff3b30}.game-announcement{--speaker-color:#bda3ff;z-index:85;background:#2c2c2c;border:1px solid #505050;border-radius:10px;align-items:center;gap:20px;width:min(720px,100% - 40px);padding:20px;animation:.25s ease-out announcement-in;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0005}.announcement-dismiss{color:#bdbdbd;background:0 0;border:0;border-radius:4px;place-items:center;width:22px;height:22px;padding:0;font-size:20px;display:grid;position:absolute;top:5px;right:7px}.announcement-dismiss:hover{color:#fff;background:#ffffff15}.game-announcement.client{--speaker-color:#95cfff;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.announcement-avatar{background:color-mix(in srgb, var(--speaker-color) 10%, transparent);height:64px;color:var(--speaker-color);border:0;border-radius:6px;flex:0 0 56px;place-items:center;display:grid;overflow:hidden}.announcement-avatar img{object-fit:cover;width:100%;height:100%;display:block}.announcement-copy{flex:1;min-width:0}.announcement-copy h1{color:#f4f4f4;letter-spacing:-.45px;margin:0 0 6px;font-size:18px;font-weight:500;line-height:1.25}.announcement-copy p{color:#bdbdbd;margin:0;font-size:12px;line-height:1.65}.announcement-action{color:#f4f4f4;background:#383838;border:1px solid #585858;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:16px;min-height:36px;padding:9px 12px;font-size:11px;display:flex}.announcement-action:hover{background:#464646;border-color:#858585}.announcement-action span{color:inherit;font-size:16px}.announcement-action.nudge{animation:.6s ease-out start-nudge}@keyframes start-nudge{0%,to{box-shadow:none}30%{border-color:#95cfff;box-shadow:0 0 0 3px #95cfff55,0 0 18px #95cfff88}}@keyframes announcement-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (max-width:600px){.game-announcement{flex-wrap:wrap;gap:12px;width:calc(100% - 32px);padding:16px;bottom:88px}.announcement-avatar{flex-basis:40px;height:48px}.announcement-copy{flex-basis:calc(100% - 52px)}.announcement-copy h1{font-size:16px}.announcement-action{margin-left:52px}}@media (prefers-reduced-motion:reduce){.game-announcement{animation:none}}.editor{min-height:100svh;overflow:hidden}.gravity-active{height:100svh}:is(html:has(.gravity-active),body:has(.gravity-active)){overflow:hidden}.gravity-active .game-announcement{display:none}.gravity-active [aria-label="Game discovery progress"]{z-index:110;position:fixed;top:110px;bottom:auto;right:16px}.gravity-active #discovery-journal{max-height:calc(100svh - 260px);top:calc(100% + 10px);bottom:auto}.gravity-active .topbar{background:0 0;border-color:#0000}.gravity-active .properties{z-index:7;pointer-events:none;background:0 0;border-color:#0000}.gravity-active .property{background:var(--panel);border:1px solid var(--line);pointer-events:auto;border-radius:5px;position:relative;box-shadow:0 5px 18px #0005}.gravity-active .weight-property{z-index:10}.gravity-active .viewport{overflow:visible}.gravity-active .canvas-frame,.gravity-active .topbar>*,.gravity-active .zoom-controls{pointer-events:none}.gravity-active:after{content:"";pointer-events:none;background:#ffffff24;height:1px;position:fixed;bottom:10px;left:12px;right:12px}.gravity-active [data-gravity-piece]{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.gravity-active [data-gravity-piece] *{pointer-events:none}.gravity-active [data-gravity-piece=fallen]{outline:none}.gravity-active [data-gravity-piece=fallen]:not(.collaborators),.gravity-active .collaborators[data-gravity-piece=fallen]>button{animation:3s ease-in-out infinite gravity-pickup-shimmer}.gravity-active .collaborators[data-gravity-piece=fallen]{box-shadow:none;filter:none}@keyframes gravity-pickup-shimmer{0%,to{filter:drop-shadow(-3px -2px 4px #efffff90)drop-shadow(0 0 8px #a8e8ff80)drop-shadow(0 0 14px #87cfff45)}25%{filter:drop-shadow(3px -2px 5px #efffffb0)drop-shadow(0 0 10px #c1efffa0)drop-shadow(0 0 18px #87cfff60)}50%{filter:drop-shadow(3px 2px 4px #efffff90)drop-shadow(0 0 8px #a8e8ff80)drop-shadow(0 0 14px #87cfff45)}75%{filter:drop-shadow(-3px 2px 5px #efffffb0)drop-shadow(0 0 10px #c1efffa0)drop-shadow(0 0 18px #87cfff60)}}@media (prefers-reduced-motion:reduce){.gravity-active [data-gravity-piece=fallen]:not(.collaborators),.gravity-active .collaborators[data-gravity-piece=fallen]>button{filter:drop-shadow(0 0 5px #a8e8ff80)drop-shadow(0 0 12px #87cfff45);animation:none}}.gravity-active [data-gravity-piece=held]{z-index:100;cursor:grabbing;filter:drop-shadow(0 12px 18px #0008)}.gravity-active [data-gravity-piece=restored]{cursor:default}:is(.gravity-active .topbar:has([data-gravity-piece=held]),.gravity-active .workspace:has([data-gravity-piece=held]),.gravity-active .properties:has([data-gravity-piece=held])){z-index:20}.gravity-drop-target{z-index:19;pointer-events:none;background:#ffffff0c;border:2px solid #fff;border-radius:5px;position:fixed;box-shadow:0 0 0 1px #0008,0 0 24px #ffffff28}.gravity-drop-ready{background:#ffffff26;box-shadow:0 0 0 3px #ffffff24,0 0 32px #ffffff50}.gravity-repair-hint{z-index:21;color:#fff;text-align:center;pointer-events:none;background:#202020ee;border:1px solid #ffffff30;border-radius:7px;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;font-size:12px;line-height:1.5;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0005}.gravity-active [data-gravity-piece]:focus-visible{outline-offset:4px;outline:2px solid #fff}.font-blackout{--flash-x:-1000px;--flash-y:-1000px;z-index:100;cursor:none;touch-action:none;position:fixed;inset:0;overflow:hidden}.flashlight-darkness{background:radial-gradient(circle 210px at var(--flash-x) var(--flash-y), transparent 0%, #00000030 35%, #000000e8 75%, #000 100%);pointer-events:none;position:absolute;inset:0}.font-ghost{cursor:none;background:0 0;border:none;padding:0;position:absolute;transform:translate(-2px,-2px)}.flashlight-cursor{left:var(--flash-x);top:var(--flash-y);pointer-events:none;filter:drop-shadow(0 1px 2px #000);position:absolute;transform:translate(-50%,-50%)}.font-ghost:focus-visible{opacity:1!important}.ghost-photo{object-fit:contain;filter:drop-shadow(0 1px 3px #0008);width:56px;height:56px;display:block}.flashlight-hint{color:#bfc8bd;text-align:center;letter-spacing:.03em;pointer-events:none;margin:0;font-size:13px;position:absolute;bottom:38px;left:16px;right:16px}.topbar{height:var(--header-height);background:var(--toolbar);z-index:2;border-bottom:1px solid #707070;align-items:center;display:flex;position:relative}.brand{padding-left:17px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding-block:0;display:flex}.figma-mark{width:auto;height:22px}.brand-cross{color:#8a8a8a;font-size:13px;line-height:1}.turtle-logo{width:auto;height:29px}.file-breadcrumb{white-space:nowrap;align-items:center;gap:14px;font-size:11px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.drafts{color:#b8b8b8}.separator{color:#ddd}.file-breadcrumb input{color:#f2f2f2;background:0 0;border:0;width:146px;padding:4px 0;font-size:11px}.collaborators{isolation:isolate;align-items:center;margin-left:auto;padding-right:18px;display:flex}.collaborator-avatar{border:2px solid var(--toolbar);color:#242127;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:12px;font-weight:600;transition:transform .15s,box-shadow .15s;display:grid;position:relative}.collaborator-avatar+.collaborator-avatar{margin-left:-12px}.collaborator-avatar:first-child{z-index:3}.collaborator-avatar:nth-child(2){z-index:2}.collaborator-avatar:nth-child(3){z-index:1}.collaborator-avatar:hover{z-index:4;transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff90}.collaborator-avatar:disabled{opacity:1;cursor:default}.collaborator-more{color:#fff;background:#ffffff10;border:0;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:5px;padding:0;display:grid}.collaborator-more:hover{background:#ffffff20}.topbar:has(.comment-hunt){z-index:89}.comment-hunt{z-index:80;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:fixed;inset:0;overflow:hidden}.comment-blade{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.comment-blade polyline{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #8ed9c0)drop-shadow(0 0 10px #8ed9c0)}.hunting-comment{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.hunting-comment>svg{filter:drop-shadow(0 2px 3px #0006);position:absolute;top:-2px;left:-2px}.hunting-comment>svg path{fill:var(--comment-fill);stroke:#fff}.hunting-comment-bubble{border:2px solid var(--comment-edge);background:var(--comment-fill);width:max-content;max-width:min(250px,100vw - 32px);color:var(--comment-text);box-shadow:0 4px 10px color-mix(in srgb, var(--comment-fill) 30%, transparent);text-align:left;cursor:crosshair;border-radius:2px 28px 28px;padding:10px 17px 12px;position:absolute;top:22px;left:17px}.hunting-comment-bubble:focus-visible{outline-offset:4px;outline:3px solid #fff}.hunting-comment-bubble>span{font-size:14px;font-weight:500;line-height:1.4}@media (max-width:760px){.collaborators{padding-right:12px}.collaborator-avatar,.collaborator-more{width:30px;height:30px}.collaborator-avatar+.collaborator-avatar{margin-left:-11px}.topbar .file-breadcrumb{gap:5px;max-width:calc(100% - 210px);right:125px}.topbar .file-breadcrumb input{width:100%;min-width:0}}.workspace{width:calc(100% - var(--sidebar-width));height:calc(100svh - var(--header-height));min-height:550px;transition:background-color .8s;position:relative}.chalk-remains{pointer-events:none;z-index:4;position:absolute;inset:0}.chalk-outline{object-fit:fill;opacity:.9;pointer-events:none;max-width:none;position:absolute}.crime-scene-tape{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.crime-scene-strip{color:#111;white-space:nowrap;background:#ffdc00;gap:28px;width:150%;padding:6px 0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(22px,3vw,46px);font-weight:900;line-height:1.15;display:flex;position:absolute;left:-25%;overflow:hidden;box-shadow:0 3px 9px #0005}.crime-scene-strip span{flex-shrink:0}.crime-scene-strip:first-child{top:17%;rotate:-7deg}.crime-scene-strip:nth-child(2){top:47%;rotate:15deg}.crime-scene-strip:nth-child(3){top:77%;rotate:-10deg}.workspace.frame-red{background:#5a0c0c}.workspace.frame-red .tile{visibility:hidden}.viewport{touch-action:none;cursor:default;position:absolute;inset:0;overflow:hidden}.viewport:active{cursor:default}.viewport:has([data-canvas-object]:active){cursor:default}[data-canvas-object]:active{cursor:default}.canvas-frame{--card-w:clamp(420px, 31.25vw, 900px);transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.tile{top:calc(var(--card-w) * -9 / 32 - 72px);width:calc(var(--card-w) * .36);aspect-ratio:16/9;background:url(/haunted-wallpaper.png) 50%/38%,#d9d6a0;margin-left:-12px;position:absolute;box-shadow:0 12px 32px #00000019;container-type:inline-size}.cursor-pair{--cursor-blue:#8dbfe0;--cursor-edge:#74a8cb;pointer-events:none;width:80%;height:100%;font-size:5.33333cqw;position:absolute;top:20%;left:24%}.hover-cursor{z-index:2;pointer-events:none;animation:.3s ease-out both pair-appear;position:absolute;top:0;left:1.5em}.paired-cursor{animation-delay:80ms;top:4.75em;left:.375em}.hover-cursor svg{filter:drop-shadow(0 1px 2px #00000040);width:1.5em;height:1.75em;display:block;overflow:visible}.cursor-comment{border:.125em solid var(--cursor-edge);background:var(--cursor-blue);color:#fff;white-space:pre;border-radius:.125em 1.75em 1.75em;align-items:center;min-width:3em;min-height:2.4375em;padding:.5em .9375em .5625em;font-size:1em;font-weight:400;line-height:1.25;display:flex;position:absolute;top:1.625em;left:1.375em;box-shadow:0 5px 20px #5b9ac545}.typing-caret{background:#fff;flex:0 0 .0625em;width:.0625em;height:1.1875em;margin-left:.0625em;animation:1s step-end infinite caret-blink}.tile:focus-visible{outline-offset:5px;outline:2px solid #8dbfe0}@keyframes pair-appear{0%{opacity:0;transform:translate(-8px,-6px)}to{opacity:1;transform:none}}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.artboard-wrap{width:var(--card-w);cursor:default;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.artboard-wrap:has(>.client-comment){z-index:86}.duplicated-card{animation:.24s ease-out both copy-appear}.card-duplicator{z-index:201;pointer-events:none;animation:.7s ease-out both duplicator-arrive;position:absolute;top:22%;left:72%}@keyframes copy-appear{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0}}@keyframes duplicator-arrive{0%{opacity:0;transform:translate(320px,180px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.duplicated-card,.card-duplicator{animation:none}}.card-still{left:calc(var(--card-w) * -.68);bottom:calc(var(--card-w) * 9 / 32 + 60px);width:calc(var(--card-w) * .36);position:absolute;box-shadow:0 8px 24px #00000026}.card-still.reference-great-danger{left:calc(var(--card-w) * .65);top:calc(var(--card-w) * .04);width:calc(var(--card-w) * .24);bottom:auto}.card-still.reference-danger{left:calc(var(--card-w) * .28);top:calc(var(--card-w) * 9 / 32 + 60px);width:calc(var(--card-w) * .24);bottom:auto}.card-still img{pointer-events:none;width:100%;height:auto;display:block}.card-still:focus-visible{outline-offset:4px;outline:2px solid #0d99ff}.artboard-label{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;top:-23px}.artboard{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;box-shadow:0 12px 32px #00000019;container-type:inline-size}[data-canvas-object]{cursor:move;-webkit-user-select:none;user-select:none}.object-selected{outline:1px solid #0d99ff}.resize-handle{z-index:210;touch-action:none;background:#fff;border:1px solid #0d99ff;border-radius:0;width:10px;height:10px;padding:0;position:absolute;transform:translate(-50%,-50%)}.resize-top-left{cursor:nwse-resize;top:0;left:0}.resize-top-right{cursor:nesw-resize;top:0;left:100%}.resize-bottom-left{cursor:nesw-resize;top:100%;left:0}.resize-bottom-right{cursor:nwse-resize;top:100%;left:100%}.resize-handle:focus-visible{outline-offset:3px;outline:2px solid #0d99ff}.artboard-wrap.object-selected>.artboard{outline-offset:4px;outline:1px solid #0d99ff}.text-object{width:94%;position:relative}.text-object.is-editing{cursor:text;-webkit-user-select:text;user-select:text}.card-text{text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;outline:none;width:100%;padding:10px 0;font-size:8.1cqw;line-height:1.2}.card-text:focus{outline:1px solid #7b8cff66}.card-text.lorem-text{text-align:left;height:auto;padding:8px;font-size:2.8cqw;overflow:visible}.cursor-layer{z-index:200;pointer-events:none;position:absolute;top:50%;left:50%}.call-cursor-overlay{z-index:2147483647;pointer-events:none;position:fixed;inset:0}.call-answer-cursor{transform-origin:2px 2px;transition:left .95s cubic-bezier(.22,1,.36,1),top .95s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-2px,-2px)}.call-answer-cursor.clicking{transform:translate(-2px,-2px)scale(.88)}.call-answer-cursor.clicking:before{content:"";border:2px solid #0d99ff99;border-radius:50%;width:24px;height:24px;position:absolute;top:-11px;left:-11px}.cursor{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-2px,-2px)}.cursor-arrow{filter:drop-shadow(0 1px 2px #00000040);display:block;overflow:visible}.cursor-label{color:#fff;letter-spacing:0;white-space:nowrap;border-radius:0 4px 4px;padding:4px 8px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:25px;left:21px;box-shadow:0 1px 3px #00000026}.properties{z-index:88;top:var(--header-height);width:var(--sidebar-width);background:var(--panel);border-left:1px solid var(--line);flex-direction:column;display:flex;position:absolute;bottom:0;right:0}.property{border-bottom:1px solid var(--line);padding:16px}.property:has(:disabled){opacity:.35}.property-label{margin-bottom:12px;font-size:12px;font-weight:500;line-height:16px;display:block}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;color:var(--muted);background:#343434;border:1px solid #414141;border-radius:6px;height:24px;padding:0 28px 0 8px;font-size:12px;line-height:24px;display:block}.peptide-equipped,.peptide-equipped *{cursor:none!important}.peptide-equipped .text-object:hover,.peptide-equipped .drawing-text-item:hover{outline-offset:5px;outline:2px dashed #b8ff65}.peptide-needle{z-index:10000;visibility:hidden;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.peptide-syringe{filter:drop-shadow(0 3px 3px #0008);transform-origin:0;transition:translate .18s;position:absolute;top:-28px;left:0;overflow:visible;transform:rotate(-35deg)}.peptide-needle.is-injecting .peptide-syringe{filter:drop-shadow(0 0 7px #b8ff6580);translate:-9px 6px}.peptide-equipped .text-object,.peptide-equipped .drawing-text-item{touch-action:none;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.peptide-syringe{transition:none}}.peptide-instruction{z-index:10000;color:#d8ffaf;background:#252b20;border:1px solid #627248;border-radius:7px;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0005}.peptide-instruction button{color:inherit;background:0 0;border:1px solid #627248;border-radius:4px;flex-shrink:0;padding:5px 8px;font-size:11px}.peptide-instruction kbd{opacity:.65;margin-left:6px}.select-wrap svg{color:#b0b0b0;pointer-events:none;position:absolute;top:6px;right:8px}.color-property{padding-top:16px;padding-bottom:16px}.color-input{background:#383838;border:1px solid #4a4a4a;border-radius:6px;align-items:center;gap:6px;height:24px;padding:4px;display:flex}.native-color{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:2px;flex:0 0 14px;width:14px;height:14px;padding:0}.native-color:disabled{opacity:1;cursor:default}.native-color::-webkit-color-swatch-wrapper{padding:0}.native-color::-webkit-color-swatch{border:none;border-radius:3px}.native-color::-moz-color-swatch{border:none;border-radius:3px}.hash{color:#b4b4b4;font-size:10px}.hex-input{color:#b5b5b5;outline-offset:1px;background:0 0;border:0;width:100%;min-width:0;padding:0;font-family:Inter,Arial,sans-serif;font-size:12px;line-height:16px}.swatches{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:10px;display:grid}.swatch{border:1px solid #64646480;border-radius:3px;min-width:0;height:21px;padding:0;transition:transform .15s}.swatch:hover{transform:translateY(-2px)}.swatch:active{transform:scale(.9)}.album-dialog{z-index:96;background:var(--panel);width:min(420px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--text);border:1px solid #555;border-radius:14px;padding:0;position:fixed;overflow-y:auto;box-shadow:0 12px 40px #0006}.album-spotify-player{z-index:97;background:#181818;border-radius:12px;width:min(420px,100vw - 48px);position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}.album-spotify-player iframe{border:0;border-radius:12px;display:block}.album-player-close{z-index:1;background:var(--panel);width:26px;height:26px;color:var(--text);border:1px solid #555;border-radius:50%;padding:0;font-size:20px;line-height:1;position:absolute;top:-12px;right:-12px}.album-dialog-content{padding:24px}.album-dialog-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.album-dialog-header h2{-webkit-line-clamp:2;letter-spacing:-.7px;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:clamp(18px,4vw,24px);font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.album-close{width:30px;height:30px;color:var(--text);background:#ffffff0c;border:0;border-radius:5px;flex-shrink:0;font-size:23px}.album-title-grid{background:#fff;border:0;border-radius:5px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-height:calc(min(420px,100vw - 32px) - 48px);max-height:50svh;transition:opacity .15s;display:grid;overflow-y:auto}.album-title-grid[aria-busy=true]{opacity:.45}.album-title-grid button{aspect-ratio:1;color:#000;overflow-wrap:anywhere;background:#fff;border:0;place-items:center;padding:12px 8px;font-size:12px;font-weight:500;line-height:1.3;display:grid;overflow:hidden}.album-title-grid button span{-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.album-title-grid button:hover{background:#eee}.album-title-grid button:disabled{opacity:1;color:#777}.album-title-grid.cheat{background:0 0}.album-title-grid.cheat button{background:0 0;padding:0}.album-title-grid.cheat button:hover{background:0 0}.album-title-grid.cheat img{object-fit:cover;width:100%;height:100%;display:block}.album-cheat{color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.album-cheat input{accent-color:#fff;margin:0}.album-year-control{margin-top:22px}.album-year-control output{text-align:center;font-variant-numeric:tabular-nums;margin-bottom:14px;font-size:18px;display:block}.album-year-control input[type=range]{accent-color:#fff;cursor:ew-resize;width:100%;margin:0;display:block}.album-year-labels{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.album-error{color:#ff8a80;margin:14px 0 0;font-size:11px}@media (max-width:440px){.album-dialog-content{padding:18px}}.bottom-actions{flex-direction:column;gap:8px;width:180px;display:flex;position:absolute;bottom:64px;left:22px}.timer{background:var(--panel);height:54px;color:var(--accent);border:1px solid #484848;border-radius:7px;justify-content:center;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:19px;display:flex}.export-button{background:var(--accent);color:#003034;border:none;border-radius:7px;justify-content:center;align-items:center;gap:15px;height:54px;font-size:14px;transition:background .15s,transform .15s;display:flex}.export-button:hover{background:#00c6d3}.export-button:active{transform:translateY(1px)}.sidebar-export{isolation:isolate;color:var(--canvas);background:#343434;flex-shrink:0;gap:8px;height:auto;min-height:44px;margin:auto 16px 16px;padding:12px;font-size:12px;position:relative;overflow:hidden}.properties>.sidebar-export{grid-column:1/-1;width:calc(100% - 32px)}.sidebar-export:hover{background:#404040}.sidebar-export:disabled,.sidebar-export:disabled:hover{opacity:1;cursor:not-allowed;background:#343434;transform:none}.export-fill{z-index:-1;background:var(--accent);pointer-events:none;transition:width .45s;position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:reduce){.export-fill{transition:none}}.editor-controls{z-index:84;pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);max-height:calc(100% - 36px);display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.editor-controls>*{pointer-events:auto}.editor-toolbar{background:#2c2c2c;border:1px solid #484848;border-radius:17px;flex-shrink:0;align-items:stretch;width:max-content;max-width:100%;padding:8px;display:flex;position:relative;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff05}.toolbar-tools{align-items:center;gap:10px;display:flex}.toolbar-tool{color:#eee;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:48px;height:48px;padding:0;display:grid}.toolbar-tool:hover{background:#ffffff12}.toolbar-tool.selected{color:#fff;background:#0d99ff}.toolbar-tool svg[shape-rendering=crispEdges]{image-rendering:pixelated}.toolbar-slot-empty{background:#1f1f1f;border-radius:2px;position:relative;box-shadow:inset 2px 2px #151515,inset -2px -2px #3a3a3a}.toolbar-slot-empty:hover{background:#262626}.tool-poof{pointer-events:none;position:absolute;inset:50% auto auto 50%}.tool-poof i{opacity:0;animation:.7s steps(6,end) forwards tool-poof;position:absolute;top:0;left:0}.toolbar-tool-crafted{animation:.45s steps(4,end) tool-crafted}@keyframes tool-poof{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}60%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--poof-x)), calc(-50% + var(--poof-y))) scale(1.4)}}@keyframes tool-crafted{0%{transform:scale(.4)}70%{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.tool-poof i,.toolbar-tool-crafted{animation:none}}@media (max-width:1100px){.toolbar-tools{gap:3px}.toolbar-tool{width:44px;height:44px}}@media (max-width:600px){.editor-controls{bottom:24px}.editor-toolbar{border-radius:12px;padding:6px}.toolbar-tools{gap:1px}.toolbar-tool{width:40px;height:40px}.toolbar-icon{height:25px}.toolbar-tool svg{width:21px;height:21px}.toolbar-tool img{width:24px;height:24px}}.drawing-layer{pointer-events:none;position:absolute;inset:0}.drawing-objects{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.drawing-item{pointer-events:auto;touch-action:none;cursor:move;-webkit-user-select:none;user-select:none;position:absolute}.drawing-item.is-editing{cursor:text;-webkit-user-select:text;user-select:text}.drawing-text{white-space:pre-wrap;overflow-wrap:anywhere;outline:none;min-height:48px;font-size:32px;line-height:1.5}.drawing-frame{background:#fff;border:1px solid #a3a3a3}.drawing-frame-label{color:#a3a3a3;white-space:pre;font-size:12px;position:absolute;top:-22px}.drawing-frame-label[contenteditable=true]{cursor:text;-webkit-user-select:text;user-select:text;background:#fff;outline:1px solid #0d99ff;margin:0 -2px;padding:0 2px}.drawing-pen svg{display:block;overflow:visible}.drawing-surface{pointer-events:auto;touch-action:none;cursor:crosshair;position:absolute;inset:0}.drawing-surface.tool-text{cursor:text}.escaping-cursor-layer{z-index:2147483646;pointer-events:none;position:fixed;inset:0;overflow:hidden}.escaping-cursor{filter:drop-shadow(0 2px 2px #0005);pointer-events:none;animation:both cursor-escape;position:absolute;overflow:visible}@keyframes cursor-escape{0%{opacity:0;transform:translate(0)rotate(-12deg)}6%{opacity:1}45%{transform:translate(var(--escape-mid-x), var(--escape-mid-y)) rotate(9deg)}90%{opacity:1}to{transform:translate(var(--escape-x), var(--escape-y)) rotate(-6deg);opacity:0}}@media (prefers-reduced-motion:reduce){.escaping-cursor-layer{display:none}}.zoom-controls{align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;left:20px}.zoom-controls button{color:#a0a0a0;background:0 0;border:0;padding:2px 4px;font-size:14px}.zoom-controls .zoom-value{color:#777;font-size:9px}@media (min-width:2200px){:root{--header-height:2.1vw}.swatch{height:.8vw}}@media (max-width:760px){:root{--header-height:52px;--sidebar-width:200px}.file-breadcrumb{gap:9px;left:auto;right:16px;transform:none}.brand{gap:7px;padding-left:14px}.drafts,.separator{display:none}.workspace{width:100%;height:calc(68svh - var(--header-height));min-height:400px}.canvas-frame{--card-w:min(78vw, 520px)}.properties{border-top:1px solid var(--line);border-left:0;grid-template-columns:1fr 1fr;width:100%;padding-bottom:16px;display:grid;position:relative;top:auto}.property{padding:18px 16px}.property:nth-child(odd){border-right:1px solid var(--line)}.bottom-actions{flex-direction:row;width:auto;bottom:56px;left:16px}.timer{gap:6px;width:96px;height:40px;font-size:13px}.timer svg{width:15px}.export-button{gap:9px;width:120px;height:40px;font-size:12px}.zoom-controls{bottom:14px;left:14px}}.reference-images{pointer-events:none;z-index:3;position:absolute;inset:0}.canvas-reference{pointer-events:auto;touch-action:none;position:absolute}.reference-object-name{color:var(--muted);white-space:nowrap;font-size:10px;line-height:16px;position:absolute;top:-22px;left:0}.canvas-reference.object-selected .reference-object-name{color:#0d99ff}.canvas-reference img{width:100%;height:auto;display:block}.canvas-references-label{left:calc(var(--card-w) / -2 - 30px);top:calc(var(--card-w) * 9 / 32 + 48px);z-index:4;color:#d5d5d5;letter-spacing:-.4px;touch-action:none;cursor:grab;background:0 0;border:0;padding:8px 0;font-size:18px;font-weight:400;line-height:1.4;position:absolute}.canvas-references-label:hover{color:#fff}.canvas-references-label:active{cursor:grabbing}.canvas-pumpkin{z-index:87;left:calc(var(--card-w) / 2 + 26px);top:calc(var(--card-w) * -9 / 32 - 36px);color:#a3a3a3;text-align:center;background:0 0;border:0;width:190px;padding:0;position:absolute}.canvas-pumpkin.pumpkin-checkerboard{background:repeating-conic-gradient(#d3d3d3 0% 25%,#fff 0% 50%) 0 0/20px 20px}.pumpkin-artwork{width:100%;height:100%;display:block;overflow:visible}.pumpkin-edit-button{background:0 0;border:0;width:100%;padding:0;display:block}.pumpkin-edit-button>.pumpkin-artwork{aspect-ratio:1;height:auto}.carving-dialog{z-index:1000;visibility:hidden;color:#f4f4f4;background:#252527;border:1px solid #49494c;border-radius:10px;width:min(380px,100vw - 32px);margin:0;padding:0;position:fixed;overflow:auto;box-shadow:0 12px 36px #0007}.carving-dialog[open]{flex-direction:column;display:flex}.carving-stage{flex:none;place-items:center;padding:12px 16px 0;display:grid}.carving-pumpkin{aspect-ratio:1;width:min(280px,100%);position:relative}.carving-pumpkin>.pumpkin-artwork{position:absolute;inset:0}.carving-pen{cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.pen-path,.pen-preview,.pen-handle-line{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.pen-preview{stroke-dasharray:4 4;opacity:.65}.pen-anchor{fill:#fff;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.pen-anchor.first{fill:var(--accent)}.pen-handle{fill:#fff;stroke:var(--accent);vector-effect:non-scaling-stroke;pointer-events:none}.carving-footer{text-align:center;flex:none;padding:12px}.carving-add{background:var(--accent);color:#003034;border:0;border-radius:7px;width:100%;height:40px;font-size:13px}.carving-add:hover{background:#00c6d3}.carving-add:disabled{color:#8c8c8c;cursor:not-allowed;background:#3a3a3a}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.free-play-badge{color:#b8efca;background:#203c2b;border:1px solid #48775b;border-radius:20px;flex-shrink:0;margin-left:12px;padding:5px 10px;font-size:11px;font-weight:600}#font-size{width:100%;height:24px;color:var(--muted);appearance:textfield;background:#333336;border:1px solid #49494c;border-radius:6px;padding:0 8px;font:12px/24px Inter,Arial,sans-serif}#font-size::-webkit-inner-spin-button{appearance:none;margin:0}#font-size::-webkit-outer-spin-button{appearance:none;margin:0}.properties input:focus-visible,.properties select:focus-visible{outline-offset:-1px}.free-play-comment-layer{z-index:70;pointer-events:none;position:absolute;inset:0}.free-play-comment-surface{pointer-events:auto;cursor:crosshair;position:absolute;inset:0}.free-play-comment-hint{color:#eee;text-align:center;background:#2c2c2c;border:1px solid #484848;border-radius:8px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 24px);padding:10px 14px;font-size:12px;line-height:1.5;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0004}.free-play-comment-hint span{color:#a3a3a3;font-size:11px}.free-play-comment-pin{color:#fff;pointer-events:auto;cursor:pointer;background:#0d99ff;border:2px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:32px;height:32px;padding:0;font:600 12px Inter,Arial,sans-serif;display:grid;position:absolute;box-shadow:0 2px 6px #0003}.free-play-comment-pin:hover{background:#007be5}.free-play-comment-pin.selected{outline-offset:2px;outline:3px solid #0d99ff55}.free-play-comment-pin.pending{pointer-events:none}.free-play-comments{pointer-events:auto;color:#1e1e1e;text-align:left;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;touch-action:pan-y;background:#fff;border:1px solid #dedede;border-radius:12px;flex-direction:column;width:300px;min-width:0;font:12px/20px Inter,Arial,sans-serif;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 24px #0003,0 2px 6px #0002}.free-play-comments header{flex-shrink:0;align-items:center;gap:8px;min-width:0;padding:12px 12px 0 16px;display:flex}.free-play-comments strong{font-size:12px;font-weight:600}.free-play-comment-avatar{color:#5b3db3;background:#e4deff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:grid}.free-play-comment-time{color:#767676;white-space:nowrap;margin-right:auto;font-size:11px}.free-play-comments p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:20px}.free-play-comments ul{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccc transparent;flex:auto;min-height:0;margin:0;padding:10px 16px 16px;list-style:none;overflow-y:auto}.free-play-comments li+li{border-top:1px solid #eee;margin-top:14px;padding-top:12px}.comment-reply-author{align-items:center;gap:8px;margin-bottom:8px;display:flex}.free-play-comments form{min-height:92px;max-height:max(92px, calc(var(--comment-space,600px) * .6));overscroll-behavior:contain;border-top:1px solid #e5e5e5;flex:none;position:relative;overflow-y:auto}.free-play-comments form:focus-within{box-shadow:inset 0 0 0 1px #0d99ff}.free-play-comments textarea{resize:none;color:#1e1e1e;field-sizing:content;background:0 0;border:0;border-radius:0;outline:none;width:100%;min-height:48px;max-height:120px;margin:0;padding:12px 16px 8px;font:13px/20px Inter,Arial,sans-serif;display:block}.free-play-comments textarea::placeholder{color:#767676}.free-play-comments textarea:focus-visible{outline:none}.free-play-comments button{color:#666;cursor:pointer;background:0 0;border:0;border-radius:5px;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.free-play-comments button:hover{color:#1e1e1e;background:#f0f0f0}.free-play-comments button:focus-visible,.free-play-comments ul:focus-visible{outline-offset:-2px;outline:2px solid #0d99ff}.free-play-comments header button{width:28px;height:28px}.free-play-comments header button:last-child{margin-left:auto}.free-play-comments footer{justify-content:space-between;align-items:center;gap:12px;padding:6px 12px 10px;display:flex}.free-play-comments .comment-compose-tools{gap:4px;display:flex}.free-play-comments .comment-compose-tools button{width:28px;height:28px}.free-play-comments button svg{width:18px;height:18px}.free-play-comments .comment-mention-icon{font:20px/24px Inter,Arial,sans-serif}.free-play-comments .comment-send{color:#fff;background:#0d99ff;border-radius:50%;width:28px;height:28px}.free-play-comments .comment-send:hover{color:#fff;background:#007be5}.free-play-comments .comment-send:disabled{color:#aaa;opacity:1;cursor:default;background:#eee}.free-play-comments.new-comment{border-color:#0d99ff}.free-play-comments.new-comment .comment-draft-header{padding:8px 10px 0 16px}.free-play-comments.new-comment .comment-draft-header strong{color:#767676;font-size:11px;font-weight:500}.free-play-comments.new-comment form{border-top:0;min-height:92px}.free-play-comments.new-comment form:focus-within{box-shadow:none}.free-play-comments.new-comment:not(.expanded) form{min-height:48px}.free-play-comments.new-comment:not(.expanded) textarea{height:48px;min-height:48px;padding-top:12px;padding-right:52px;overflow:hidden}.free-play-comments.new-comment:not(.expanded) footer{padding:0;position:absolute;top:8px;right:12px}.free-play-comments.new-comment:not(.expanded) .comment-compose-tools{display:none}.comment-attachment{object-fit:contain;border:1px solid #0000000d;border-radius:6px;width:auto;max-width:100%;max-height:160px;margin-top:8px;display:block}.comment-attachment-draft{padding:0 16px 8px;position:relative}.free-play-comments .comment-attachment-draft button{background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:4px;right:20px;box-shadow:0 1px 4px #0003}.comment-emoji-picker{border-top:1px solid #e5e5e5;flex-wrap:wrap;gap:4px;padding:8px 12px;display:flex}.free-play-comments .comment-emoji-picker button{width:32px;height:32px;font-size:20px}@media (max-width:400px){.free-play-comment-hint{flex-direction:column;gap:2px}}@media (pointer:coarse){.free-play-comments header button,.free-play-comments .comment-compose-tools button,.free-play-comments .comment-send{width:36px;height:36px}.free-play-comments textarea{font-size:16px}.free-play-comments.new-comment:not(.expanded) footer{top:6px}}@media (max-width:760px),(max-width:1024px) and (pointer:coarse){:root{--header-height:56px}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding-inline:12px;display:grid}.brand{gap:6px;min-height:44px;padding:0}.topbar .file-breadcrumb{gap:0;min-width:0;max-width:none;position:static;transform:none}.drafts,.separator{display:none}.topbar .file-breadcrumb input{text-overflow:ellipsis;width:100%;min-width:0;height:44px;font-size:16px}.collaborators{margin:0;padding:0}.collaborator-avatar{width:36px;height:36px}.collaborator-avatar+.collaborator-avatar{margin-left:-12px}.collaborator-more{width:44px;height:44px;margin-left:2px}.workspace{width:100%;height:clamp(340px, calc(68svh - var(--header-height)), 720px);min-height:0}.canvas-frame{--card-w:min(78vw, 520px)}.editor-controls{bottom:max(12px, env(safe-area-inset-bottom));max-width:calc(100% - 24px);max-height:calc(100% - 24px - env(safe-area-inset-bottom))}.editor-toolbar{border-radius:12px;padding:6px}.toolbar-tools{gap:2px}.toolbar-tool{width:44px;height:44px}.zoom-controls{background:#2c2c2c;border:1px solid #484848;border-radius:8px;gap:0;padding:2px;inset:12px 12px auto auto}.zoom-controls button{min-width:44px;min-height:44px;font-size:18px}.zoom-controls .zoom-value{min-width:48px;font-size:11px}.bottom-actions{width:auto;max-width:calc(100% - 24px);bottom:82px;left:12px}.bottom-actions .announcement-action{min-height:44px;margin:0}.properties{border-top:1px solid var(--line);width:100%;padding-bottom:max(16px, env(safe-area-inset-bottom));border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative;top:auto;bottom:auto;right:auto}.property{min-width:0;padding:16px 12px}.property:nth-child(odd){border-right:1px solid var(--line)}.property-label{margin-bottom:10px}.select-wrap select,#font-size{height:44px;font-size:16px;line-height:normal}.select-wrap svg{top:16px}.color-input{gap:8px;height:44px}.native-color{flex-basis:32px;width:32px;height:32px}.hex-input{font-size:16px;line-height:24px}.properties>.sidebar-export{width:calc(100% - 24px);min-height:44px;margin:16px 12px 0}.client-call{gap:10px;width:calc(100% - 24px);padding:12px;top:12px;right:12px}.client-line{white-space:normal;font-size:14px}.call-actions{flex-basis:72px}.answer-call,.decline-call{height:36px}.facetime-call{top:calc(var(--header-height) + 12px);width:calc(100% - 24px);height:min(40svh,320px);min-height:210px;right:12px}.call-controls{gap:4px}.ctrl{width:40px;height:40px}.client-subtitle{font-size:14px;bottom:72px}.album-close,.album-player-close{width:44px;height:44px}.album-year-control input[type=range]{min-height:44px}.free-play-comments textarea{font-size:16px}.free-play-comments header button,.free-play-comments .comment-compose-tools button{width:40px;height:40px}.free-play-comment-hint{flex-wrap:wrap;justify-content:center;gap:4px 12px;bottom:88px}.peptide-instruction{bottom:max(16px, env(safe-area-inset-bottom));gap:10px}.peptide-instruction button{min-height:44px}.peptide-instruction kbd{display:none}}@media (max-width:1024px) and (max-height:500px) and (pointer:coarse),(max-width:760px) and (max-height:500px){.workspace{height:max(280px, calc(100svh - var(--header-height)))}.canvas-frame{--card-w:min(60vw, 420px)}.facetime-call{width:min(420px,100% - 24px);height:calc(100svh - var(--header-height) - 24px);min-height:0}}
