:root{color:#17201c;background:#f5f2ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;background:linear-gradient(90deg,rgba(32,96,79,.08),transparent 38%),#f5f2ea}.workspace{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);min-height:72vh}.upload-panel{display:flex;flex-direction:column;gap:28px;min-width:0;overflow:hidden;padding:32px;background:#203e35;color:#fffaf0}.brand-row{display:flex;gap:14px;align-items:flex-start;min-width:0}.brand-row p,.eyebrow{margin:0 0 8px;color:#f0b35b;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-row h1{margin:0;max-width:12ch;font-size:2.65rem;line-height:1.04;letter-spacing:0;overflow-wrap:break-word}.upload-form{display:grid;gap:16px}.story-version-controls{display:grid;gap:12px;min-width:0;margin:0;border:1px solid rgba(255,250,240,.18);border-radius:8px;padding:14px;background:#ffffff12}.story-version-controls legend{display:inline-flex;align-items:center;gap:7px;padding:0 6px;color:#f0b35b;font-size:.78rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.story-version-controls label{display:grid;gap:6px;min-width:0}.story-version-controls label span{color:#fffaf0b8;font-size:.74rem;font-weight:850;text-transform:uppercase}.story-version-controls input,.story-version-controls select,.story-version-controls textarea{width:100%;min-width:0;border:1px solid rgba(255,250,240,.25);border-radius:8px;background:#fffaf0f5;color:#17201c;padding:0 11px}.story-version-controls input,.story-version-controls select{min-height:42px}.story-version-controls textarea{min-height:84px;padding-block:10px;resize:vertical}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border-radius:8px;background:#00000029}.segmented-control button{min-height:36px;background:transparent;color:#fffaf0d1;font-size:.9rem}.segmented-control button.active{background:#fffaf0;color:#203e35}.account-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,250,240,.18);border-radius:8px;padding:12px;background:#ffffff12}.account-row div{display:grid;gap:3px;min-width:0}.account-row span{color:#fffaf0ad;font-size:.76rem;font-weight:850;text-transform:uppercase}.account-row strong{overflow:hidden;color:#fffaf0;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.account-row button{flex:0 0 40px;min-height:40px;width:40px;border:1px solid rgba(255,250,240,.28);background:#ffffff14;color:#fffaf0;padding:0}.auth-panel{display:grid;gap:14px;border:1px solid rgba(255,250,240,.18);border-radius:8px;padding:18px;background:#ffffff12}.auth-panel h2,.auth-panel p{margin:0}.auth-panel h2{color:#fffaf0;font-size:1.35rem;line-height:1.15}.auth-panel p{color:#fffaf0bd;font-size:.92rem;font-weight:700;line-height:1.45}.auth-panel input{min-width:0;min-height:46px;border:1px solid rgba(255,250,240,.26);border-radius:8px;background:#fffaf0f5;color:#17201c;padding:0 12px}.auth-panel input:disabled{color:#52605b}.auth-panel .text-button{min-height:34px;background:transparent;color:#fffaf0;font-size:.9rem;text-decoration:underline}.drop-zone{display:grid;place-items:center;min-height:260px;overflow:hidden;border:1px dashed rgba(255,250,240,.46);border-radius:8px;background:#ffffff0f;cursor:pointer}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.drop-zone span{display:grid;gap:12px;justify-items:center;color:#fffaf0d1;font-weight:750}.upload-selection-summary{display:grid;gap:10px;justify-items:center;width:100%;padding:24px;color:#fffaf0e0;text-align:center}.upload-selection-summary strong{color:#fffaf0;font-size:1.05rem}.upload-selection-summary small{max-width:100%;overflow:hidden;color:#fffaf0ad;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.file-size{margin:-4px 0 0;color:#fffaf0b8;font-size:.86rem;font-weight:700;text-align:center}button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;background:#f0b35b;color:#17201c;font-weight:850;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{margin:0;color:#ffcbc2;font-weight:700}.story-stage{display:grid;align-items:start;min-width:0}.feature{display:grid;grid-template-columns:minmax(320px,48%) minmax(360px,1fr);align-items:stretch;width:100%;min-width:0;min-height:0}.feature-gallery{display:grid;width:100%;height:min(72vh,680px);min-height:420px;overflow:hidden;background:#203e35}.feature-gallery img,.feature-gallery .anime-art-placeholder{width:100%;height:100%;min-height:0;object-fit:cover}.feature-gallery.photo-gallery{gap:10px;padding:12px;background:linear-gradient(135deg,#203e35eb,#17201cfa),#17201c}.feature-gallery.photo-gallery img{border:1px solid rgba(255,250,240,.2);border-radius:8px;background:#101713;box-shadow:0 16px 34px #0c120f47}.feature-gallery.photo-gallery.art-count-1{place-items:center}.feature-gallery.photo-gallery.art-count-1 img{object-fit:contain}.feature-gallery.photo-gallery.art-count-2 img,.feature-gallery.photo-gallery.art-count-3 img,.feature-gallery.photo-gallery.art-count-4 img{object-fit:cover}.feature-gallery.photo-count-1,.feature-gallery.art-count-1{grid-template-columns:1fr}.feature-gallery.photo-count-2,.feature-gallery.art-count-2{grid-template-columns:repeat(2,1fr)}.feature-gallery.photo-count-3,.feature-gallery.photo-count-4,.feature-gallery.art-count-3,.feature-gallery.art-count-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.feature-gallery.photo-count-3 img:first-child,.feature-gallery.art-count-3>:first-child{grid-row:span 2}.anime-art-placeholder{display:grid;place-items:center;min-height:160px;border:1px solid rgba(32,62,53,.18);background:linear-gradient(135deg,#f0b35b47,#e7f1dcf0),#f8efe0}.anime-art-placeholder span{display:grid;place-items:center;width:54px;height:54px;border:2px solid #203e35;border-radius:50%;background:#fffaf0;color:#203e35;font-size:1.2rem;font-weight:900;box-shadow:4px 4px #f0b35b}.feature-copy{display:flex;flex-direction:column;justify-content:flex-start;gap:20px;min-width:0;padding:44px;background:#fffaf0}.feature-copy h2{margin:0;color:#203e35;font-size:3.2rem;line-height:1;letter-spacing:0;overflow-wrap:anywhere}.feature-copy p{margin:0;color:#39433f;font-size:1.05rem;line-height:1.7;overflow-wrap:anywhere}.story-actions{display:flex;flex-wrap:wrap;gap:10px}.story-version-meta{display:flex;flex-wrap:wrap;gap:8px}.story-version-meta span{border:1px solid #dfd2bc;border-radius:999px;background:#f8efe0;color:#203e35;font-size:.78rem;font-weight:850;line-height:1;padding:8px 10px}.story-actions button{min-height:38px;border:1px solid #dfd2bc;background:#f8efe0;color:#203e35;padding:0 12px;font-size:.9rem}.story-actions button:hover{border-color:#c98634;background:#f0e1c9}.version-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,360px);padding:4px;border:1px solid #dfd2bc;border-radius:8px;background:#f8efe0}.version-tabs button{min-height:38px;background:transparent;color:#52605b;font-size:.9rem;padding:0 10px}.version-tabs button.active{background:#203e35;color:#fffaf0}.story-version-panel{display:grid;gap:16px}.storybook-version{display:grid;gap:14px;min-width:0}.storybook-heading{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;justify-content:space-between;border-top:1px solid #dfd2bc;padding-top:16px}.storybook-heading h3{margin:0;color:#203e35;font-size:1.25rem}.storybook-heading span{color:#52605b;font-size:.78rem;font-weight:850;text-transform:uppercase}.storybook-pages{display:grid;gap:14px}.storybook-pages article{display:grid;grid-template-columns:minmax(140px,34%) minmax(0,1fr);gap:14px;align-items:stretch;border:1px solid #dfd2bc;border-radius:8px;padding:12px;background:#fff7ea}.photo-storybook .storybook-pages{gap:16px}.photo-storybook .storybook-pages article{grid-template-columns:minmax(180px,42%) minmax(0,1fr);border-color:#d9c6aa;background:linear-gradient(180deg,#fffaf0,#f8efe0);box-shadow:0 12px 26px #203e3514}.storybook-pages img,.storybook-pages .anime-art-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:8px;object-fit:cover}.photo-storybook .storybook-pages img{border:1px solid rgba(32,62,53,.16);background:#fffaf0;box-shadow:inset 0 0 0 6px #fffaf0}.storybook-pages p{align-self:center}.facts{display:grid;gap:14px;border-top:1px solid #dfd2bc;padding-top:16px}.comic-book-version{display:grid;gap:14px;min-width:0}.comic-book-heading{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;justify-content:space-between;border-top:1px solid #dfd2bc;padding-top:16px}.comic-book-heading h3{margin:0;color:#203e35;font-size:1.25rem}.comic-book-heading span{color:#52605b;font-size:.78rem;font-weight:850;text-transform:uppercase}.comic-book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.comic-book-grid figure{position:relative;display:grid;overflow:hidden;min-width:0;margin:0;border:2px solid #203e35;border-radius:8px;background:#fff7ea;box-shadow:4px 4px #f0b35b}.photo-comic .comic-book-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.photo-comic .comic-book-grid figure{border:1px solid #d9c6aa;background:#fffaf0;box-shadow:0 12px 24px #203e3517}.comic-book-grid img,.comic-book-grid .anime-art-placeholder{width:100%;aspect-ratio:1 / 1;background:#f8efe0;object-fit:cover}.photo-comic .comic-book-grid img{aspect-ratio:4 / 3}.comic-book-grid figcaption{display:grid;gap:5px;border-top:2px solid #203e35;padding:10px}.photo-comic .comic-book-grid figcaption{border-top:1px solid #dfd2bc;padding:12px}.comic-book-grid figcaption strong{color:#203e35;font-size:.72rem;text-transform:uppercase}.comic-book-grid figcaption span{color:#39433f;font-size:.92rem;font-weight:760;line-height:1.35}.comic-strip{display:grid;gap:12px;border-top:1px solid #dfd2bc;padding-top:16px}.comic-strip h3{margin:0;color:#203e35;font-size:1rem}.comic-strip>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.comic-strip figure{position:relative;display:grid;gap:8px;overflow:hidden;min-width:0;margin:0}.comic-strip img{width:100%;aspect-ratio:1 / 1;border:1px solid #dfd2bc;border-radius:8px;background:#f8efe0;object-fit:cover}.comic-strip-preview figure:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 1px 1px,rgba(32,62,53,.18) 1px,transparent 1.4px),linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.22) 50%,transparent 52% 100%);background-size:6px 6px,100% 100%;border-radius:8px;mix-blend-mode:multiply}.comic-strip-preview img{filter:saturate(1.45) contrast(1.18) brightness(1.04)}.comic-strip figcaption{overflow:hidden;color:#52605b;font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.comic-notice{background:#ffffffb8;border:1px solid rgba(124,58,237,.2);border-radius:8px;color:#6b4f0b;font-size:.9rem;margin-top:1rem;padding:.75rem .85rem}.facts section{border:1px solid #d9c6aa;border-radius:8px;padding:14px;background:linear-gradient(180deg,#fffaf0,#f8efe0);box-shadow:0 10px 22px #203e3512}.facts h3{display:flex;gap:8px;align-items:center;margin:0 0 10px;color:#203e35;font-size:1.08rem}.landmark-meta{display:grid;grid-template-columns:auto repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;margin-bottom:12px}.landmark-meta span{display:grid;gap:3px;min-width:0;border:1px solid #dfd2bc;border-radius:8px;padding:10px;background:#f8efe0;color:#39433f;font-size:.92rem;line-height:1.3}.landmark-meta strong{color:#203e35;font-size:.72rem;text-transform:uppercase}.landmark-meta .flag{place-items:center;min-width:48px;font-size:1.8rem}.country-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border:1px solid #dfd2bc;border-radius:8px;margin-bottom:12px;padding:14px;background:#fff7ea}.country-card-flag{display:grid;place-items:center;width:56px;height:56px;border-radius:8px;background:#f0e1c9;font-size:2rem}.country-card strong{display:block;color:#203e35;font-size:1.15rem}.country-card span{color:#52605b;font-weight:700}.country-card dl{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.country-card dl div{display:grid;gap:3px;border-radius:8px;background:#f8efe0;padding:10px}.country-card dt{color:#203e35;font-size:.72rem;font-weight:850;text-transform:uppercase}.country-card dd{margin:0;color:#39433f;font-weight:750}.country-card p{grid-column:1 / -1;border-top:1px solid #dfd2bc;padding-top:10px;font-size:.98rem}.facts ul{display:grid;gap:8px;margin:0;padding-left:20px;color:#39433f;line-height:1.55}.facts li::marker{color:#c98634}.nearby-landmarks{border-top:1px solid #dfd2bc;padding-top:16px}.nearby-landmarks h3{display:flex;gap:8px;align-items:center;margin:0 0 12px;color:#203e35;font-size:1rem}.nearby-landmarks div{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.nearby-landmarks article{display:grid;gap:5px;border:1px solid #dfd2bc;border-radius:8px;padding:12px;background:#fff7ea;color:#39433f;line-height:1.4}.nearby-landmarks strong{color:#203e35}.quiz-panel{border-top:1px solid #dfd2bc;padding-top:16px}.quiz-panel h3{display:flex;gap:8px;align-items:center;margin:0 0 12px;color:#203e35;font-size:1rem}.quiz-panel>div{display:grid;gap:10px}.quiz-panel article{display:grid;gap:10px;border:1px solid #dfd2bc;border-radius:8px;padding:12px;background:#fff7ea}.quiz-panel article p{font-weight:800;line-height:1.45}.quiz-panel article button{justify-self:start;min-height:34px;border:1px solid #dfd2bc;background:#f8efe0;color:#203e35;padding:0 10px;font-size:.86rem}.quiz-panel article strong{border-radius:8px;background:#e7f1dc;color:#203e35;padding:10px}.empty-state{display:grid;place-items:center;align-content:center;gap:16px;min-height:72vh;padding:32px;color:#4d5a55}.empty-state p{margin:0;font-size:1.1rem;font-weight:800}.history-band{padding:32px}.history-band h2{margin:0 0 18px;color:#203e35}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.story-card-shell{position:relative}.story-card{display:block;width:100%;height:100%;overflow:hidden;border:1px solid #dfd2bc;border-radius:8px;background:#fffaf0;color:inherit;cursor:pointer;padding:0;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.story-card:hover{border-color:#c98634;transform:translateY(-2px)}.story-card.active{border-color:#203e35;box-shadow:0 0 0 3px #203e3529}.delete-story{position:absolute;top:10px;right:10px;min-height:34px;width:34px;border:1px solid rgba(255,250,240,.72);border-radius:8px;background:#17201cbd;color:#fffaf0;opacity:0;padding:0}.story-card-shell:hover .delete-story,.delete-story:focus-visible{opacity:1}.delete-story:hover{background:#9f2d20}.story-card img,.story-card .anime-art-placeholder{width:100%;aspect-ratio:4 / 3;min-height:0;object-fit:cover}.story-card img.source-photo-image{border-bottom:1px solid #dfd2bc;background:#17201c}.story-card-copy{padding:16px}.story-card h3{margin:0 0 8px;color:#203e35}.story-card p{display:-webkit-box;margin:0;overflow:hidden;color:#52605b;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (max-width: 1100px){.workspace,.feature{grid-template-columns:1fr}.feature-gallery{height:auto;max-height:none;aspect-ratio:16 / 10;min-height:280px}.feature-gallery.photo-count-3,.feature-gallery.photo-count-4{aspect-ratio:1 / 1}}@media (max-width: 860px){.workspace{grid-template-columns:1fr}.brand-row h1{max-width:10ch;font-size:2.2rem}.feature-copy h2{font-size:2.3rem}.feature-copy,.upload-panel,.history-band{padding:24px}.landmark-meta,.country-card dl{grid-template-columns:1fr}.storybook-pages article{grid-template-columns:1fr}}