*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (hover:none),(max-width:1024px),(pointer:coarse){body:before{align-items:center;background:red;color:#fff;content:"この アプリケーションはPC専用です。デスクトップブラウザでアクセスしてください。";display:flex;font-size:24px;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:10000}}body{background:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;min-width:1280px;overflow-x:auto;padding:0}.app-container{display:grid;grid-template-areas:"sidebar header tools" "sidebar main tools" "sidebar footer tools";grid-template-columns:250px 1fr 300px;grid-template-rows:60px 1fr 40px;min-height:100vh;width:100%}.app-header{align-items:center;background:#2d2d2d;border-bottom:1px solid #444;display:flex;grid-area:header;justify-content:space-between;padding:0 20px}.app-sidebar{background:#252525;border-right:1px solid #444;grid-area:sidebar;overflow-y:auto;padding:20px 0}.app-main{background:#1e1e1e;grid-area:main;overflow:auto;padding:20px;position:relative}.app-tools{background:#252525;border-left:1px solid #444;grid-area:tools;overflow-y:auto;padding:20px 10px}.app-footer{align-items:center;background:#2d2d2d;border-top:1px solid #444;color:#aaa;display:flex;font-size:12px;grid-area:footer;justify-content:space-between;padding:0 20px}.clickable{cursor:pointer;transition:all .2s ease}.clickable:hover{background:#3d3d3d;transform:translateY(-1px)}.clickable:active{transform:translateY(0)}.context-menu{background:#333;border:1px solid #555;border-radius:4px;box-shadow:0 4px 12px #00000080;min-width:180px;position:fixed;z-index:1000}.context-menu-item{border-bottom:1px solid #444;cursor:pointer;padding:8px 16px}.context-menu-item:hover{background:#4a4a4a}.context-menu-item:last-child{border-bottom:none}.shortcut-hint{color:#888;float:right;font-size:11px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.drag-zone{border:2px dashed #555;border-radius:8px;color:#888;padding:40px;text-align:center;transition:all .3s ease}.drag-zone.drag-over{background:#0078d41a;border-color:#0078d4;color:#0078d4}.resizer{background:#444;cursor:ew-resize;position:relative;width:4px}.resizer:hover{background:#0078d4}.window{background:#2d2d2d;border:1px solid #555;border-radius:8px;box-shadow:0 4px 20px #0000004d;min-height:300px;min-width:400px}.window-header{align-items:center;background:#3d3d3d;border-bottom:1px solid #555;border-radius:8px 8px 0 0;cursor:move;display:flex;justify-content:space-between;padding:12px 16px}.window-controls{display:flex;gap:8px}.window-control{border-radius:50%;cursor:pointer;height:12px;width:12px}.window-control.close{background:#ff5f57}.window-control.minimize{background:#ffbd2e}.window-control.maximize{background:#28ca42}.window-content{height:calc(100% - 60px);overflow:auto;padding:20px}input,select,textarea{background:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d44d;outline:none}button{background:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}button:hover{background:#106ebe}button:active{background:#005a9e}button:disabled{background:#555;cursor:not-allowed}.tab-container{background:#2d2d2d}.tab-list{border-bottom:1px solid #555;display:flex;overflow-x:auto;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab{align-items:center;background:#333;border-right:1px solid #555;cursor:pointer;display:flex;justify-content:space-between;min-width:120px;padding:12px 20px;white-space:nowrap}.tab.active{background:#1e1e1e;border-bottom:2px solid #0078d4}.tab:hover{background:#3d3d3d}.tab-close{cursor:pointer;font-size:16px;margin-left:8px;opacity:.6}.tab-close:hover{color:#ff5f57;opacity:1}.grid{display:grid;gap:20px;height:100%}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.grid-item{background:#333;border-radius:8px;padding:20px}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#555;border-radius:4px;bottom:125%;color:#fff;font-size:12px;left:50%;margin-left:-100px;opacity:0;padding:8px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1000}.tooltip .tooltiptext:after{border:5px solid #0000;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}.app-container.dragging{background:#0064ff1a;border:2px dashed #0064ff}.drag-overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.drag-message{color:#fff;font-size:24px;text-align:center}.drag-icon{font-size:64px;margin-bottom:16px}.footer-left .separator,.footer-right .separator{color:#666;margin:0 8px}.integrated-components{align-items:center;display:flex;gap:12px}.performance-indicator{background:#00ff001a;border:1px solid #00ff004d;border-radius:4px;font-size:11px;padding:4px 8px}.performance-indicator.warning{background:#ffff001a;border-color:#ffff004d}.performance-indicator.error{background:#ff00001a;border-color:#ff00004d}.rpg-status-panel{background:#000c;border:1px solid #333;border-radius:8px;color:#fff;padding:12px}.rpg-inventory{display:grid;gap:4px;grid-template-columns:repeat(8,1fr);max-width:400px}.rpg-skill-tree{display:flex;flex-direction:column;gap:8px}.novel-interface{height:100vh;overflow:hidden;position:relative;width:100%}.novel-backlog{background:#000000e6;border-radius:8px;max-height:300px;overflow-y:auto;padding:16px}.novel-character-sprite{transition:all .5s ease-in-out;z-index:10}.system-integration-status{background:#000c;border-radius:4px;font-size:12px;padding:8px;position:fixed;right:10px;top:10px;z-index:1000}.system-healthy{color:#0f0}.system-warning{color:#ff0}.system-error{color:red}.game-studio{background:linear-gradient(135deg,#0f0f23,#1e1e3f 25%,#2d1b69 50%,#000);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:auto;padding:24px;position:relative}.game-studio-header{border-bottom:1px solid #ffffff1a;margin-bottom:32px;padding:20px 0;text-align:center}.game-studio-title{align-items:center;display:flex;font-size:3rem;font-weight:800;gap:12px;justify-content:center;margin-bottom:8px;text-shadow:0 0 20px #8a2be280}.game-studio-title svg{filter:drop-shadow(0 0 8px rgba(138,43,226,.8))}.game-studio-subtitle{color:#b0b0b0;font-size:1.25rem;letter-spacing:.5px;margin-bottom:16px}.game-studio-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.action-button{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 16px #7c3aed4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.action-button:hover{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 8px 24px #7c3aed66;transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-button.improvement{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 16px #10b9814d}.action-button.improvement:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 8px 24px #10b98166}.status-indicator{margin-top:8px;text-align:center}.status-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444}.status-error,.status-success{font-size:14px;padding:8px 16px}.status-success{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e}.game-studio-tabs{margin:0 auto;max-width:1400px}.tabs-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182799;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:8px;width:100%}.tab-trigger{align-items:center;background:#0000;border:none;border-radius:12px;color:#d1d5db;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.tab-trigger:hover{background:#ffffff1a;color:#fff}.tab-trigger.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d;color:#fff}.game-types-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.game-type-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#111827cc,#1f293799);border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.game-type-card:before{background:linear-gradient(135deg,#7c3aed1a,#a855f71a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.game-type-card:hover:before{opacity:1}.game-type-card:hover{border-color:#7c3aed66;box-shadow:0 20px 40px #7c3aed33;transform:translateY(-4px)}.game-type-icon{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.game-type-icon.rpg{background:linear-gradient(135deg,#dc2626,#ef4444)}.game-type-icon.novel{background:linear-gradient(135deg,#7c3aed,#a855f7)}.game-type-icon.platformer{background:linear-gradient(135deg,#2563eb,#3b82f6)}.game-type-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:8px;text-align:center}.game-type-description{color:#9ca3af;font-size:14px;margin-bottom:16px;text-align:center}.game-type-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.feature-badge{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;color:#d1d5db;font-size:12px;padding:4px 12px}@media (max-width:768px){.game-studio{padding:16px}.game-studio-title{font-size:2rem}.game-studio-actions{align-items:center;flex-direction:column}.game-types-grid{gap:16px;grid-template-columns:1fr}.tabs-list{flex-direction:column}}@media (max-width:480px){.game-studio-title{font-size:1.5rem}.action-button{justify-content:center;width:100%}}.ui-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:all .2s ease-in-out}.ui-button.size-sm{font-size:14px;height:36px;padding:0 12px}.ui-button.size-md{font-size:14px;height:40px;padding:0 16px}.ui-button.size-lg{font-size:16px;height:48px;padding:0 24px}.ui-button.variant-default{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d;color:#fff}.ui-button.variant-default:hover{background:linear-gradient(135deg,#5b21b6,#7c3aed);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.ui-button.variant-outline{background:#0000;border:1px solid #fff3;color:#d1d5db}.ui-button.variant-outline:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.ui-button.variant-ghost{background:#0000;color:#d1d5db}.ui-button.variant-ghost:hover{background:#ffffff1a;color:#fff}.ui-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.ui-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#111827cc,#1f293799);border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.ui-card:hover{border-color:#6366f14d;box-shadow:0 8px 32px #0000004d}.ui-card-header{border-bottom:1px solid #ffffff1a;padding:20px 24px 16px}.ui-card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 8px}.ui-card-description{color:#9ca3af;font-size:14px;line-height:1.5;margin:0}.ui-card-content{padding:20px 24px}.ui-card-footer{background:#0003;border-top:1px solid #ffffff1a;padding:16px 24px 20px}.ui-tabs{width:100%}.ui-tabs-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182799;border:1px solid #ffffff1a;border-radius:12px;display:flex;margin-bottom:16px;padding:4px}.ui-tabs-trigger{background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.ui-tabs-trigger:hover{background:#ffffff0d;color:#d1d5db}.ui-tabs-trigger.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d;color:#fff}.ui-tabs-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ui-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182799;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.ui-input::placeholder{color:#6b7280}.ui-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.ui-input:disabled{cursor:not-allowed;opacity:.5}.ui-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182799;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.ui-textarea::placeholder{color:#6b7280}.ui-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.ui-select-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182799;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.ui-select-trigger:hover{border-color:#ffffff4d}.ui-select-trigger.open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ui-select-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827f2;border:1px solid #fff3;border-radius:8px;box-shadow:0 8px 32px #0006;max-height:200px;min-width:100%;overflow-y:auto;z-index:50}.ui-select-item{color:#d1d5db;cursor:pointer;font-size:14px;padding:12px 16px;transition:background-color .2s ease}.ui-select-item:hover{background:#6366f133;color:#fff}.ui-select-item.selected{background:#6366f14d;color:#fff}.ui-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s ease}.ui-badge.variant-default{background:#6366f133;border:1px solid #6366f14d;color:#a5b4fc}.ui-badge.variant-outline{background:#0000;border:1px solid #fff3;color:#d1d5db}.ui-badge.variant-success{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.ui-badge.variant-error{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.ui-progress{background:#11182799;height:8px;overflow:hidden;width:100%}.ui-progress,.ui-progress-bar{border-radius:4px;position:relative}.ui-progress-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .3s ease}.ui-progress-bar:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ui-slider{align-items:center;display:flex;height:20px}.ui-slider,.ui-slider-track{position:relative;width:100%}.ui-slider-track{background:#11182799;border-radius:2px;height:4px}.ui-slider-range{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;height:100%}.ui-slider-thumb{background:#fff;border:2px solid #6366f1;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:16px;transition:all .2s ease;width:16px}.ui-slider-thumb:hover{box-shadow:0 4px 12px #6366f14d;transform:scale(1.1)}@tailwind base;@tailwind components;@tailwind utilities;:root{--background:220 10% 3.9%;--foreground:210 40% 98%;--card:220 10% 3.9%;--card-foreground:210 40% 98%;--popover:220 10% 3.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:220 9% 9%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}.App{text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.opacity-50{opacity:.5}.brightness-110:hover{filter:brightness(1.1)}@media (max-width:768px){.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:768px){.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1024px){.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}