:root{--frame-gap: clamp(10px, 2.4vw, 22px);--bg: #f5f0e6;--paper: #fbf7ef;--ink: #1e1b18;--muted: #74695d;--line-soft: rgba(66, 54, 44, .14);--line-strong: rgba(66, 54, 44, .22);--panel: rgba(251, 247, 239, .88);--accent: #b85c38;--accent-strong: #8f4021;--item-fill: rgba(255, 251, 245, .94);--item-border: rgba(77, 57, 44, .24);--shadow: 0 18px 50px rgba(79, 57, 43, .15)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100dvh;padding:var(--frame-gap);background:radial-gradient(circle at top,rgba(255,255,255,.65),transparent 32%),linear-gradient(180deg,#f8f3e7,#efe6d8);color:var(--ink);font-family:Avenir Next,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{border:none;border-radius:12px;padding:10px 14px;cursor:pointer;transition:transform .14s ease,background .14s ease,opacity .14s ease}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45;transform:none}input[type=text],textarea{width:100%;border:1px solid rgba(77,57,44,.18);background:#ffffffe0;color:var(--ink);border-radius:12px;padding:10px 12px}.loading-screen{min-height:calc(100dvh - (var(--frame-gap) * 2));display:grid;place-items:center;color:var(--muted)}.error-panel{max-width:520px;padding:24px 28px;border-radius:24px;border:1px solid rgba(92,73,58,.14);background:#fffbf5f0;box-shadow:var(--shadow)}.error-panel h1{margin:0 0 10px;color:var(--ink);font-size:1.4rem}.error-panel p{margin:0 0 10px;line-height:1.5}.app-shell{height:calc(100dvh - (var(--frame-gap) * 2))}.workspace{height:100%}.grid-stage{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(92,73,58,.14);background:linear-gradient(180deg,#ffffff59,#fff0),var(--paper);box-shadow:var(--shadow);width:100%;height:100%}.hud{position:absolute;z-index:4;left:18px;top:18px;display:flex;flex-wrap:wrap;gap:10px;pointer-events:none}.pill{padding:10px 12px;border-radius:16px;background:#fffcf7e6;border:1px solid rgba(92,73,58,.14);color:var(--muted);font-size:.84rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill strong{color:var(--ink)}.board{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:crosshair;touch-action:none}.board[data-resize-cursor=n],.board[data-resize-cursor=s]{cursor:ns-resize}.board[data-resize-cursor=e],.board[data-resize-cursor=w]{cursor:ew-resize}.board[data-resize-cursor=ne],.board[data-resize-cursor=sw]{cursor:nesw-resize}.board[data-resize-cursor=nw],.board[data-resize-cursor=se]{cursor:nwse-resize}.grid-layer,.world-layer{position:absolute;top:0;right:0;bottom:0;left:0}.grid-layer{background-image:linear-gradient(to right,var(--line-soft) 1px,transparent 1px),linear-gradient(to bottom,var(--line-soft) 1px,transparent 1px),linear-gradient(to right,var(--line-strong) 1px,transparent 1px),linear-gradient(to bottom,var(--line-strong) 1px,transparent 1px);background-repeat:repeat;pointer-events:none}.world-layer{transform-origin:0 0}.item{position:absolute;min-width:48px;min-height:48px;padding:26px 16px 14px;border-radius:18px;border:1px solid var(--item-border);background:var(--item-fill);box-shadow:0 14px 30px #4d392c21;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;cursor:grab}.generate-button{position:absolute;top:10px;right:10px;z-index:4;width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:999px;background:#b85c38eb;color:#fff7f1;font-size:.8rem;box-shadow:0 8px 18px #8f402133}.generate-button.busy{background:#74695de6}.item-plain{padding-top:16px}.item.editing-text{padding:1px}.item.editing-text .item-text-editor{border-radius:17px;padding:17px 15px 13px}.item.selected{border-color:#b85c38b3;outline:2px solid rgba(184,92,56,.2);outline-offset:1px;box-shadow:0 18px 40px #8f402138}.item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#ffffffb3,#fff0),linear-gradient(135deg,rgba(184,92,56,.06),transparent 70%);pointer-events:none}.item-body{position:relative;z-index:1;width:100%;height:100%;cursor:inherit;display:flex;flex-direction:column;gap:10px}.item-model-preview{width:100%;min-height:136px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.55),transparent 55%),linear-gradient(180deg,#f0e5d8e0,#e7d7c5b8);border:1px solid rgba(92,73,58,.12)}.item-model-preview.is-loading{display:grid;place-items:center}.item-model-preview model-viewer{width:100%;height:220px;--poster-color: transparent}.model-preview-card{position:absolute;transform:translate(-50%,-50%);padding:14px;border-radius:20px;border:1px solid rgba(77,57,44,.24);background:#fffbf5f5;box-shadow:0 16px 34px #4d392c29;display:flex;flex-direction:column;gap:12px}.model-preview-card.has-error{border-color:#a6495447}.model-preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.model-preview-label{font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.model-preview-placeholder{min-height:220px;display:grid;place-items:center;gap:12px;color:var(--muted);text-align:center;padding:18px}.model-preview-copy{font-size:.82rem;font-weight:700}.model-spinner{width:34px;height:34px;border-radius:999px;border:3px solid rgba(184,92,56,.16);border-top-color:#b85c38eb;animation:model-spin .9s linear infinite}@keyframes model-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generation-status{position:relative;z-index:1;align-self:flex-start;padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:700;line-height:1.1;color:var(--muted);background:#fffcf7e0;border:1px solid rgba(92,73,58,.12)}.generation-status.status-succeeded{color:#215436;background:#e8f7edeb;border-color:#3a82542e}.generation-status.status-failed{color:#842029;background:#fcececf2;border-color:#a649542e;max-width:100%}.item-label{position:absolute;top:-12px;left:12px;z-index:3;max-width:calc(100% - 24px);padding:6px 10px;border-radius:999px;border:1px solid rgba(92,73,58,.14);background:#fffcf7f5;box-shadow:0 8px 18px #4f392b1a;color:var(--ink);font-size:.76rem;font-weight:800;line-height:1;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text}.item-label-input,.item-text-editor{width:100%;border:1px solid rgba(184,92,56,.34);background:#fffffff5;color:var(--ink);border-radius:12px;padding:8px 10px;outline:none;resize:none}.item-label-input{position:absolute;top:-14px;left:10px;z-index:4;max-width:calc(100% - 20px);width:calc(100% - 20px);border-radius:999px;font-size:.76rem;font-weight:800;line-height:1;padding:7px 10px}.item-text-editor{display:block;min-height:100%;height:100%;border-radius:12px;font-size:.92rem;line-height:1.45}.item-type{position:relative;z-index:1;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700}.item-text{position:relative;z-index:1;margin-top:2px;color:#493d34;font-size:.92rem;line-height:1.45;white-space:normal;overflow-wrap:break-word}.resize-handle{position:absolute;z-index:2;background:transparent;border:none;padding:0;margin:0;opacity:0}.resize-handle.corner{width:22px;height:22px}.resize-handle[data-direction=ne]{top:-1px;right:-1px}.resize-handle[data-direction=nw]{top:-1px;left:-1px}.resize-handle[data-direction=se]{right:-1px;bottom:-1px}.resize-handle[data-direction=sw]{left:-1px;bottom:-1px}@media (max-width: 920px){.workspace,.grid-stage{min-height:0}}