:root{--ink:#384149;--cream:#f4eee4;--steel:#78838a;--steel-deep:#4d5961;--steel-pale:#d9dfe0;--shadow:rgba(34,43,48,0.18)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;overflow:hidden;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.app-shell{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--cream)}.account-dock{position:fixed;top:clamp(14px,2.4vw,28px);right:clamp(18px,3vw,46px);z-index:80}.account-chip{display:inline-flex;max-width:min(320px,42vw);align-items:center;gap:9px;height:34px;padding:0 12px;border:1px solid rgba(56,65,73,.18);border-radius:999px;background:rgba(250,249,244,.9);box-shadow:0 8px 20px rgba(48,55,59,.08),inset 0 1px 0 rgba(255,255,255,.9);color:#3d4b52;font-size:11px;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.account-chip:hover{border-color:rgba(65,139,168,.52)}.account-chip__dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#6ca6bf;box-shadow:0 0 0 3px rgba(108,166,191,.13)}.account-chip small{color:#8a9599;font-size:10px}.account-chip--guest{color:#4d6873}.auth-modal{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:22px;background:rgba(41,49,54,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:preview-fade-in .24s ease both}.auth-sheet{width:min(420px,100%);max-height:min(620px,calc(100svh - 32px));overflow:auto;padding:28px;border:1px solid rgba(82,95,102,.18);border-radius:24px;background:#f7f5ef;box-shadow:0 24px 80px rgba(37,45,50,.24),inset 0 1px 0 rgba(255,255,255,.92)}.auth-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.auth-header p{margin:0 0 7px;color:#7c9aab;font-size:10px;letter-spacing:.18em}.auth-header h2{margin:0;color:#364750;font-size:clamp(22px,4vw,28px);letter-spacing:-.03em}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin:24px 0 18px;padding:4px;border-radius:12px;background:rgba(218,225,225,.54)}.auth-tab{height:34px;border:0;border-radius:9px;background:transparent;color:#7c888e;font-size:12px}.auth-tab--active{background:#fff;color:#314854;box-shadow:0 3px 10px rgba(42,58,65,.09)}.auth-form{display:grid;grid-gap:14px;gap:14px}.auth-form label{display:grid;grid-gap:7px;gap:7px;color:#68767b;font-size:11px}.auth-form input{width:100%;height:44px;padding:0 13px;border:1px solid rgba(73,90,97,.17);border-radius:12px;outline:none;background:rgba(255,255,255,.74);color:#32444d}.auth-form input:focus{border-color:rgba(76,149,180,.78);box-shadow:0 0 0 3px rgba(105,177,204,.15)}.auth-error{margin:0;color:#b45d58;font-size:11px;line-height:1.5}.auth-submit{height:46px;margin-top:4px;border:0;border-radius:13px;background:#425a64;color:#fff;font-size:12px;letter-spacing:.04em;box-shadow:0 10px 18px rgba(58,78,87,.18)}.auth-submit:disabled{opacity:.58}.auth-note{margin:18px 0 0;color:#8b9699;font-size:10px;line-height:1.7}.studio{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(315px,405px);align-items:center;grid-column-gap:clamp(28px,5vw,76px);column-gap:clamp(28px,5vw,76px);width:100%;height:100svh;padding:clamp(12px,3.8vw,52px) clamp(20px,4.2vw,72px)}.fridge-stage{min-width:0;height:100%;place-items:start center;overflow:hidden}.fridge-anchor,.fridge-stage{position:relative;display:grid}.fridge-anchor{width:-moz-fit-content;width:fit-content;place-items:start center;transform:translate3d(var(--fridge-pan-x,0),0,0);will-change:transform}.fridge-unit{position:relative;width:auto;height:min(82svh,820px);aspect-ratio:620/1470;justify-self:center;overflow:hidden;transform:scale(var(--fridge-zoom,1));transform-origin:50% 0;transition:transform 1.55s cubic-bezier(.16,.84,.25,1);will-change:transform}.fridge-unit--zooming{transition-duration:0s}.fridge-art{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoom-control{position:absolute;top:50%;right:clamp(3px,1.45vw,20px);z-index:25;width:32px;transform:translateY(-50%)}.zoom-track{position:relative;display:block;width:32px;height:194px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.zoom-range,.zoom-track{cursor:ns-resize;touch-action:none}.zoom-range{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;direction:rtl;pointer-events:none;writing-mode:vertical-lr}.zoom-rail{top:0;bottom:0;width:4px;border:1px solid rgba(92,103,106,.08);border-radius:999px;background:linear-gradient(90deg,rgba(74,86,91,.18),rgba(255,255,255,.74) 48%,rgba(68,79,84,.18));box-shadow:inset 0 1px 1px rgba(50,61,66,.16),0 0 0 1px rgba(255,255,255,.34);transform:translateX(-50%)}.zoom-grip,.zoom-rail{position:absolute;left:50%}.zoom-grip{top:var(--zoom-position);display:flex;width:25px;height:39px;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(67,78,82,.48);border-radius:999px;background:linear-gradient(135deg,#fbfbf8,#c5cccb 52%,#aeb8b8);box-shadow:0 5px 11px rgba(50,61,65,.2),inset 1px 1px 0 rgba(255,255,255,.92),inset -1px -1px 0 rgba(78,90,94,.12);pointer-events:none;transform:translate(-50%,-50%);transition:top 85ms linear,transform .15s ease,box-shadow .15s ease}.zoom-grip i{display:block;width:1px;height:11px;border-radius:1px;background:rgba(61,73,77,.38);box-shadow:1px 0 rgba(255,255,255,.42)}.zoom-control--active .zoom-grip{transition:none}.zoom-track:hover .zoom-grip{box-shadow:0 7px 13px rgba(50,61,65,.26),inset 1px 1px 0 rgba(255,255,255,.94),inset -1px -1px 0 rgba(78,90,94,.12);transform:translate(-50%,-50%) scale(1.055)}.zoom-range:focus-visible~.zoom-grip{outline:2px solid rgba(63,86,97,.48);outline-offset:3px}.door-surface{position:absolute;top:1.3%;left:3%;width:94%;height:96.2%;overflow:hidden;border-radius:16px 16px 0 0;outline:none;touch-action:none}.door-surface:after{position:absolute;inset:6px;z-index:4;border:1px solid rgba(42,55,62,.66);border-radius:inherit;box-shadow:inset 0 0 0 4px rgba(255,255,255,.24);content:"";opacity:0;pointer-events:none;transition:opacity .16s ease,inset .16s ease}.door-surface--dragging:after{opacity:.3}.door-surface--armed:after{inset:10px;opacity:1}.door-drop-state,.door-empty-state{position:absolute;z-index:5;left:50%;display:grid;place-items:center;pointer-events:none;transform:translateX(-50%)}.door-empty-state{top:42%;gap:11px;color:rgba(43,54,60,.57);font-size:12px;letter-spacing:.08em;white-space:nowrap}.door-empty-state i{width:66px;height:1px;background:linear-gradient(90deg,transparent,rgba(49,63,70,.38),transparent)}.door-empty-state__mobile{display:none}.door-drop-state{top:8%;padding:7px 10px;border:1px solid rgba(52,66,73,.22);border-radius:999px;background:rgba(248,246,239,.74);color:rgba(42,54,61,.7);font-size:11px;letter-spacing:.06em;opacity:.72;transition:background .14s ease,color .14s ease,opacity .14s ease}.door-drop-state--ready{border-color:rgba(41,56,64,.55);background:rgba(250,249,244,.93);color:rgba(35,47,54,.94);opacity:1}.board-magnet,.dispose-ghost,.drag-ghost,.magnet{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.magnet{position:absolute;display:block;width:clamp(61px,11.7%,123px);padding:0;aspect-ratio:1.14;transform:translate(-50%,-50%) rotate(var(--magnet-rotation)) scale(var(--magnet-scale));transition:box-shadow .18s ease,filter .18s ease,opacity .15s ease;animation:fridge-magnet-arrive .52s cubic-bezier(.16,.9,.25,1.16) both;touch-action:none}.magnet--brand{width:clamp(92px,22%,200px);aspect-ratio:1111/652;animation:none}.board-magnet img,.dispose-ghost img,.drag-ghost img,.magnet img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.board-magnet--dragging,.magnet--dragging{opacity:0;transition:opacity .11s ease-out}.magnet--deleting{opacity:0;pointer-events:none}.maker-column{position:relative;z-index:10;display:grid;width:100%;height:min(78svh,710px);grid-template-rows:minmax(270px,1fr) auto;grid-row-gap:clamp(42px,7vh,82px);row-gap:clamp(42px,7vh,82px);align-self:center;pointer-events:none}.collection-rail{position:relative;height:100%;min-height:285px;padding:44px 14px 13px;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 16% 84%,rgba(255,255,255,.14)),rgba(231,231,225,.18);pointer-events:auto;transition:background .16s ease,box-shadow .16s ease}.collection-rail:after,.collection-rail:before{position:absolute;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(66,80,87,.42) 12% 88%,transparent);content:""}.collection-rail:before{top:0}.collection-rail:after{bottom:0}.collection-heading{position:absolute;top:13px;right:15px;left:15px;display:flex;justify-content:space-between;color:rgba(50,63,70,.72);font-size:10px;font-weight:650;letter-spacing:.13em}.collection-heading span:last-child{color:rgba(71,86,94,.72);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.collection-guide{position:absolute;top:27px;left:15px;margin:0;color:rgba(61,72,79,.45);font-size:10px;letter-spacing:.04em}.collection-rail--armed{background:rgba(226,229,225,.48);box-shadow:inset 0 0 0 1px rgba(55,69,77,.5),0 12px 22px rgba(38,46,51,.08)}.maker-workbench{display:grid;justify-items:center;align-content:start;grid-row-gap:14px;row-gap:14px;pointer-events:none}.collection-grid{display:grid;height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(68px,1fr);grid-gap:12px;gap:12px}.collection-slot{position:relative;display:grid;min-height:58px;place-items:center}.collection-slot:empty:after{width:16px;height:1px;border-radius:2px;background:rgba(68,80,86,.22);content:""}.board-magnet{position:relative;display:block;width:94%;height:92%;min-height:58px;padding:0;transform:rotate(var(--magnet-rotation));transition:transform .17s ease,opacity .15s ease;touch-action:none}.board-magnet:hover{transform:translateY(-3px) rotate(var(--magnet-rotation)) scale(1.035)}.board-magnet--arriving{animation:board-arrive .68s cubic-bezier(.14,.8,.22,1.24) both}.maker-zone{position:relative;z-index:3;display:grid;width:clamp(188px,18.5vw,258px);aspect-ratio:1;margin:0;overflow:visible;place-items:center;border:1px solid rgba(65,80,88,.56);border-radius:50%;background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.86),rgba(228,229,224,.58) 70%,rgba(196,202,202,.5));box-shadow:inset 0 0 0 9px rgba(255,255,255,.3),0 14px 25px rgba(45,53,58,.09);color:var(--steel-deep);outline:none;pointer-events:auto;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.maker-zone:after,.maker-zone:before{position:absolute;border-radius:50%;content:"";pointer-events:none}.maker-zone:before{inset:13%;border:1px dashed rgba(71,84,91,.3)}.maker-zone:after{inset:-9px;border:1px solid rgba(72,85,92,.2);transition:transform .22s ease,opacity .22s ease}.maker-zone:focus-visible,.maker-zone:hover{border-color:rgba(46,61,68,.96);background:radial-gradient(circle at 35% 26%,#fff,rgba(229,230,226,.84) 70%,rgba(194,201,201,.6));box-shadow:inset 0 0 0 9px rgba(255,255,255,.5),0 0 0 5px rgba(255,255,255,.32),0 16px 28px rgba(45,53,58,.14);transform:translateY(-2px)}.maker-zone:focus-visible:after,.maker-zone:hover:after{transform:scale(1.06)}.maker-zone--forming,.maker-zone--scanning,.maker-zone--shelving{border-color:rgba(50,71,80,.92);background:radial-gradient(circle at 38% 25%,rgba(255,255,255,.9),rgba(205,214,214,.72));box-shadow:inset 0 0 0 9px rgba(255,255,255,.5),0 0 0 5px rgba(255,255,255,.36),0 15px 30px rgba(49,64,72,.16)}.maker-zone--scanning:before{animation:orbit-spin 2.1s linear infinite}.maker-zone--scanning:after{border-color:rgba(57,81,91,.5);animation:orbit-pulse 1.1s ease-in-out infinite}.maker-zone--scanning .maker-preview{filter:saturate(.72) contrast(.92) brightness(.86);opacity:.66;transform:scale(.975)}.maker-orbit{position:absolute;inset:20%;border:1px solid rgba(67,82,90,.2);border-radius:50%;pointer-events:none}.maker-plus{position:relative;z-index:1;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(67,82,90,.62);border-radius:50%;background:rgba(253,252,247,.84);box-shadow:0 4px 9px rgba(53,65,70,.12);font-size:30px;font-weight:220;line-height:1}.maker-preview{position:absolute;inset:13%;z-index:2;overflow:hidden;border-radius:50%;box-shadow:0 8px 15px rgba(65,94,104,.2)}.maker-preview img{width:100%;height:100%;object-fit:cover}.maker-preview--forming{animation:maker-press .46s cubic-bezier(.22,.82,.2,1) both}.maker-preview--shelving{animation:maker-shelf .68s cubic-bezier(.15,.82,.22,1) both}.maker-progress-ring{position:absolute;z-index:5;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);overflow:visible;pointer-events:none;transform:rotate(-90deg)}.maker-progress-ring__track,.maker-progress-ring__value{fill:none;stroke-width:1.6}.maker-progress-ring__track{stroke:rgba(66,81,88,.17)}.maker-progress-ring__value{stroke:#506a75;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--maker-progress));stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(250,252,249,.95));transition:stroke-dashoffset .26s linear}.maker-countdown{position:absolute;z-index:4;inset:29%;display:grid;align-content:center;justify-items:center;grid-gap:3px;gap:3px;padding:8px 5px;border:1px solid rgba(250,251,247,.72);border-radius:50%;background:radial-gradient(circle at 38% 27%,rgba(253,253,249,.94),rgba(218,224,222,.75));box-shadow:0 5px 13px rgba(47,61,67,.2),inset 1px 1px 0 rgba(255,255,255,.78);color:#405861;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.maker-countdown strong{color:#334d57;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(20px,2.2vw,30px);font-weight:560;letter-spacing:-.1em;line-height:.92}.maker-countdown small{margin-left:2px;font-size:.42em;letter-spacing:-.04em}.maker-countdown--finalizing{gap:5px}.maker-countdown .maker-countdown__final{max-width:6.8em;color:#334d57;font-family:inherit;font-size:clamp(10px,.86vw,13px);font-weight:720;letter-spacing:.06em;line-height:1.22;animation:maker-copy-in .26s cubic-bezier(.18,.8,.24,1) both}.maker-countdown--finalizing span{animation:maker-copy-in .26s cubic-bezier(.18,.8,.24,1) 45ms both}.maker-countdown span{max-width:10em;color:rgba(48,69,77,.8);font-size:clamp(7px,.65vw,9px);font-weight:620;letter-spacing:.03em;line-height:1.35}.scan-line{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 48%,rgba(89,114,124,.78) 49%,rgba(255,255,255,.86) 50%,transparent 51%);animation:scan-line 1.2s ease-in-out infinite}.maker-caption{display:grid;grid-gap:4px;gap:4px;margin:0;color:rgba(49,62,69,.83);text-align:center}.maker-caption strong{font-size:12px;font-weight:680;letter-spacing:.08em}.maker-caption span{color:rgba(61,73,79,.56);font-size:10px;letter-spacing:.04em}.maker-caption--busy strong{color:rgba(46,68,79,.95)}.maker-confirm{padding:8px 14px;border:1px solid rgba(62,77,84,.48);border-radius:999px;background:rgba(250,249,244,.76);box-shadow:inset 1px 1px 0 rgba(255,255,255,.78);color:#3d535d;font-size:10px;font-weight:700;letter-spacing:.08em;pointer-events:auto;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.maker-confirm:focus-visible,.maker-confirm:hover{background:#fffefa;box-shadow:0 6px 13px rgba(46,58,63,.14),inset 1px 1px 0 rgba(255,255,255,.86);outline:none;transform:translateY(-1px)}.magnet-preview{position:fixed;z-index:120;inset:0;overflow:hidden;background:rgba(24,35,39,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .38s ease,-webkit-backdrop-filter .38s ease;transition:background .38s ease,backdrop-filter .38s ease;transition:background .38s ease,backdrop-filter .38s ease,-webkit-backdrop-filter .38s ease}.magnet-preview--active{background:rgba(24,35,39,.58);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.magnet-preview-motion{position:fixed;z-index:1;left:var(--preview-origin-x);top:var(--preview-origin-y);width:var(--preview-width);height:var(--preview-height);pointer-events:none;transform:translate(-50%,-50%);transform-origin:center}.magnet-preview--active .magnet-preview-motion{animation:magnet-preview-flight .68s cubic-bezier(.18,.78,.19,1) both}.magnet-preview--closing{pointer-events:none}.magnet-preview--closing .magnet-preview-motion{animation:magnet-preview-return .68s cubic-bezier(.18,.78,.19,1) both}.magnet-preview-motion img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center}.magnet-preview--active .magnet-preview-motion img{animation:magnet-preview-grow .68s cubic-bezier(.18,.78,.19,1) both}.magnet-preview--closing .magnet-preview-motion img{animation:magnet-preview-shrink .68s cubic-bezier(.18,.78,.19,1) both}.magnet-preview-controls{position:fixed;z-index:2;top:clamp(18px,4vw,42px);right:clamp(18px,4vw,42px);display:flex;align-items:center;gap:13px;color:#f3f4ef;opacity:0;transform:translateY(-6px);transition:opacity .18s ease .25s,transform .18s ease .25s}.magnet-preview--active .magnet-preview-controls{opacity:1;transform:translateY(0)}.magnet-preview-controls p{margin:0;color:rgba(246,247,242,.64);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:.18em}.magnet-preview-controls button{width:34px;height:34px;padding:0;border:1px solid rgba(246,247,242,.42);border-radius:50%;background:transparent;color:#f7f7f1;font-size:26px;font-weight:250;line-height:1;transition:background .15s ease,border-color .15s ease,transform .15s ease}.magnet-preview-controls button:focus-visible,.magnet-preview-controls button:hover{border-color:rgba(255,255,255,.92);background:rgba(255,255,255,.13);outline:none;transform:rotate(8deg)}.magnet-preview-hint{position:fixed;z-index:2;bottom:clamp(21px,4vw,42px);left:50%;margin:0;color:rgba(246,247,242,.66);font-size:10px;letter-spacing:.06em;opacity:0;transform:translate(-50%,6px);transition:opacity .18s ease .25s,transform .18s ease .25s}.magnet-preview--active .magnet-preview-hint{opacity:1;transform:translate(-50%)}.magnet-composer{position:fixed;z-index:100;inset:0;display:grid;padding:28px;place-items:center;background:rgba(39,49,53,.18);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);animation:composer-backdrop-in .2s ease-out both}.composer-sheet{width:min(610px,100%);max-height:min(720px,calc(100svh - 56px));box-sizing:border-box;padding:clamp(22px,3vw,34px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(73,87,92,.32);background:linear-gradient(135deg,rgba(253,252,247,.97),rgba(227,231,229,.96));box-shadow:0 28px 72px rgba(28,38,42,.26),inset 1px 1px 0 rgba(255,255,255,.82);color:#35454c;animation:composer-sheet-in .32s cubic-bezier(.16,.84,.25,1) both}.composer-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:7px;scrollbar-width:thin;scrollbar-color:rgba(64,82,89,.28) transparent}.composer-scroll::-webkit-scrollbar{width:5px}.composer-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(64,82,89,.28)}.composer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.composer-header p{margin:0 0 5px;color:rgba(62,80,88,.52);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700;letter-spacing:.16em}.composer-header h2{margin:0;color:#33464e;font-size:clamp(20px,2.5vw,27px);font-weight:680;letter-spacing:-.045em}.composer-close{width:29px;height:29px;padding:0;border:0;background:transparent;color:rgba(55,71,78,.58);font-size:27px;font-weight:280;line-height:1;transition:color .14s ease,transform .14s ease}.composer-close:focus-visible,.composer-close:hover{color:#324951;outline:none;transform:rotate(8deg)}.composer-upload{position:relative;display:grid;height:clamp(142px,26svh,230px);margin-bottom:21px;overflow:hidden;place-content:center;justify-items:center;border:1px dashed rgba(57,74,81,.45);background:rgba(255,255,252,.36);color:#465e67;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.composer-upload:focus-visible,.composer-upload:hover{border-color:rgba(50,71,80,.82);background:rgba(255,255,252,.65);box-shadow:inset 0 0 0 3px rgba(255,255,255,.46);outline:none}.composer-upload>span{font-size:28px;font-weight:250;line-height:1}.composer-upload strong{margin-top:5px;font-size:12px;letter-spacing:.06em}.composer-upload small{margin-top:3px;color:rgba(58,76,83,.54);font-size:10px}.composer-upload img{width:100%;height:100%;object-fit:contain}.composer-upload--ready{border-style:solid}.composer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px 18px;gap:15px 18px}.composer-fields label{display:grid;grid-gap:7px;gap:7px}.composer-field--resolution{grid-column:1/-1;width:calc((100% - 18px) / 2)}.composer-fields label>span{color:rgba(54,70,76,.72);font-size:10px;font-weight:720;letter-spacing:.09em}.composer-fields input,.composer-fields select{width:100%;min-width:0;height:38px;padding:0 10px;border:0;border-bottom:1px solid rgba(64,79,84,.34);border-radius:0;background:rgba(255,255,252,.34);color:#354d56;font-size:12px;outline:none;transition:border-color .15s ease,background .15s ease}.composer-fields input::placeholder{color:rgba(65,80,86,.36)}.composer-fields input:focus,.composer-fields select:focus{border-color:#405d68;background:rgba(255,255,252,.8)}.composer-note{margin:17px 0 0;color:rgba(58,74,81,.52);font-size:10px;letter-spacing:.025em;line-height:1.55}.composer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(64,79,84,.16)}.composer-cancel,.composer-submit{min-width:96px;height:38px;padding:0 15px;border:1px solid rgba(59,75,82,.42);border-radius:999px;background:transparent;color:#425961;font-size:11px;font-weight:720;letter-spacing:.06em;transition:background .15s ease,color .15s ease,transform .15s ease,opacity .15s ease}.composer-submit{border-color:#405861;background:#405861;color:#fbfaf5;box-shadow:0 7px 14px rgba(43,60,66,.18)}.composer-cancel:focus-visible,.composer-cancel:hover{background:rgba(255,255,252,.56);outline:none}.composer-submit:focus-visible:not(:disabled),.composer-submit:hover:not(:disabled){background:#2f4852;outline:none;transform:translateY(-1px)}.composer-submit:disabled{cursor:default;opacity:.34}.tool-rail{position:absolute;top:14.2%;right:2.25vw;z-index:50;display:flex;width:48px;flex-direction:column;border-top:1px solid rgba(64,77,84,.34);border-bottom:1px solid rgba(64,77,84,.34)}.mobile-create{display:none}.rail-action{position:relative;display:grid;width:48px;height:54px;padding:0;place-items:center;border:0;border-bottom:1px solid rgba(64,77,84,.25);background:transparent;color:rgba(54,68,75,.75);font-size:23px;font-weight:300;line-height:1;transition:background .16s ease,color .16s ease,transform .16s ease}.rail-action:last-child{border-bottom:0}.rail-action:hover:not(:disabled){background:rgba(255,255,255,.32);color:#283d45}.rail-action:active:not(:disabled){transform:scale(.94)}.rail-action:disabled{color:rgba(72,83,88,.25)}.rail-action--upload{color:#435965;font-size:26px}.rail-action--undo{font-size:24px}.rail-tidy{display:grid;width:17px;grid-gap:3px;gap:3px}.rail-tidy i{display:block;height:2px;border-radius:2px;background:currentColor}.rail-tidy i:nth-child(2){width:13px;justify-self:end}.rail-tidy i:nth-child(3){width:9px;justify-self:end}.dispose-ghost,.drag-ghost{position:fixed;z-index:65;width:min(144px,19vw);aspect-ratio:1.14;pointer-events:none}.drag-ghost{width:clamp(96px,15vw,154px);transform:translate(-50%,-50%) rotate(var(--magnet-rotation)) scale(.98);filter:saturate(1.06) brightness(1.04);animation:ghost-shrink .24s cubic-bezier(.16,.84,.25,1) both}.dispose-ghost{transform:translate(-50%,-50%) rotate(var(--magnet-rotation));animation:dispose-to-bin .27s cubic-bezier(.38,.02,.78,.23) both}.bin-target{position:absolute;right:1.2vw;bottom:2.1vh;z-index:55;width:88px;height:108px;padding:0;border:0;background:transparent;pointer-events:auto}.bin-body{position:absolute;right:13px;bottom:9px;width:61px;height:73px;overflow:hidden;border:2px solid #78858b;border-radius:8px 8px 13px 13px;background:linear-gradient(100deg,#bdc7c8,#e7ebea 45%,#aebabc);box-shadow:5px 7px 0 rgba(58,72,78,.13),inset 3px 3px rgba(255,255,255,.54);transition:transform .18s ease,filter .18s ease}.bin-body:after,.bin-body:before{position:absolute;top:10px;bottom:5px;width:2px;border-radius:2px;background:rgba(62,78,85,.18);content:""}.bin-body:before{left:18px}.bin-body:after{right:18px}.bin-body i{position:absolute;bottom:5px;left:9px;width:39px;height:5px;border-radius:50%;background:rgba(53,71,78,.16)}.bin-lid{position:absolute;top:12px;right:9px;z-index:3;width:70px;height:19px;border:2px solid #78858b;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#edf0ee,#c6cece);box-shadow:3px 4px 0 rgba(58,72,78,.11),inset 2px 2px rgba(255,255,255,.74);transform-origin:14% 92%;transition:transform .23s cubic-bezier(.2,.85,.25,1.18),box-shadow .18s ease}.bin-lid i{position:absolute;top:-7px;left:23px;width:23px;height:7px;border:2px solid #78858b;border-bottom:0;border-radius:6px 6px 0 0;background:#e7ecea}.bin-mouth{position:absolute;top:28px;right:14px;z-index:2;width:59px;height:13px;border-radius:50%;background:#33464d;box-shadow:inset 0 2px 4px rgba(23,38,44,.65);opacity:.12;transition:opacity .15s ease,transform .18s ease}.bin-target--open .bin-lid,.bin-target:hover .bin-lid{box-shadow:3px 6px 0 rgba(58,72,78,.18),inset 2px 2px rgba(255,255,255,.74);transform:translate(-4px,-14px) rotate(-25deg)}.bin-target--open .bin-mouth,.bin-target:hover .bin-mouth{opacity:.9;transform:scaleX(1.04)}.bin-target--open .bin-body{filter:drop-shadow(0 8px 7px rgba(46,59,65,.28));transform:translateY(2px) scale(1.03)}.notice{position:absolute;right:7vw;bottom:3.2vh;z-index:70;display:flex;align-items:center;gap:14px;max-width:min(380px,31vw);padding:10px 13px;border:1px solid rgba(93,129,151,.2);border-radius:14px;background:rgba(255,252,242,.82);box-shadow:0 10px 23px rgba(78,108,128,.13);color:rgba(52,74,97,.87);font-size:12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:notice-in .26s ease-out both}.notice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice button{flex:0 0 auto;padding:0;border:0;background:none;color:#3f5d69;font-weight:700;font-size:12px}.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}@keyframes scan-line{0%,to{transform:translateY(-48%);opacity:0}15%,85%{opacity:1}50%{transform:translateY(48%)}}@keyframes orbit-spin{to{transform:rotate(1turn)}}@keyframes orbit-pulse{50%{transform:scale(1.1);opacity:.35}}@keyframes maker-copy-in{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes maker-press{0%{transform:scale(1);opacity:1}to{transform:scale(.75);opacity:.16}}@keyframes maker-shelf{0%{transform:scale(.75);opacity:.16}to{transform:translate(var(--shelf-x),var(--shelf-y)) scale(.22) rotate(-5deg);opacity:0}}@keyframes board-arrive{0%{opacity:0;transform:translateY(92px) scale(.24) rotate(var(--magnet-rotation))}60%{opacity:1;transform:translateY(-5px) scale(1.05) rotate(var(--magnet-rotation))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--magnet-rotation))}}@keyframes fridge-magnet-arrive{0%{opacity:0;transform:translate(-50%,-80%) rotate(var(--magnet-rotation)) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--magnet-rotation)) scale(var(--magnet-scale))}}@keyframes ghost-shrink{0%{opacity:.9;transform:translate(-50%,-50%) rotate(var(--magnet-rotation)) scale(1.08)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--magnet-rotation)) scale(.98)}}@keyframes dispose-to-bin{to{opacity:0;transform:translate(calc(-50% + var(--dispose-x)),calc(-50% + var(--dispose-y))) rotate(calc(var(--magnet-rotation) + 18deg)) scale(.13)}}@keyframes notice-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes composer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes composer-sheet-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes magnet-preview-flight{0%{transform:translate(-50%,-50%) translate(0)}54%{transform:translate(-50%,-50%) translate(var(--preview-middle-x),var(--preview-middle-y))}to{transform:translate(-50%,-50%) translate(var(--preview-delta-x),var(--preview-delta-y))}}@keyframes magnet-preview-grow{0%{transform:scale(1)}54%{transform:scale(var(--preview-middle-scale))}to{transform:scale(var(--preview-scale))}}@keyframes magnet-preview-return{0%{transform:translate(-50%,-50%) translate(var(--preview-delta-x),var(--preview-delta-y))}46%{transform:translate(-50%,-50%) translate(var(--preview-middle-x),var(--preview-middle-y))}to{transform:translate(-50%,-50%) translate(0)}}@keyframes magnet-preview-shrink{0%{transform:scale(var(--preview-scale))}46%{transform:scale(var(--preview-middle-scale))}to{transform:scale(1)}}@media (max-width:780px){.account-dock{top:max(12px,env(safe-area-inset-top));right:14px}.account-chip{max-width:215px;height:32px;padding:0 10px;font-size:10px}.studio{display:block;height:100svh;padding:0}.fridge-stage{height:100%;padding:clamp(8px,2svh,18px) 0 82px;place-items:start center;touch-action:none}.fridge-anchor,.fridge-unit{align-self:start}.fridge-unit{width:auto;height:min(84svh,760px);justify-self:center}.zoom-control{display:none}.zoom-track{width:46px;height:158px}.door-surface{border-radius:12px 12px 0 0}.magnet{width:clamp(43px,10.9%,72px)}.magnet--brand{width:clamp(92px,25%,122px);aspect-ratio:1111/652}.maker-column{display:none}.door-empty-state{top:41%;font-size:10px}.door-empty-state__desktop{display:none}.door-empty-state__mobile{display:block}.door-empty-state i{width:48px}.door-drop-state{top:6%;font-size:9px}.mobile-create{position:fixed;z-index:60;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));display:inline-flex;min-width:176px;height:50px;align-items:center;justify-content:center;gap:10px;padding:0 17px;border:1px solid rgba(58,78,87,.5);border-radius:999px;background:rgba(250,250,246,.9);box-shadow:0 10px 25px rgba(37,48,54,.16),inset 1px 1px 0 rgba(255,255,255,.84);color:#324a55;font-size:13px;font-weight:720;letter-spacing:.04em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}.mobile-create:active:not(:disabled){transform:scale(.96)}.mobile-create:focus-visible{outline:2px solid rgba(53,83,96,.46);outline-offset:3px}.mobile-create:disabled{cursor:default}.mobile-create--busy{min-width:166px;background:rgba(232,238,238,.92);color:#47616c}.mobile-create__plus{font-size:24px;font-weight:280;line-height:1}.mobile-create--busy .mobile-create__plus{font-size:0}.mobile-create--busy .mobile-create__plus:after{display:block;width:16px;height:16px;border:2px solid rgba(62,91,102,.24);border-top-color:#486a76;border-radius:50%;content:"";animation:orbit-spin .9s linear infinite}.magnet-preview-controls{top:16px;right:16px}.magnet-preview-controls p{display:none}.magnet-preview-hint{bottom:20px}.magnet-composer{padding:12px;align-items:end}.composer-sheet{max-height:calc(100svh - 24px);padding:22px 19px}.composer-header{margin-bottom:16px}.composer-upload{height:clamp(118px,24svh,170px);margin-bottom:17px}.composer-fields{grid-template-columns:1fr;gap:12px}.composer-field--resolution{width:100%}.composer-note{margin-top:13px}.composer-actions{margin-top:18px}.tool-rail{top:8px;right:10px;width:auto;flex-direction:row;border-right:1px solid rgba(64,77,84,.34);border-left:1px solid rgba(64,77,84,.34)}.rail-action{width:37px;height:36px;border-right:1px solid rgba(64,77,84,.25);border-bottom:0;font-size:19px}.rail-action:last-child{border-right:0}.rail-action--upload{font-size:23px}.rail-action--undo{font-size:20px}.bin-target{right:0;bottom:0;transform:scale(.62);transform-origin:right bottom}.notice{right:16px;bottom:76px;max-width:calc(100% - 32px);padding:9px 11px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}