:root{color:#f7f7f2;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(245,8,8,.16),transparent 28rem),#000}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1240px,calc(100vw - 32px));margin:0 auto;padding:28px 0 40px}.toolbar,.creator-panel,.pool-section{border:1px solid #2d2d29;background:#11120f}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:16px;margin-bottom:18px}.title-editor{display:grid;gap:8px;flex:1}.title-editor label,.section-heading span{color:#9a9a92;font-size:13px;font-weight:700}.title-editor input,.item-form input{width:100%;min-width:0;border:1px solid #3d3d38;background:#080806;color:#fff;outline:none}.title-editor input{height:46px;padding:0 14px;font-size:24px;font-weight:900}.item-form input{height:42px;padding:0 12px}.title-editor input:focus,.item-form input:focus{border-color:#ffd10a}.primary-action,.add-button,.icon-button,.pending-image button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;min-height:42px;font-weight:900}.primary-action{padding:0 18px;background:#ffd10a;color:#050505}.primary-action:disabled{cursor:wait;opacity:.7}.status-stack{display:grid;gap:8px;margin:0 0 14px}.status-message{padding:12px 14px;border:1px solid #ffd10a;background:#2b2306;color:#fff4cf;font-size:14px;font-weight:800}.export-frame{padding:0 0 18px;background:#000}.export-frame.is-exporting .tier-dropzone:before,.export-frame.is-exporting .delete-button{display:none}.export-frame.is-exporting .tier-dropzone,.export-frame.is-exporting .pool-dropzone{box-shadow:none}.export-frame h1{margin:0 0 14px;color:#fff;font-size:clamp(28px,5vw,56px);line-height:1;font-weight:1000;overflow-wrap:anywhere}.tier-board{overflow:hidden;border:1px solid #111;background:#111}.tier-row{display:grid;grid-template-columns:148px minmax(0,1fr);min-height:120px;border-bottom:1px solid #000}.tier-row:last-child{border-bottom:0}.tier-label{display:flex;align-items:center;justify-content:center;padding:12px;font-size:clamp(28px,4vw,58px);font-weight:1000;line-height:1;overflow-wrap:anywhere}.tier-dropzone,.pool-dropzone{position:relative;display:flex;align-items:center;align-content:flex-start;gap:10px;flex-wrap:wrap;min-width:0;min-height:120px;padding:12px;background:#171914;transition:background-color .16s ease,box-shadow .16s ease}.tier-dropzone:before,.pool-dropzone:before{content:"拖放内容到这里";position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;color:#ffffff14;font-weight:900;pointer-events:none}.tier-dropzone[data-empty=true]:before,.pool-dropzone[data-empty=true]:before{display:flex}.tier-dropzone.is-over,.pool-dropzone.is-over{background:#20231b;box-shadow:inset 0 0 0 2px #ffd10a}.tier-dropzone:has(.item-card-inner.image-only){padding-block:0}.creator-panel{margin-top:18px;padding:14px}.item-form{display:grid;grid-template-columns:minmax(0,1fr) 42px auto;gap:10px}.file-input{display:none}.icon-button{width:42px;background:#2a2b26;color:#fff}.add-button{padding:0 16px;background:#f50808;color:#fff}.pending-image{display:flex;align-items:center;gap:10px;margin-top:10px;color:#c9c9c0;font-size:13px}.pending-image img{width:36px;height:36px;object-fit:cover}.pending-image button{min-height:30px;padding:0 10px;background:#2a2b26;color:#fff}.pool-section{margin-top:18px;padding:14px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.section-heading h2{margin:0;color:#fff;font-size:20px}.pool-dropzone{min-height:108px;border:1px dashed #3d3d38;background:#0a0a08}.pool-dropzone .item-card-inner{border-color:transparent}.pool-dropzone .item-card-inner.image-only{width:108px;min-height:108px;padding:8px 8px 28px}.pool-dropzone .item-card-inner.image-only .item-image{width:92px;height:92px}.item-card{touch-action:none}.item-card.is-dragging{opacity:.35}.item-card-inner{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:112px;max-width:210px;min-height:54px;padding:8px 30px 8px 8px;border:2px solid #efefe6;background:#f7f7ef;color:#050505;box-shadow:4px 4px #000;font-weight:950}.item-card-inner.has-image{grid-template-columns:66px minmax(72px,1fr);min-width:178px;max-width:260px;min-height:76px;gap:10px;padding:8px 32px 8px 8px}.item-card-inner.image-only{display:block;min-width:0;max-width:none;width:118px;min-height:118px;padding:0;border-color:transparent;background:transparent;box-shadow:none}.item-card-inner.overlay{transform:rotate(2deg)}.item-card-inner .item-image{width:42px;height:42px;object-fit:cover;background:#ddd}.item-card-inner.has-image .item-image{width:66px;height:58px;border:2px solid #050505}.item-card-inner.image-only .item-image{display:block;width:118px;height:118px}.item-card-inner span{min-width:0;overflow-wrap:anywhere;line-height:1.1}.item-card-inner.has-image span{font-size:17px}.delete-button{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;background:#050505;color:#fff}@media(max-width:720px){.app-shell{width:min(100vw - 20px,640px);padding-top:14px}.toolbar{align-items:stretch;flex-direction:column}.tier-row{grid-template-columns:86px minmax(0,1fr);min-height:96px}.tier-label{font-size:28px}.tier-dropzone{min-height:96px}.item-form{grid-template-columns:minmax(0,1fr) 42px}.add-button{grid-column:1 / -1}.item-card-inner{max-width:152px;min-width:96px}.item-card-inner.has-image{grid-template-columns:58px minmax(58px,1fr);min-width:148px;max-width:210px}.item-card-inner.has-image .item-image{width:58px;height:52px}.tier-dropzone .item-card-inner.has-image:not(.image-only){grid-template-columns:52px minmax(42px,1fr);min-width:138px;max-width:148px;gap:8px;padding:7px 28px 7px 7px}.tier-dropzone .item-card-inner.has-image:not(.image-only) .item-image{width:52px;height:48px}.tier-dropzone .item-card-inner.has-image:not(.image-only) span{font-size:15px}.item-card-inner.image-only{min-width:0;max-width:none;width:94px;min-height:94px;padding:0}.item-card-inner.image-only .item-image{width:94px;height:94px}.pool-dropzone .item-card-inner.image-only{min-width:0;max-width:none;width:94px;min-height:94px;padding:7px 7px 26px}.pool-dropzone .item-card-inner.image-only .item-image{width:80px;height:80px}}