:root{--bg:#12121c;--bg-panel:#1c1c2b;--bg-input:#26263a;--border:#34344e;--text:#eceaf4;--text-dim:#9c9ab0;--primary:#4f6ef7;--primary-hover:#6580ff;--accent:#0f9d68;--danger:#ff5c74;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}.app{max-width:640px;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;min-height:100dvh;margin:0 auto;display:flex}.app__header h1{margin:8px 0 4px;font-size:1.5rem}.app__tagline{color:var(--text-dim);margin:0;font-size:.85rem}.app__main{flex-direction:column;gap:16px;display:flex}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.panel__title{margin:0;font-size:1.05rem}.panel__hint{color:var(--text-dim);margin:0;font-size:.8rem}.panel__success{color:#7ee2a8;margin:0;font-size:.9rem}.panel__row{align-items:center;gap:8px;display:flex}.panel__row--between{justify-content:space-between}.primary-button{appearance:none;border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:none;min-height:48px;padding:14px 16px;font-size:1rem;font-weight:600;transition:background .15s}.primary-button:hover:not(:disabled){background:var(--primary-hover)}.primary-button:disabled{opacity:.55;cursor:default}.primary-button--accent{background:var(--accent)}.primary-button--accent:hover:not(:disabled){background:#12b87a}.text-button{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;min-height:44px;padding:6px 8px;font-size:.85rem}.text-button:hover:not(:disabled){color:var(--danger)}.alert{border-radius:var(--radius);background:#3a1f2b;border:1px solid #6e2e42;padding:12px 16px;font-size:.85rem}.alert p{margin:4px 0}.layer-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.layer-item{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:8px;display:flex}.layer-item--hidden{opacity:.55}.layer-item--selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.layer-item__main{appearance:none;color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;padding:2px;display:flex}.layer-item__main[role=button]{cursor:pointer}.layer-item__main[role=button]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.layer-item__thumb{object-fit:cover;background:#000;border-radius:8px;flex-shrink:0;width:56px;height:56px}.layer-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.layer-item__name{border:1px solid var(--primary);width:100%;color:var(--text);background:0 0;border-radius:6px;padding:4px 6px;font-size:.95rem}.layer-item__name:focus{background:var(--bg-panel);outline:none}.layer-item__name-text{text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;font-size:.95rem;overflow:hidden}.layer-item__meta{color:var(--text-dim);padding-left:6px;font-size:.75rem}.layer-item__actions{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.icon-button{appearance:none;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;display:inline-flex}.icon-button:hover:not(:disabled){border-color:var(--primary)}.icon-button--danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.icon-button:disabled{opacity:.35;cursor:default}.field{flex-direction:column;gap:4px;display:flex}.field__label{color:var(--text-dim);font-size:.8rem}.field__input-group{align-items:center;gap:6px;display:flex}.field__input-group input{background:var(--bg-input);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:10px 12px;font-size:1rem}.field__input-group input:focus{border-color:var(--primary);outline:none}.field__suffix{color:var(--text-dim)}.field--checkbox{flex-direction:row;align-items:center;gap:8px;font-size:.9rem}.field--checkbox input{width:20px;height:20px;accent-color:var(--primary)}.field select,.field input[type=number],.field input[type=text]{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:8px;min-height:44px;padding:10px 12px;font-size:1rem}.field select:focus,.field input[type=number]:focus,.field input[type=text]:focus{border-color:var(--primary);outline:none}.field--invalid{border-color:var(--danger)!important}.field__error{color:var(--danger);font-size:.75rem}.field--radio{flex-direction:row;align-items:flex-start;gap:10px}.field--radio input[type=radio]{width:22px;min-width:22px;height:22px;accent-color:var(--primary);flex-shrink:0;margin-top:2px}.field--radio input[type=color]{border:1px solid var(--border);background:0 0;border-radius:8px;width:44px;height:44px;margin-left:8px;padding:0}.app__layout-mode{flex-direction:column;gap:16px;margin:4px 0;display:flex}.layout-editor{flex-direction:column;gap:6px;display:flex}.layout-editor__toolbar{align-items:center;gap:8px;display:flex}.layout-editor__zoom-button{appearance:none;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer;border-radius:8px;min-height:44px;padding:0 14px;font-size:.85rem}.layout-editor__zoom-button:hover{border-color:var(--primary)}.layout-editor__zoom-button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.layout-editor__zoom-value{color:var(--text-dim);min-width:3.5em;font-size:.85rem}.layout-editor__shortcut-hint{color:var(--text-dim);margin:0;font-size:.75rem;display:none}@media (width>=700px){.layout-editor__shortcut-hint{display:block}}.layout-editor__viewport{border-radius:var(--radius);background:var(--bg);height:clamp(280px,55vh,560px);padding:0 16px;position:relative;overflow:hidden}.layout-editor__canvas{touch-action:none;cursor:default;width:100%;height:100%;display:block}.layout-editor__canvas:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.layout-editor__readout{color:var(--text);border:1px solid var(--border);pointer-events:none;background:#12121cd9;border-radius:8px;padding:6px 10px;font-size:.8rem;position:absolute;bottom:12px;left:24px}.inspector{border-top:1px solid var(--border);flex-direction:column;gap:14px;padding-top:8px;display:flex}.inspector__toolbar{z-index:1;background:var(--bg-panel);flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0;display:flex;position:sticky;top:0}.inspector__toolbar-button{appearance:none;border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;border-radius:8px;min-height:44px;padding:0 14px;font-size:.85rem}.inspector__toolbar-button:hover:not(:disabled){border-color:var(--primary)}.inspector__toolbar-button:disabled{opacity:.4;cursor:default}.inspector__snap-toggle{color:var(--text-dim);align-items:center;gap:6px;min-height:44px;font-size:.85rem;display:flex}.inspector__snap-toggle input{width:20px;height:20px;accent-color:var(--primary)}.inspector__selection{z-index:1;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex;position:sticky;top:52px}.inspector__fields{flex-wrap:wrap;gap:10px;display:flex}.inspector__fields .field{flex:1;min-width:100px}.stepper{align-items:center;gap:4px;display:flex}.stepper input{width:100%;min-width:0}.stepper__button{appearance:none;border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;width:44px;height:44px;font-size:1.1rem}.stepper__button:hover{border-color:var(--primary)}.inspector__actions{flex-wrap:wrap;gap:4px;display:flex}.inspector__actions .text-button{border:1px solid var(--border);border-radius:8px;min-height:44px;padding:0 12px}.inspector__section{flex-direction:column;gap:8px;display:flex}.inspector__align-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.inspector__align-button{border:1px solid var(--border);text-align:center;border-radius:8px;min-height:44px}.inspector__arrange-buttons{flex-wrap:wrap;gap:8px;display:flex}.inspector__arrange-buttons .text-button{border:1px solid var(--border);border-radius:8px;min-height:44px;padding:0 14px}.inspector__background{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;margin:0;padding:10px;display:flex}.app__footer{color:var(--text-dim);text-align:center;margin-top:auto;font-size:.75rem}@media (width>=700px){.app__header h1{font-size:1.8rem}}@media (width<=480px){.layer-item{flex-wrap:wrap}.layer-item__actions{justify-content:flex-end;width:100%}}