.story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.story-gallery .story-tile img{width:100%;aspect-ratio:3/4;object-fit:contain;display:block;background:#edf3fb}.story-gallery .story-tile{overflow:hidden;border-radius:12px;background:#edf3fb;transition:transform .2s}.story-gallery .story-tile:hover{transform:translateY(-4px)}.story-gallery h2{font-size:18px;padding:14px;margin:0}.story-number-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:18px}.story-number-grid .story-scene{min-width:0}.story-number-grid img,.story-arranged img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;display:block}.story-picture{display:block;width:100%;border:0;padding:0;background:#eef3fb;cursor:zoom-in;border-radius:10px;overflow:hidden}.story-number{display:flex;justify-content:center;align-items:center;margin-top:8px;gap:8px;font-size:14px}.story-number input{width:70px;min-height:40px;text-align:center;padding:6px;border:1px solid #aabbd3;border-radius:8px}.story-arranged{display:flex;overflow-x:auto;gap:14px;padding:4px 0 14px;scroll-snap-type:x proximity}.story-arranged .story-scene{flex:0 0 clamp(150px,21vw,245px);scroll-snap-align:start}.story-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0 24px}.story-error{color:#a02626;font-size:14px}.story-write{margin-top:24px}.story-grammar-controls{display:flex;gap:10px;align-items:center;margin:18px 0}.story-refs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:18px}.story-ref{min-width:0;background:#f3f6fc;border-radius:12px;padding:10px}.story-ref-bar{display:flex;gap:8px;margin-bottom:8px}.story-ref-bar select{flex:1;min-width:0;font-size:14px;padding:7px}.story-ref-bar button{min-width:38px}.story-ref .viewer-scroll{height:300px;max-height:45vh}.story-ref .viewer-full .viewer-scroll{height:auto;max-height:none}#wholeStory{box-sizing:border-box;width:100%;padding:16px;font-size:17px;line-height:1.65;border:1px solid #bdcce1;border-radius:12px;min-height:260px}.story-tip{position:relative;margin:12px 0}.story-tip>button{font-size:13px;background:#f0f2f5;color:#657087;border:0;border-radius:20px;padding:8px 13px}.story-tip .tip-panel{position:absolute;bottom:42px;left:0;z-index:6;max-width:min(380px,90vw);padding:16px;background:#fff;border:1px solid #d5ddea;border-radius:12px;box-shadow:0 8px 28px #172d4e22}.story-tip dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin:0;font-size:14px}.story-tip dd{margin:0;color:#657087}.story-image-dialog{padding:12px;max-width:94vw;width:min(900px,94vw);max-height:94dvh;border:0;border-radius:12px;color:#14294e}.story-image-dialog::backdrop{background:#08172bc9}.story-image-dialog .image-tools{display:flex;gap:8px;justify-content:center;align-items:center;margin-bottom:10px}.story-image-dialog button{min-height:40px;min-width:40px}.story-image-dialog .image-scroll{height:72dvh;overflow:auto;touch-action:pan-x pan-y}.story-image-dialog img{display:block;margin:auto;max-width:none!important;width:auto;max-height:none!important}.story-status{font-size:14px;color:#53647c}.story-self-review{padding:15px;background:#f0f4fb;border-radius:10px}.story-self-review label{display:block;margin:8px 0}@media(max-width:480px){.story-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-number{gap:4px;font-size:12px}.story-number input{width:52px}.story-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(prefers-reduced-motion:reduce){.story-gallery .story-tile{transition:none}}