/* Light theme and component shapes from Android ui/theme/Theme.kt.
   Layout references: the user's 37 screenshots, reviewed 2026-10-18. */
.app-ui{--app-paper:#f2efe7;--app-ink:#2b2825;--app-muted:#5d554d;--app-primary:#9f4029;--app-selected:#f5d8ca;--app-card:#e2dfd4;--app-line:#ccc6ba}
.app-ui .app-screen{display:block;width:calc(100% - 32px);max-width:420px;margin:20px auto;background:var(--app-paper);color:var(--app-ink);border:1px solid var(--app-line);border-radius:22px;padding:16px 10px 12px;overflow:hidden;font-family:Arial,'Noto Sans JP',sans-serif;line-height:1.55;box-shadow:0 10px 28px #302b2410;container-type:inline-size}
.app-screen *{box-sizing:border-box}.app-screen button{background:transparent;border:1px solid var(--app-line);border-radius:12px;color:var(--app-ink);font-size:12px;min-height:40px;padding:8px 12px;font-weight:500;line-height:1.4;max-width:100%}
.app-screen button:hover:not(:disabled){background:var(--app-selected);border-color:var(--app-primary);color:var(--app-primary)}
.app-screen button[aria-pressed=true]{background:var(--app-selected);color:var(--app-primary);border-color:var(--app-primary)}
.app-screen button:disabled{opacity:.43}.app-screen .app-icon-button{padding:8px;min-width:36px;min-height:36px;border:0;border-radius:8px;display:inline-grid;place-items:center}
.app-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle;fill:currentColor}.app-button-label{vertical-align:middle;margin-left:5px}.app-screen button:has(.app-button-label){display:inline-flex;align-items:center;justify-content:center}
.app-topbar{display:flex;align-items:center;gap:14px;min-height:60px;padding:6px 0 12px;background:var(--app-paper)}
.app-work-title{display:flex;flex-direction:column;border:1px solid var(--app-line);border-radius:16px;padding:6px 10px;min-width:0;max-width:55%;line-height:1.3}.app-work-title small{font-size:10px;color:var(--app-muted)}.app-work-title strong{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-header-icons{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-left:auto;color:var(--app-muted)}.app-header-icons>.app-icon{width:19px;height:19px}
.app-topbar>h4{font-size:22px;font-weight:500;margin:12px 0;flex:1}
.app-live-screen .demo-preview{display:block;height:auto;min-width:0}.app-live-screen .live-stage{border:1px solid var(--app-line);border-radius:16px;aspect-ratio:1;min-height:0;flex:none;background:var(--app-paper);overflow:hidden}
.app-live-screen .live-stage iframe{background:var(--app-paper)}.app-live-screen .app-runtime-line{border:0;background:none;padding:0 4px 8px;font-size:10px;min-height:20px;display:flex;justify-content:space-between}.app-runtime-line>span:first-child{display:none}.app-live-screen .canvas-size{display:block!important}
.app-live-screen .demo-preview>.app-preview-controls{padding:7px 0;margin:0;border:0;background:none;gap:5px;display:flex;flex-wrap:wrap}
.app-preview-controls>button{flex:0 0 auto!important;min-height:36px;font-size:10px;padding:6px 8px;border-radius:10px;background:transparent;color:var(--app-muted);border:1px solid var(--app-line)}
.app-preview-controls>button.primary{background:transparent;color:var(--app-ink);border-color:var(--app-line)}.app-preview-controls>[data-action=start] .app-icon{width:12px;height:12px;color:var(--app-primary)}
.app-preview-controls>[data-ui=toggle-tools]{margin-left:auto;color:var(--app-primary);border-color:var(--app-primary)}.app-preview-controls>[data-ui=toggle-tools] span{font-size:10px}
.app-editor-surface{border:1px solid var(--app-line);border-radius:14px;overflow:auto;max-height:205px;min-height:145px;padding:10px 5px;background:var(--app-paper);font:11px/1.9 var(--mono);scrollbar-width:thin}
.app-code-line{display:flex;min-width:max-content;gap:9px;white-space:pre}.app-line-number{width:22px;text-align:right;flex-shrink:0;color:#b7afa2}.app-code-line code{font:inherit;color:#3d3b36}.app-token,.app-token-val{color:#9f4029}.app-token-kw{color:#78438e}
.app-accessory{display:flex;align-items:center;justify-content:space-between;padding:8px 2px 2px;gap:8px}.app-accessory>span{display:flex;gap:15px;align-items:center;color:#645d55}.app-accessory small{font:9px var(--mono);color:#92887c}.app-color-dot{width:12px;height:12px;border-radius:4px;background:#d67856;outline:2px solid #d4bcad}
.app-sheet{border:0!important;border-radius:22px 22px 12px 12px;padding:18px 12px!important;background:var(--app-paper)!important;min-width:0}
.app-live-screen>.app-sheet{margin-top:12px;box-shadow:0 -3px 10px #3f36221a;border-top:1px solid #e2dcd0!important}.app-sheet-handle{height:4px;width:31px;background:#655f57;border-radius:3px;margin:0 auto 24px}
.app-sheet>h4,.app-sheet-heading h4{font-size:20px;line-height:1.4;font-weight:500;margin:0 0 20px;color:var(--app-ink)}.app-count{display:inline-block;padding:2px 6px;border-radius:10px;background:var(--app-selected);font-size:10px;vertical-align:middle;color:var(--app-primary)}
.app-sheet .live-controls{display:flex!important;flex-direction:column;gap:14px;margin:0}.app-parameter-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:-8px 0 18px}.app-parameter-toolbar button{border:0;color:var(--app-primary);font-size:10px;padding:7px}.app-parameter-toolbar button .app-icon{width:17px;height:17px}
.app-screen .parameter-row{background:var(--app-card);border:0;border-radius:15px;padding:15px 12px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start}.app-screen .parameter-row>.parameter-pin{width:22px;height:28px;min-height:28px;margin:0;position:relative;overflow:visible}
.app-screen .parameter-row>.parameter-pin:after{display:none}.app-screen .parameter-pin>input{position:absolute;inset:0;width:28px;height:30px;margin:-1px 0 0 -3px;appearance:none;border:0;background:transparent;cursor:pointer;border-radius:6px}.app-screen .parameter-pin>.app-icon{color:#999387;pointer-events:none;width:18px;height:18px;margin-top:4px}.app-screen .parameter-pin:has(input:checked)>.app-icon{color:var(--app-primary);fill:var(--app-primary)}.app-screen .parameter-pin input:checked{background:#9f402915}
.app-screen .parameter-row>label:not(.parameter-pin){display:flex;flex-direction:column;gap:4px;font-size:13px;width:100%;min-width:0}.app-screen .control>span{font-size:12px}.app-screen .control output{font:12px var(--mono);background:var(--app-selected);color:var(--app-primary);border-radius:8px;padding:3px 7px}
.app-parameter-key{font:10px var(--mono);color:var(--app-muted);margin-bottom:10px}.app-range-limits{font-size:10px;color:var(--app-muted);margin-top:8px}.app-range{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.app-range>button{border-radius:50%;width:32px;height:32px;min-height:32px;flex:0 0 32px;padding:0;color:var(--app-muted);font-size:17px}.app-screen input[type=range]{appearance:none;height:32px;min-height:32px;background:transparent;min-width:0;flex:1;margin:0;accent-color:var(--app-primary)}
.app-screen input[type=range]::-webkit-slider-runnable-track{height:2px;background:#b3a99b}.app-screen input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:24px;background:var(--app-primary);border:0;border-radius:1px;margin-top:-11px}.app-screen input[type=range]::-moz-range-track{height:2px;background:#b3a99b}.app-screen input[type=range]::-moz-range-thumb{width:12px;height:24px;background:var(--app-primary);border:0;border-radius:1px}
.app-screen .app-switch{position:relative;padding-right:53px;min-height:47px;justify-content:center}.app-screen .app-switch input[type=checkbox]{appearance:none;position:absolute;right:0;top:6px;width:46px;height:28px;border:2px solid #8c857b;border-radius:20px;background:transparent;margin:0;cursor:pointer}.app-screen .app-switch input:before{content:'';position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#8c857b}.app-screen .app-switch input:checked{background:var(--app-primary);border-color:var(--app-primary)}.app-screen .app-switch input:checked:before{background:#fff9f1;left:22px}
.app-screen .app-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden}
.app-segments{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0}.app-segments>button{font-size:11px;padding:9px 11px;border-radius:12px;background:var(--app-paper);min-height:38px}.app-screen .app-color-pair{display:flex;gap:10px;align-items:center}.app-screen .app-color-pair input[type=color]{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:10px;overflow:hidden}.app-screen .app-hex{min-width:0;flex:1;width:100%;font:12px var(--mono);border:1px solid #9d9387;border-radius:4px;background:transparent;min-height:44px;padding:8px}
.app-watch-badge{font:11px var(--mono);color:var(--app-primary);background:#eee5d7;border:1px solid #bda58e;border-radius:6px;padding:4px 7px;margin:6px 0;display:inline-block}
.app-ui .sim-body{padding:0;min-width:0}.app-screen .sim-commandbar{background:transparent;border:0;margin:0;padding:10px 0;gap:6px}.app-screen .sim-commandbar button:first-child{background:transparent;color:var(--app-primary);border-color:var(--app-line)}
.app-ui .app-outcome{margin:14px 20px 0;padding:12px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--green);font-size:11px;line-height:1.8}.app-practice-controls{display:flex;flex-wrap:wrap;gap:7px;padding:4px 20px 12px}.app-practice-controls button{font-size:10px;padding:6px 9px;min-height:36px}
.app-screen .sim-grid{gap:12px;margin:18px 0}.app-screen .sim-card{padding:0 0 8px;text-align:left;border:1px solid transparent;background:none;border-radius:6px;font-size:12px}.app-screen .sim-card[aria-pressed=true]{border-color:var(--app-primary);background:none}.app-screen .sim-card[aria-pressed=true]:after{background:var(--app-primary)}
.app-screen .mini-art{background:var(--app-card);height:auto;aspect-ratio:1;border-radius:6px}.app-screen .mini-art:has(.app-art):before{display:none}.app-art{width:100%;height:100%;min-height:150px;display:grid;place-items:center;background:var(--app-paper)}.app-art svg{width:100%;height:100%;display:block;max-height:300px}.app-screen .sim-card .mini-art{margin-bottom:7px}
.app-tab{display:inline-block;font-size:11px;padding:7px 10px;border:1px solid var(--app-line);border-radius:8px;margin:0 5px 5px 0;color:var(--app-ink)}.app-tab.selected{background:var(--app-card);border-color:var(--app-card);font-weight:600}.app-sample-banner{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--app-line)!important;border-radius:13px;padding:10px!important}.app-readonly{font-size:10px}.app-sample-banner button{border:0!important;color:var(--app-primary)!important;font-size:11px}.app-screen .copied-work .mini-art{height:80px;width:80px;aspect-ratio:1}.app-screen .gallery-copy{border-color:var(--app-line)}
.app-screen .editor-document{border:1px solid var(--app-line);border-radius:14px;overflow:hidden;background:var(--app-paper);margin:10px 0}.app-screen .sim-code,.app-screen pre{background:var(--app-paper);color:#47413a;border:1px solid var(--app-line);border-radius:13px;font:11px/1.9 var(--mono)}.app-screen .editor-document .sim-code{background:var(--app-paper);border:0;border-radius:0;padding:16px 10px;min-height:180px}.app-screen .sim-code mark{background:var(--app-selected);color:var(--app-primary)}.app-file-caption{font:10px var(--mono);color:var(--app-muted);margin:12px 0 0}
.app-search-panel{padding:12px;border:1px solid var(--app-line);border-radius:14px}.app-search-panel .control{font-size:10px;color:var(--app-primary)}.app-screen input[type=text],.app-screen select{border-color:#a79c8d;background:transparent;border-radius:4px;font-size:12px}.app-search-panel button{border:0;margin-top:4px;color:var(--app-primary);font-size:10px}.app-screen .editor-accessory{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px;border:1px solid var(--app-line);border-radius:13px}.app-screen .editor-accessory .app-accessory{justify-content:flex-start}
.app-screen .pip-workspace{height:360px;border-radius:14px;border-color:var(--app-line);background:var(--app-paper);padding:5px}.app-screen .pip-workspace>.sim-code{padding:18px 8px;border:0;border-radius:0;height:100%}.app-screen .pip-window{width:138px;height:150px;border:1px solid var(--app-line);background:var(--app-paper);border-radius:13px;box-shadow:0 3px 8px #302b2430;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:32px}.app-screen .pip-window:before{width:55px;height:55px;background:#d67856;box-shadow:17px 8px 0 -12px #75a29c}.app-pip-controls{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-evenly;gap:0;height:32px}.app-screen .app-pip-controls button{min-width:28px;min-height:28px;padding:5px}.app-pip-controls .app-icon{width:16px;height:16px}.app-screen .pip-window.large{width:185px;height:190px}.app-screen .pip-window.minimized{width:138px;height:34px;padding:0;justify-content:start;align-items:start}.app-screen .pip-window.minimized:before{display:none}.app-pip-caption{display:none}.app-screen .pip-window.minimized .app-pip-caption{display:block;font-size:10px;margin:9px 0 0 8px}.app-screen .pip-window.minimized .app-pip-controls{left:auto}.app-screen .pip-window.minimized .app-pip-controls button:not([data-action=minimize]){display:none}
.app-screen .app-window{border:1px solid var(--app-line)!important;border-radius:20px;padding:20px 14px!important;margin:20px 0;background:var(--app-paper);box-shadow:0 0 0 9px #302b2412}.app-window>.app-sheet-handle{display:none}.app-window>.app-sheet-heading h4{font-size:17px;padding-bottom:14px;border-bottom:1px solid var(--app-line)}
.app-file-nav{display:flex;gap:5px;flex-wrap:wrap;padding:6px 0}.app-file-nav button{font-size:10px;padding:8px}.app-file-nav .app-icon{width:17px;height:17px}.app-screen .mock-file-browser{display:block;border:0;margin:0}.app-screen .file-tree{display:flex;flex-direction:column;padding:0;background:none;gap:10px}.app-screen .file-tree button{padding:13px 9px;border:1px solid var(--app-line);border-radius:14px;gap:8px;font-size:11px;min-height:48px}.app-screen .file-tree button[aria-pressed=true]{background:var(--app-selected);color:var(--app-primary);border-color:var(--app-selected)}.app-screen .file-kind{border:0;padding:0}.app-main-badge{margin-left:auto;font:9px var(--mono)}.app-screen .file-preview{margin-top:14px;min-height:110px;font-size:10px;padding:10px;white-space:pre-wrap}.app-runtime-heading{font-size:11px;margin:8px 0 15px;color:var(--app-muted)}.app-window>.control{font-size:11px}.app-window>button{margin:15px 0 0 auto;color:var(--app-primary)}
.app-screen .history-preview{gap:8px;margin-top:14px}.app-screen .value-canvas{border-radius:12px;background:var(--app-paper);height:130px}.app-screen .value-canvas i{background:#d67856}.app-screen .history-values p{font-size:10px}.app-screen .history-values output{font-size:16px}.app-screen .snapshot-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.app-snapshot-card{padding:14px 12px;background:var(--app-card);border:1px solid var(--app-line);border-radius:15px;min-width:0}.app-snapshot-meta{display:flex;gap:10px;align-items:center;font-size:11px}.app-snapshot-meta small{font-size:9px}.app-snapshot-code{font:10px var(--mono);margin:15px 0}.app-snapshot-actions{display:flex;justify-content:flex-end;align-items:center;gap:5px}.app-snapshot-actions button{font-size:10px;padding:8px;border:0;color:var(--app-primary)}.app-snapshot-actions button[data-action]{background:var(--app-primary);color:#fff9f1;border-radius:20px}.app-screen [data-action=snapshot]{background:var(--app-card);border:0;width:100%;font-size:11px}.app-diff-panel{padding:14px;border:1px solid var(--app-line);border-radius:18px;margin-top:14px;background:var(--app-paper)}.app-diff-panel h5{font-size:18px;font-weight:500;margin:0}.app-diff-panel p{font-size:10px}.app-diff-panel pre{padding:10px;white-space:pre-wrap;overflow-wrap:anywhere;border:0}.app-diff-panel del{display:block;background:#efdad3;color:#9f4029;text-decoration:none}.app-diff-panel ins{display:block;background:#d6dfc9;color:#456442;text-decoration:none}
.app-screen .export-canvas{border-radius:16px;border-color:var(--app-line)}.app-screen .export-canvas .mini-art{height:280px;aspect-ratio:auto}.app-export-tray{display:flex;gap:7px;padding:8px 0}.app-export-tray button{font-size:10px;flex:1;padding:7px}.app-export-tray .app-icon{width:17px;height:17px}.app-screen .record-indicator{top:10px;left:10px;right:10px;background:#f2efe7e8;color:var(--app-ink);font:11px var(--mono);padding:8px;display:flex;align-items:center;gap:8px}.app-screen .record-indicator button{margin-left:auto;color:var(--app-primary);min-height:28px;min-width:28px}.app-screen .export-receipt{font-size:11px;padding:10px;background:#e8e5db;border-color:var(--app-line)}.app-screen .receipt-type{color:var(--app-primary);border-color:var(--app-line)}.app-screen [data-action=record],.app-screen [data-action=share]{background:var(--app-primary);color:#fff9f1;border:0;border-radius:22px;width:100%;margin-top:16px}
.app-work-selection{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}.app-work-selection>.control.check{display:flex;flex-direction:column;position:relative;font-size:11px;gap:8px;align-items:start;min-width:0}.app-work-selection .app-art{height:140px;border:1px solid var(--app-line);border-radius:7px;overflow:hidden}.app-work-selection input{position:absolute;top:8px;left:7px;accent-color:var(--app-primary)}.app-work-selection label:has(input:checked) .app-art{border-color:var(--app-primary);background:var(--app-selected)}.app-screen .organization-work{border-color:var(--app-line);background:var(--app-paper);font-size:10px}.app-screen .work-initial{background:var(--app-card);color:var(--app-muted)}.app-folder-options{display:flex;gap:10px;flex-direction:column;align-items:start;font-size:11px}.app-tag-preview{padding:15px;border:1px solid #9e9487;border-radius:4px;font-size:13px}
.app-backup-card{margin:20px 0;padding:16px;border:1px solid var(--app-line);border-radius:18px}.app-backup-card>strong{font-size:13px}.app-backup-card>p{font-size:11px;line-height:1.7;color:var(--app-muted)}.app-backup-actions{display:flex;gap:8px}.app-backup-actions button{flex:1;border-radius:24px;font-size:11px;padding:8px}.app-backup-actions button[data-action=backup]{background:var(--app-card);border-color:var(--app-card)}.app-screen .backup-map{gap:8px;padding:15px 0}.app-screen .backup-collection,.app-screen .backup-archive{background:var(--app-paper);border-color:var(--app-line);border-radius:14px}.app-screen .backup-archive.ready{background:var(--app-selected);border-color:#c98d76}.app-screen .backup-archive strong,.app-screen .backup-collection>span{color:var(--app-primary)}
.app-screen .share-card-preview{background:#e8e5db;border:1px solid var(--app-line);border-radius:16px;padding:14px;margin-bottom:18px}.app-screen .share-card-preview .mini-art{height:130px;aspect-ratio:auto}.app-screen .share-card-preview pre{font-size:9px;background:var(--app-paper)}.app-screen .share-card-preview.dark-card{background:#333132;color:#f2efe7}.app-screen .share-card-preview.dark-card pre{background:#464240;color:#f2efe7}.app-screen .share-card-preview.sumi-card{background:#1c1b19;color:#dcd6cb;border-color:#44403a}.app-screen .share-card-preview.sumi-card pre{background:#292724;color:#dcd6cb}.app-screen .sim-controls{display:flex;flex-direction:column;gap:16px}.app-screen .sim-controls>.control{flex:auto}.app-screen .share-card-preview+ .sim-controls>.control{padding:16px;background:var(--app-card);border-radius:15px}.app-screen .share-card-preview+ .sim-controls>.app-switch{padding-right:70px}.app-screen .share-card-preview+ .sim-controls>.app-switch input{right:15px;top:14px}
.app-concept .app-screen{box-shadow:none}.app-concept .camera-diagram,.app-concept .sensor-board{background-color:var(--app-card);border-radius:14px}.app-screen .recovery-comparison>div{background:var(--app-card);border-color:var(--app-line)}.app-screen .recovery-comparison code{font-size:10px}.app-screen .recovery-editor .document-tab{background:var(--app-card);color:var(--app-ink)}.app-screen .save-failed{color:var(--app-primary)!important}
@container(max-width:340px){.app-header-icons{gap:10px}.app-header-icons>.app-icon{width:17px;height:17px}.app-work-title strong{font-size:14px}.app-sheet{padding:15px 7px!important}.app-sheet>h4,.app-sheet-heading h4{font-size:18px}.app-screen .parameter-row{padding:13px 9px;gap:5px}.app-parameter-toolbar{gap:1px}.app-parameter-toolbar button{font-size:9px;padding:6px}.app-range{gap:6px}.app-range>button{width:28px;height:28px;min-height:28px;flex-basis:28px}.app-screen .app-color-pair{gap:7px}.app-preview-controls>[data-ui=toggle-tools] span{font-size:9px}.app-screen .app-icon{width:17px;height:17px}.app-window>.app-sheet-heading h4{font-size:16px}.app-screen .app-window{padding:15px 10px!important}.app-screen .file-tree button{font-size:10px}.app-file-nav button{font-size:9px}.app-accessory>span{gap:13px}.app-snapshot-actions button{font-size:9px}.app-screen .app-work-selection .app-art{height:110px;min-height:110px}}
@media(max-width:520px){.app-ui .app-screen{width:calc(100% - 14px);margin:12px auto;padding:12px 10px 10px;border-radius:16px}.app-live-screen .live-stage{aspect-ratio:10/7}.app-ui .app-outcome{margin:12px 14px 0}.app-ui .app-practice-controls{padding:4px 14px 12px}}
.app-live-screen:has(.app-parameters:not([hidden])) .app-editor-surface,.app-live-screen:has(.app-parameters:not([hidden])) .app-accessory{display:none}
.app-live-screen:has(.app-parameters:not([hidden])) .live-stage{height:180px;aspect-ratio:auto}
.app-live-screen>.app-parameters{max-height:580px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.app-screen .app-switch{align-items:flex-start!important}.app-screen .app-switch .app-parameter-key{margin:3px 0}
.app-runtime-options{display:flex;flex-direction:column;gap:10px;margin:10px 0 20px}.app-runtime-options label{display:flex;align-items:center;gap:9px;font-size:12px;padding:12px;border:1px solid var(--app-line);border-radius:13px}.app-runtime-options input{accent-color:var(--app-primary)}.app-runtime-options small{display:block;font-size:10px;color:var(--app-muted)}
.app-training-state{max-width:420px;margin:10px auto 16px!important;padding:0 20px!important}.app-training-state:before{content:'練習用の状態';grid-column:1/-1;font-size:10px;color:var(--muted)}html[lang=en] .app-training-state:before{content:'Practice state'}.app-asset-description{font-size:12px;color:var(--app-muted);margin-bottom:15px}.app-asset-preview{margin-top:16px;padding-top:14px;border-top:1px solid var(--app-line);font-size:12px}.app-asset-preview .app-art{border:1px solid var(--app-line);border-radius:10px;overflow:hidden}
.app-screen .app-color-native{display:none!important}.app-screen .app-color-swatch{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #b9ad9d;border-radius:10px}.app-color-dialog{background:var(--app-paper);color:var(--app-ink);border:1px solid var(--app-line);border-radius:24px;max-width:min(380px,calc(100vw - 24px));width:380px;max-height:85dvh;padding:22px;font-family:Arial,sans-serif;overflow:auto}.app-color-dialog::backdrop{background:#2b282566}.app-color-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.app-color-dialog h4{font-size:19px;font-weight:500;margin:0}.app-color-dialog header button{border:0;color:var(--app-primary)}.app-color-dialog .control{margin:15px 0;font-size:12px}.app-color-dialog .app-segments button{flex:1;border-radius:4px;border:0;border-bottom:2px solid transparent}.app-color-dialog .app-segments button[aria-pressed=true]{border-bottom-color:var(--app-primary);background:var(--app-card)}.app-color-presets{display:flex;gap:8px;margin:20px 0}.app-color-presets button{width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:50%}.app-color-dialog .app-color-apply{width:100%;border-radius:16px;background:var(--app-primary);color:#fff9f1;border:0}.app-parameter-toolbar>[data-ui=close-parameters]{margin-left:auto}.app-window>[data-ui=close-window]{display:flex;border:0;font-size:11px;margin:12px 0 0 auto;color:var(--app-primary)}