@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--board-ink: #4a4036;--board-cell: #e8e4d9;--tier-1: #d95d52;--tier-2: #e8a855;--tier-3: #e8d595;--tier-4: #e8e4d9;--tier-5: #fff;--bg-primary: #f3f1ed;--bg-top: #f7f5f2;--bg-bottom: #eeebe5;--surface: #fbfaf8;--text-primary: #25211d;--text-secondary: #6e675f;--text-tertiary: #9b958c;--glass: rgba(250, 248, 245, .74);--glass-strong: rgba(251, 250, 248, .92);--hair: rgba(0, 0, 0, .12);--fill: rgba(118, 118, 128, .12);--pri-top: #8c6c54;--pri-bot: #6f513c;--pri-ink: #fff;--pri-shadow: rgba(111, 81, 60, .32);--pri-tint: rgba(111, 81, 60, .13);--pri-deep: #5a4130;--focus: rgba(111, 81, 60, .55);--font-sans: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--danger: #c0392b;--page-max: 1152px;--content-max: 1120px;--card-size: 76px;--tray-h: 0px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}*{touch-action:manipulation}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg-bottom)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg-top) 0,var(--bg-bottom) 600px) var(--bg-bottom);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html.modal-open{overflow:hidden}button,input{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media(min-width:641px){.only-phone{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.tier-board{display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.tier-board.style-hand-drawn{border:3px solid var(--board-ink);background:var(--board-ink);border-radius:2px;display:flex;flex-direction:column;gap:3px;transform:rotate(-.5deg)}.style-hand-drawn .tier-row{background:var(--board-ink);gap:3px;min-height:100px;margin:0;display:flex}.style-hand-drawn .tier-label{width:100px;min-width:100px;font-size:1.8rem;font-weight:400;color:var(--board-ink);text-align:center;background-image:repeating-linear-gradient(45deg,#00000005 0,#00000005 2px,#0000 2px,#0000 4px);justify-content:center;align-items:center;padding:.5rem;line-height:1;display:flex}.style-hand-drawn .tier-items{background:#e8e4d9;flex-wrap:wrap;flex:1;align-content:flex-start;gap:6px;min-height:100px;padding:5px;display:flex}.style-hand-drawn .tier-bg-s{background-color:var(--tier-1)}.style-hand-drawn .tier-bg-a{background-color:var(--tier-2)}.style-hand-drawn .tier-bg-b{background-color:var(--tier-3)}.style-hand-drawn .tier-bg-c{background-color:var(--tier-4)}.style-hand-drawn .tier-bg-d{background-color:var(--tier-5)}.style-hand-drawn .item-card{border:2px solid var(--board-ink);cursor:grab;background:#fff;border-radius:4px;width:90px;height:90px;position:relative;overflow:hidden;box-shadow:1px 1px #0000001a}.tier-board.style-classic{background:#000;border:2px solid #000;border-radius:0;gap:2px;transform:none}.style-classic .tier-row{background:#000;gap:2px;min-height:100px;margin:0;display:flex}.style-classic .tier-label{color:#000;background-image:none;width:100px;min-width:100px;padding:0;font-family:sans-serif;font-size:24px;font-weight:400;line-height:1;text-align:center;justify-content:center;align-items:center;display:flex}.style-classic .tier-items{background:#ccc;gap:6px;min-height:100px;padding:5px;flex:1;flex-wrap:wrap;align-content:flex-start;display:flex}.style-classic .tier-bg-s{background-color:#f33}.style-classic .tier-bg-a{background-color:#fc6}.style-classic .tier-bg-b{background-color:#ff3}.style-classic .tier-bg-c{background-color:#fff8dc}.style-classic .tier-bg-d{background-color:#fff}.style-classic .item-card{background:#fff;border:1px solid #0000001a;border-radius:4px;width:90px;height:90px;position:relative;overflow:hidden;cursor:grab;box-shadow:0 1px 2px #0000001a}@media(hover:hover){.style-hand-drawn .item-card:hover{z-index:10;transform:scale(1.1) rotate(2deg);box-shadow:3px 3px #4a403633}.style-classic .item-card:hover{z-index:10;transform:scale(1.05);box-shadow:0 4px 12px #00000026}}.item-card{flex:0 0 auto;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:transform .15s ease,box-shadow .15s ease}.item-card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none}.item-name{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:8px;font-weight:500;text-align:center;padding:2px 4px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card.is-broken{background:var(--board-cell)}.item-card.is-broken img{visibility:hidden}.item-card.is-color{display:flex;align-items:center;justify-content:center;padding:4px}.item-color-name{color:#fff;font-size:11px;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,.25);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.item-eye{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:#000000a6;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer}@media(hover:hover){.item-card:hover .item-eye{display:flex}}.tier-label{position:relative;-webkit-user-select:none;user-select:none}.tier-label-text{overflow-wrap:anywhere}.tier-label-input{width:100%;min-width:0;margin:0;padding:2px 0;border:0;border-bottom:2px dashed currentColor;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:1.1;text-align:center;outline:none;-webkit-user-select:text;user-select:text}.item-card.is-drag-source{display:none}.drop-placeholder{flex:0 0 auto;width:var(--ph-w, 90px);height:var(--ph-h, 90px);border:2px dashed var(--board-ink);border-radius:4px;background:#4a40361a}.drag-layer{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;will-change:transform}.drag-layer .item-card.drag-clone{transform:scale(1.08) rotate(3deg);box-shadow:4px 6px #4a403659,0 12px 24px #0000002e;transition:none;cursor:grabbing}.drag-clone .item-eye{display:none!important}html.is-dragging,html.is-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.site-header{border-bottom:.5px solid var(--hair);background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding-top:env(safe-area-inset-top)}.header-inner{max-width:calc(var(--page-max) + 48px);margin:0 auto;padding:14px max(24px,env(safe-area-inset-right)) 14px max(24px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:.02em;line-height:1;text-decoration:none;white-space:nowrap}.wordmark-mark{display:inline-grid;grid-template-rows:repeat(5,3px);gap:1.5px;width:15px}.wordmark-mark i{display:block;border-radius:1px}.wordmark-mark i:nth-child(1){background:var(--tier-1)}.wordmark-mark i:nth-child(2){background:var(--tier-2)}.wordmark-mark i:nth-child(3){background:var(--tier-3)}.wordmark-mark i:nth-child(4){background:var(--tier-4)}.wordmark-mark i:nth-child(5){background:var(--tier-5);box-shadow:inset 0 0 0 .5px #00000040}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:6px 16px;border:0;border-radius:999px;background:#fffffff0;color:var(--text-primary);box-shadow:0 0 0 .5px var(--hair),0 1px 2px #0000000f;font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .08s ease,filter .12s ease,box-shadow .15s ease,background-color .15s ease}@media(hover:hover){.btn:hover:not(:disabled){background-color:#fff;box-shadow:0 0 0 .5px var(--hair),0 3px 10px #00000014}}.btn:active:not(:disabled){transform:scale(.96);filter:brightness(.93)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .icon{flex-shrink:0}.btn-primary{background:linear-gradient(180deg,var(--pri-top),var(--pri-bot));color:var(--pri-ink);box-shadow:0 2px 8px var(--pri-shadow),inset 0 1px #ffffff38}@media(hover:hover){.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--pri-top),var(--pri-bot));box-shadow:0 4px 14px var(--pri-shadow),inset 0 1px #ffffff38;filter:brightness(1.05)}}.btn-dashed{background:var(--pri-tint);color:var(--pri-deep);box-shadow:none}@media(hover:hover){.btn-dashed:hover:not(:disabled){background:#6f513c33;box-shadow:none}}.btn-sm{min-height:34px;padding:4px 13px;font-size:14px}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 2px 8px #c0392b4d}.btn-danger-outline{color:var(--danger)}.btn-danger-outline.is-confirming{background:var(--danger);color:#fff}.link-btn{padding:0;border:0;background:none;color:var(--text-secondary);font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.page{max-width:calc(var(--content-max) + 48px);margin:0 auto;padding:28px max(24px,env(safe-area-inset-right)) 40px max(24px,env(safe-area-inset-left))}.page-title{margin:0 0 16px;color:var(--text-primary);font-size:30px;font-weight:700;letter-spacing:-.01em;line-height:1.25}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.style-switch{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;white-space:nowrap}.segmented{display:inline-flex;padding:2px;border-radius:9px;background:var(--fill)}.segmented button{min-height:30px;padding:4px 14px;border:0;border-radius:7px;background:transparent;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.board-wrap{padding:4px 0}.pool{margin-top:32px;padding:16px 18px 18px;border-radius:20px;background:#fff;box-shadow:0 1px 3px #0000000f,0 10px 30px #0000000d}.pool-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pool-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}.pool-title{margin:0;font-size:17px;font-weight:700;line-height:1.3}.pool-sub{color:var(--text-secondary);font-size:14px;font-weight:400}.pool-badge{padding:2px 9px;border-radius:999px;background:var(--pri-tint);color:var(--pri-deep);font-size:12px;font-weight:700}.pool-count{font-variant-numeric:tabular-nums}.pool-done{margin:0;font-size:14px;font-weight:600}.pool-items{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;min-height:96px}.pool-items:empty:before{content:"都排完了！点右上角“发布”分享给朋友";margin:auto;color:var(--text-tertiary);font-size:14px}.pool-static .pool-items:empty:before{content:none}.tier-board .item-card.is-selected,.pool .item-card.is-selected{z-index:11;outline:3px solid var(--pri-bot);outline-offset:1px;transform:translateY(-3px);box-shadow:0 6px 14px #2c241b40}.has-selection .tier-items{outline:2px dashed rgba(74,64,54,.45);outline-offset:-4px;cursor:pointer}.app-editor .tier-label{cursor:default}.app-editor.has-selection .tier-label{cursor:pointer}.action-bar{position:fixed;z-index:60;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:10px 12px 10px 16px;border-radius:18px;background:var(--glass-strong);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);box-shadow:0 0 0 .5px var(--hair),0 10px 30px #0000001f}.action-bar-text{display:flex;align-items:center;gap:2px;min-width:0;margin:0;font-size:14px;font-weight:600;white-space:nowrap}.action-bar-text:before{content:"";flex-shrink:0;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--pri-bot)}.action-bar-name{max-width:10em;overflow:hidden;text-overflow:ellipsis}.action-bar-name:after{content:"："}.action-bar-buttons{display:flex;gap:8px}.app-editor.has-selection .page{padding-bottom:104px}.site-footer{margin-top:28px;text-align:center}.hint{margin:0 0 8px;color:var(--text-tertiary);font-size:13px}.footer-links{margin:0}.save-warning{margin:0 0 14px;padding:10px 12px;border:1px solid var(--danger);border-radius:12px;background:#fff;color:var(--danger);font-size:14px;line-height:1.5}.loading{padding:64px 0;color:var(--text-secondary);text-align:center}.notice{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 16px;text-align:center}.notice-title{margin:0;font-size:24px}.notice-text{margin:0 0 8px;color:var(--text-secondary)}.toast{position:fixed;z-index:2000;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px 16px;border-radius:999px;background:var(--pri-deep);color:#fff;font-size:14px;box-shadow:0 6px 20px #0003}.modal{width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:auto;overscroll-behavior:contain;border:0;border-radius:20px;background:var(--surface);color:var(--text-primary);box-shadow:0 20px 50px #0000002e,0 0 0 .5px var(--hair)}.modal::backdrop{background:#1e1a1652}.modal[open]{animation:modal-in .16s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}}.modal-panel{display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px}.modal-panel:focus{outline:none}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-title{min-width:0;margin:0;font-size:19px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.modal-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:-4px -6px -4px 0;padding:0;border:0;border-radius:50%;background:var(--fill);color:var(--text-secondary);cursor:pointer}.modal-text{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.6}.modal-text.is-error{color:var(--danger)}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px}.add-form{display:flex;flex-direction:column;gap:8px}.field-label{margin-top:6px;font-size:14px;font-weight:700}.req{color:var(--danger)}.muted{color:var(--text-tertiary);font-weight:400}.text-input{width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:12px;background:var(--fill);color:var(--text-primary);font-size:16px;outline:none;-webkit-user-select:text;user-select:text}.text-input:focus{background:#fff;box-shadow:0 0 0 2px var(--focus)}.image-pick{display:flex;align-items:center;gap:8px}.image-pick .text-input{flex:1;min-width:0}.upload-btn{flex-shrink:0}.or{flex-shrink:0;color:var(--text-tertiary);font-size:13px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px}.field-status{margin:0;color:var(--text-secondary);font-size:13px}.field-status.is-error{color:var(--danger)}.field-status:empty{display:none}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:300px}.swatch{width:100%;aspect-ratio:1;padding:0;border:2px solid rgba(0,0,0,.08);border-radius:50%;cursor:pointer}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text-primary)}.add-preview{display:flex;justify-content:center;padding:14px;border-radius:14px;background:var(--fill)}.add-preview .item-card{cursor:default}.modal-preview{width:min(760px,calc(100vw - 24px))}.preview-frame{display:flex;align-items:center;justify-content:center;min-height:160px;overflow:hidden;border-radius:14px;background:var(--fill)}.preview-img{display:block;width:100%;height:auto;max-height:70vh;max-height:70dvh;object-fit:contain}.preview-missing{color:var(--text-secondary);font-weight:600}.preview-swatch{display:flex;align-items:center;justify-content:center;min-height:240px;padding:16px;border-radius:10px;color:#fff;font-size:28px;font-weight:700;text-align:center;overflow-wrap:anywhere}.credit-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;color:var(--text-secondary);font-size:13px;overflow-wrap:anywhere}.credit-link{display:inline-flex;align-items:center;gap:3px;color:var(--text-secondary)}.credits-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.credits-row{padding-bottom:10px;border-bottom:.5px solid var(--hair)}.credits-name{font-size:14px;font-weight:700}.share-url{margin:0;padding:12px 14px;border-radius:12px;background:var(--fill);font-size:15px;font-weight:600;word-break:break-all;-webkit-user-select:all;user-select:all}.modal-export{width:min(560px,calc(100vw - 24px))}.export-frame{max-height:62vh;max-height:62dvh;overflow:auto;border-radius:14px;background:var(--fill)}.export-image{display:block;width:100%;height:auto;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}@media(max-width:640px){.only-desktop{display:none!important}.header-inner{min-height:52px;gap:8px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.wordmark{font-size:18px;gap:7px}.header-actions{gap:8px}.header-actions .btn{min-height:36px;padding:4px 12px;font-size:14px}.btn,.segmented button,.modal-close,.site-footer .link-btn,.credit-link{position:relative}.btn:after,.segmented button:after,.modal-close:after,.site-footer .link-btn:after,.credit-link:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.page{padding:14px max(12px,env(safe-area-inset-right)) 20px max(12px,env(safe-area-inset-left))}.app-shared .page{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.page-title{margin-bottom:10px;font-size:22px}.board-wrap{padding:4px 3px}.toolbar{gap:8px;margin-bottom:14px}.style-switch{gap:6px;font-size:13px}.segmented button{padding:3px 12px;font-size:13px}.tier-board .tier-row .tier-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;padding:5px;align-content:start}.tier-board .tier-items .item-card,.tier-board .tier-items .drop-placeholder{width:100%;height:auto;aspect-ratio:1}body.has-tray{padding-bottom:var(--tray-h)}.pool-tray{position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));padding-top:16px;border:0;border-radius:22px 22px 0 0;background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 -10px 30px #00000014,0 -.5px 0 var(--hair)}.pool-tray:before{content:"";position:absolute;top:6px;left:50%;width:36px;height:5px;border-radius:3px;background:#0000002e;transform:translate(-50%)}.pool-tray .pool-head{min-height:34px;margin-bottom:0}.pool-tray .pool-title{font-size:15px}.pool-title-phone{display:inline-flex;align-items:center;gap:6px}.pool-title-phone .pool-count{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--pri-tint);color:var(--pri-deep);font-size:12px;font-weight:700;line-height:18px;text-align:center}.pool-tray .pool-heading{flex-wrap:nowrap;gap:8px}.pool-tray .pool-title-phone{flex-shrink:0;white-space:nowrap}.pool-tip{min-width:0;overflow:hidden;color:var(--text-tertiary);font-size:12px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.pool-tray.is-empty .pool-tip{display:none}.pool-tray .pool-items{flex-wrap:nowrap;min-height:0;margin:0 -6px;padding:8px 6px 2px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:6px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.pool-tray .pool-items::-webkit-scrollbar{display:none}html.is-dragging .pool-tray .pool-items{scroll-snap-type:none}.pool-tray .item-card,.pool-tray .drop-placeholder{flex:0 0 var(--card-size);width:var(--card-size);height:var(--card-size);scroll-snap-align:start}.pool-tray .item-card{touch-action:pan-x pan-y}.pool-tray .pool-items:empty:before{content:none}.pool-tray.is-empty .pool-items{display:none}.is-dragging .pool-tray.is-empty .pool-items{display:flex;min-height:calc(var(--card-size) + 10px)}.pool-tray:not(.is-empty) .pool-done,.pool-tray.is-empty .pool-title-phone{display:none}.pool-static{margin-top:24px;padding:12px}.pool-static .item-card{width:var(--card-size);height:var(--card-size)}.action-bar{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(var(--tray-h) + 8px);transform:none;flex-direction:column;align-items:stretch;gap:8px;max-width:none;padding:10px 12px}.action-bar-buttons .btn{flex:1 1 0;padding:4px 6px}.modal-panel{padding:16px}.modal:not(.modal-add){width:100%;max-width:none;margin:auto 0 0;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0}.modal:not(.modal-add):before{content:"";display:block;width:36px;height:5px;margin:7px auto -4px;border-radius:3px;background:#0000002e}.modal:not(.modal-add)[open]{animation:sheet-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}}.modal-add .modal-panel{gap:8px}.modal-add .add-form{gap:6px}.modal-add .field-label{margin-top:4px}.modal-add .add-preview{padding:8px}.modal-add .modal-actions{position:sticky;bottom:0;z-index:1;margin:0 -16px -16px;padding:10px 16px 16px;border-top:.5px solid var(--hair);background:var(--surface)}.image-pick{flex-wrap:wrap}.image-pick .text-input{flex-basis:100%}}